 |
238
|
Re1:フレームの表示／非表示 by aa |
2009/03/27 (Fri) 14:53 |
|
|
| |
>はじめまして。
>最近DHTMLのすばらしさに気づいた小物です。
>
>質問なのですが、子フレームをボタン押下で表示／非表示切り替えをしたいのですが出来るでしょうか？
>
>フレーム分けではなく、一つのHTMLでならば出来たのですが、
>フレームで分けてやりたいんです。※下記ソース参照願
>
>フレームをdivで括ればvisible指定で消したり出来るのかな？とか
>framesetでボタン押下時にscriptでサイズ0指定してやれば出来るかな？等々考えたのですが、どうもスマートじゃないので、先輩方のお知恵を拝借したいと思い質問させてもらいます。
>
>宜しくお願いします。
>
>
>P.S. 公開するページではないのでブラウザ等問いません。
>
>※以下ソース（汚くてすいません
>
><HTML>
><HEAD>
><TITLE>テストWebページ</TITLE>
></HEAD>
><SCRIPT LANGUAGE="JavaScript">
><!--
>function newWin(){
> w=screen.availWidth;
> h=screen.availHeight;
> this.resizeTo(w,h);
> this.moveTo(0,0);
>}
>//// メニューの表示・非表示を切り替える
>function DisplaySwitch(menu, symbol){
> if(document.all){
> // メニューが表示されていない
> if(document.all(menu).style.display == "block"){
> // メニューを表示する
> // メニュー表示シンボルを非表示にする
> document.all(menu).style.display = "none";
> document.all(symbol).style.display = "block";
> // メニューが表示されている
> }else if(document.all(menu).style.display == "none"){
> // メニューを非表示にする
> // メニュー表示シンボルを表示する
> document.all(menu).style.display = "block";
> document.all(symbol).style.display = "none";
> }
> }else if(document.getElementById){
> if(document.getElementById(menu).style.display == "block"){
> document.getElementById(menu).style.display = "none";
> document.getElementById(symbol).style.display = "block";
> }else if(document.getElementById(menu).style.display == "none"){
> document.getElementById(menu).style.display = "block";
> document.getElementById(symbol).style.display = "none";
> }
> }
>}
>//-->
></SCRIPT>
><STYLE TYPE="text/css">
><!--
>.likewall { position:absolute; }
>.directR { float:right; vertical-align:top; }
>.subwindow { font-size:90%; background-color:#FFFF00;
> width:120px;
> padding:5px 5px 5px 8px; border-top:1 white solid; }
>-->
></STYLE>
><BODY>
><table border="1">
><tr>
> <td>
> </td>
> <td>
> <DIV ID="display2_menu" STYLE="display:none">
> <table width=300>
> <tr>
> <td>
> <A HREF="JavaScript:onClick=DisplaySwitch('display2_menu','display2_symbol');">
> <IMG SRC="cross.gif" ID="img3" class="directR" BORDER="0" ALT="閉じる">
> </A>
> </td>
> </tr>
> </table>
> </DIV>
> </td>
></tr>
><tr>
> <td valign="top">
> <div id="display2_symbol">
> <A HREF="JavaScript:onClick=DisplaySwitch('display2_menu', 'display2_symbol');">
> <IMG SRC="2frame_yoko.gif" ID="img2">
> </A>
> </div>
> <div id="display1_symbol">
> <A HREF="JavaScript:onClick=DisplaySwitch('display1_menu', 'display1_symbol');">
> <IMG SRC="2frame_tate.gif" ID="img1">
> </A>
> </div>
> <DIV ID="display1_menu" CLASS="subwindow" STYLE="display:none">
> <A HREF="JavaScript:onClick=DisplaySwitch('display1_menu','display1_symbol');">
> <IMG SRC="cross.gif" ID="img4" class="directR" BORDER="0" ALT="閉じる">
> </A>
> </DIV>
> </td>
> <td height=150>
> <div align="center">
> メインフレーム
> </div>
> </td>
></tr>
></table>
></BODY>
></HTML>
> |
|
 |
選択した記事にこのフォームで返信します。
|