お世話になります。
ポータルのHTMLポートレットを使って、社内で公開するヘルプデスクを作成しようとしています。
左右2分割のフレームを使用して、左側には掲示板の見出しをリンクで並べて
右のフレームにはリンク先の掲示板の本文のみを表示させたいです。
これはユーザーに戻るボタンでページを戻らなくても、見出しをクリックすれば
右に本文が切り替わるようにするためです。
ただ右側に掲示板のURLを表示させようとすると、そのまま掲示板が呼び出されてしまい
右のフレーム内にもヘッダー部分のボタンやメニューが表示されてしまいます。
掲示板の本文だけ表示させるためには、どのような工夫が必要でしょうか？
見様見真似で作成したコードを貼らせていただきます。
どうぞよろしくお願いします。
<style>
.flexV { display:flex; flex-flow:column; }
.flexH { display:flex; flex-flow:row; }
.flexItem {
flex:1 0 auto;
position:relative;
height:500px;
overflow:auto;
}
.nodisplayheader{
display: none;
}
.flexItem#header { order:1; height:30px; background:#cfc; }
.flexItem#footer { order:3; flex:0 0 40px; background:#cff; }
.flexItem#middle { order:2; }
#middle > .flexItem#leftnav { order:1; flex:0 0 25%; background:#ffc; }
#middle > .flexItem#rightcts { order:2; }
iframe.flexItem { border:none; }
.flexItem > .flexItemInner { position:absolute; }
/* fontsize
.size-button {
background-color: #fff;
border: 1px solid #999;
cursor: pointer;
display: inline-block;
font-size: 1rem;
line-height: 1;
padding: 11px;
text-align: center;
width: 40px;
&:hover,
&.active {
background-color: #AE2823;
color: #fff;
}
}
</style>
<body class=flexV>
<section class=flexItem id=header><div class=flexItemInner>ヘッダー部分</div></section>
<div class=“flexItem flexH” id=middle>
<nav class=flexItem id=leftnav><div class=flexItemInner nodisplayheader>
<!iframe 内にページ表示 –>
<ul>
<li><a href=http://xxxx.co.jp/scripts/cbgrn/grn.exe/bulletin/view?cid=XXX&aid=9999 target=right>質問の見出し１</a>
<li><a href=http://xxxx.co.jp/scripts/cbgrn/grn.exe/bulletin/view?cid=XXX&aid=9999 target=right>質問の見出し２</a>
<li><a href=http://xxxx.co.jp/scripts/cbgrn/grn.exe/bulletin/view?cid=XXX&aid=9999 target=right>質問の見出し３</a>
<li><a href=http://xxxx.co.jp/scripts/cbgrn/grn.exe/bulletin/view?cid=XXX&aid=9999 target=right>質問の見出し４</a>
</ul>
</div></nav><!-- /#leftnav –>
<iframe class=flexItem id=rightcts name=right src="http://XXX.co.jp/scripts/cbgrn/grn.exe/bulletin/view?cid=XXX&aid=9999"></iframe></div><!– /#middle –>