- ベストアンサー
↓のバーには表示されないウィンドウ。
こんばんは。 先日、サブウィンドウを出しても、 ↓の最小化されたウィンドウが並んでいるバーに 表示されないサブウィンドウを見つけたのです。 あれはどうやっているのでしょう。 具体例を出すとhttp://www2.to/stonehead/な かんじです。上記アドレスの「Jun 14,2003 update」を クリックすると、そのウィンドウが出ます。
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
参考のページを見ました。 あれはDHTMLといって、JavaScriptでスタイルシートを動的に変更しているものです。 ためしに、同じような動きをするものを書いてみました。 <html> <head> <title>DHTML</title> <script type="text/javascript"> <!-- function chgBox(obj){ if (document.getElementById){ tar=document.getElementById(obj); if (tar.style.visibility=="visible"){ tar.style.visibility="hidden"; } else { tar.style.visibility="visible"; } } } // --> </script> </head> <body> <p><a href="#" onClick="chgBox('div1'); return false;">クリックで表示・非表示の切り替え</a></p> <div id="div1" style="width:240px; height:121px; z-index: 1; visibility: hidden; border: solid 1px black;">現れます。 もう一度リンクをクリックすると消えます。</div> </body> </html> こんな感じに、スタイルシートをJavaScriptから書き換えています。 参考になれば…
その他の回答 (2)
Layerを使っているようですね。 ソースを見れば分かると思いますが 「Jun 14,2003 update」をクリックするとLayerを表示、 「close」をクリックするとブランクにしているようですね。 私に分かるのはこれくらいです。
- mrumesuke
- ベストアンサー率45% (254/557)
質問の際はご使用の環境を明記しましょう。 「最小化されたウィンドウが並んでいるバー」 Windowsならタスクバーですね。 「表示されないサブウィンドウ」 参考ページ見ました。 サブウィンドウではありません。レイヤーといいます。レイヤーを上手に使うと、参考ページのように面白いことができます。 レイヤーとは何かというと、概念としてはアニメーションのセル画のようなものです。本文の上にかぶせてあるレイヤーを、Javascriptを使って表示させたり、非表示にしたり、時には移動させたり、と、制御することができます。 このカテゴリーで質問しているということはJavascriptについてある程度知識がおありなのだと思います。興味があれば当該ページのソースを追ってみてはいかがでしょうか。