• ベストアンサー

サブ画面を開く時のmenu、scrollbar非表示の方法

Htmlをプログラミングしているのですが、サブ画面を開く時に、以下の指定を親ウィンドウ側でJavaScriptで記述することが可能ですが、 (指定1)サイズ・位置 (指定2)menu、scrollbar等の有無 質問したいのは、サブウィンドウ側で指定するにはどうすればいいかということです? 指定1については、方法がわかったのですが、指定2はどうしてもできません。どなたかご教示お願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • yutopapa
  • ベストアンサー率47% (139/295)
回答No.1

サブウィンドウ側からmenu、scrollbarの有無の指定は出来ません。メインウィンドウからwindow.open()時に指定するしか方法がありません。

関連するQ&A

  • 別画面の表示方法について

    初めてご質問をさせていただきます。 当方は、ホームページビルダーでホームページを作成しておりますが、まだ初心者で、初歩的なことが分かりません。 ご質問させていただきたいのは、ホームページの作成において、ある画面から、 別の画面を新しい画面として(画面サイズを指定)呼び出す方法についてですが、 現状、リンク元の画面のターゲットを「新しい画面で開く」に指定し、 リンク先(新しく開く画面)において、JavaScriptを使って開いた時に画面をResizeするような方法をとっています。 しかし、この方法ですと、 1.新しい画面において、メニューバー等が表示されてしまうが、それらを表示させたくない。 2.(気のせいかもしれませんが)その後、関係ない新たな画面を開いた時に、画面のサイズがResizeされた大きさになってしまう。 という、2つの問題があり、困っています。 きっと、リンク元の画面において、JavaScriptで、window_openを使えば良さそうな気もしたのですが、初心者のため実際の記述方法が分かりません。 画面のイメージとしては、リンク元の画面に 「詳細はこちらをご覧ください」というテキストがあり、「こちら」の文字部分にリンクを貼って、 詳細表示画面を、サイズを指定し、メニューバー等を表示せずに、別画面として開く、ということになりますが、 JavaScriptの記述をどの位置に、どのように記述すれば良いのか、どなたか、教えていただけると助かります。 よろしくお願い致します。

  • マウスを乗せるとメニュー表示

    フレームを使ったメニューで、マウスを乗せるとサブメニューが出ると言うスクリプトを探しています。 いくつか見つけることが出来たのですが、メニューの位置が絶対位置指定で直すのが難しく。。。 フレームに画像でメニュー、マウスを乗せるとサブメニューが出て、離すと消える、と。 サブメニューの位置は、マウスの位置によって変わるんではなく、メニューの位置に対してどの位置に表示される、と言うのが望ましいです。メニューからにゅっとサブメニューが現れると言うか…(マウスを乗せるたびにアチコチ変な位置に出るのはうっとおしいかと思うので) 説明が下手で判りづらいかもしれませんが、宜しくお願いします。 IE、ネスケ等にちゃんと対応してくれてるとありがたいです(って言うかぢゃないと困るカモ。。。)

  • プルダウンメニューからPDF表示

    プログラミング、初心者です。 JavaScriptを使って、二つのプルダウンメニューをコンボ(1つ目に選択したメニューの内容で、2つ目を変化)させて、GO!ボタンを押すと2つ目のメニューで指定したPDFを別ウィンドウで表示させるようにしたいです。具体的には、1つ目のメニューで、Aを指定すると2つ目でA-1,A-2,A-3,,,。1つ目のメニューで、Bを指定すると2つ目でB-1,B-2,B-3,,,。というふうにしたいです。その場合どのように記述すればいいのでしょうか? また、2つ目のメニューの選択肢がかなり多くなった場合でも、きちんと表示されるでしょうか? ご回答よろしくお願いしますm(__)M

  • フレームをまたいでサブメニューを表示(JavaScriptで)

    http://www.milonic.com/menu/frames/ のようなことがしてみたいのですが、どのようにしたらいいのでしょうか? また、JavaScriptで、(a)という画像にマウスオーバーしたら(b)という画像を動かす、ということができますが、このとき画像は、cssを使って位置指定で行いますよね? 元の(b)という画像を<img>で書くときも stype="position:… と指定しておかないとダメみたいですが、この指定をしない方法なんてあるのでしょうか? それと(A)という画像にマウスーオーバーしたら、今まで表示されていなかった(B)という画像を、指定の位置に表示、ということをするにはどうしたらいいのでしょうか? 質問が多くなってしまいましたが、どれかひとつでも答えていただければ幸いです。 よろしくお願いいたします。

  • サブメニュー表示方法

    以下のサイトのようなナビゲーションを作っています。 http://www.skuare.net/test/jHsubnav.html マウスオーバーでサブメニューが出るのではなく 最初からHOMEの サブメニューを表示しておくには、どのようにしたらよいでしょうか。 初心者で、わからず困っています。 よろしくお願い致します。 ------------------------------------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> ul#topnav { margin: 0; padding: 0; list-style: none; position: relative; font-size: 1.2em; background: #000; } ul#topnav li { float: left; margin: 0; padding: 0; border-right: 1px solid #555; } ul#topnav li a { padding: 10px 15px; display: block; color: #000; text-decoration: none; } ul#topnav li:hover { background: #1376c9; } ul#topnav li span { float: left; padding: 15px 0; position: absolute; left: 0; top:35px; display: none; background: #1376c9; color: #fff; } ul#topnav li:hover span { display: block; } ul#topnav li span a { display: inline; } ul#topnav li span a:hover {text-decoration: underline;} </style> <script type="text/javascript" src="http://alphasis.info/library/javascript/jquery/jquery-1.4.2.js"></script> <title>無題ドキュメント</title> </head> <body> <script type="text/javascript"> $(document).ready(function(){ $("ul#topnav li").hover(function() { //メインメニュー(#topnavi li)にマウスが乗った時 $(this).css({ 'background' : '#1376c9'}); //その要素の背景色を変える $(this).find("span").show(); //サブメニューを表示 } , function() { $(this).css({ 'background' : 'none'}); //背景色を戻す $(this).find("span").hide(); //サブメニュー隠す }); }); </script> <ul id="topnav"> <li><a href="#">Home</a> <span> <a href="#">The Company</a> | <a href="#">The Team</a> | <a href="#">Careers</a> </span> </li> <li> <a href="#">About</a> <span> <a href="#">The Company</a> | <a href="#">The Team</a> | <a href="#">Careers</a> </span> </li> </ul> </body> </html>

  • javascriptでポップアップメニュー

    はじめまして。題記の件でつまっています。 画面上のメニュー表示項目にマウスカーソルを合わせると、その位置にサブメニューを表示させたいです。 サブメニュー表示時に実現したいことは以下の3点です。 1.サブメニューのHTMLは画面上に記述しておき、カーソルがメニュー表示項目にある場合のみvisibleにする 2.サブメニューはカーソルが別のメニュー表示項目に移動した場合には、別のメニュー表示項目上でサブメニューを出すようにし、メニュー表示項目以外にカーソルが移動した場合には、メニューを非表示にする 3.サブメニューの表示位置はマウスカーソルの位置にする <イメージ> /* メニュー部分*/ <ul> <li>メニュー表示項目1</li> ※1 <li>メニュー表示項目2</li> … </ul> /*サブメニュー部分*/ <div id="menu" class="hidden"> <div>サブメニュー1</div> <div>サブメニュー2</div> </div> ※1にカーソルをあてると、下のhidden項目をカーソル位置に表示する カーソル移動にあわせてメニューを追従させたり、メニュー領域以外の場合に非表示とすることができません。(つまりほとんどうまくいってないのですが・・・) どうかご教示いただけないでしょうか。よろしくお願いします。 ちなみに以下のサイト様を参考にさせていただいてますが、こちらはカーソル位置に表示ではなく固定位置にサブメニュー表示でした。 http://miyakekobo.fc2web.com/temp/total_pd104.html

  • サブウィンドウを開くと親ウィンドウが上に戻ってしまう

    ページ途中のリンクからJavaScriptでサブウィンドウを開くとき、親ウィンドウが上に戻ってしまいます。 これをリンク位置でサブウィンドウが開くようにしたいのです。 どのようにすれば親ウィンドウが動かなくなりますでしょうか。 サブウィンドウ用のJavaScript function wopen1(){ window.open("aaa.htm","plain","scrollbars=yes"); } リンク側 <a href="#" onClick="wopen1()"> どうぞよろしくお願いいたします。

  • ウインドの表示位置設定

    新しいページを表示する時に、ウインドのサイズと座標を指定したいんですけど、VBしか知らないので、HTMLのASPで、JavaScriptでの記述を教えて欲しいんです... どなたか、JavaScriptのランゲージリファレンスのページ、ご存知でじたら、教えて欲しいな(*^_^*)

  • プルダウンメニュー表示時の高さの指定方法

    ブラウザ上でプルダウンメニューを表示させる際に、表示される高さ(タテ幅)の指定をするにはどうすればよいか、ご存知の方は教えていただけないでしょうか? ちなみに、プルダウンメニューの横幅は、<select>タグ内に、「style="width:(幅を指定);"」を記述することで固定幅の設定が可能でしたが・・・ なお、プルダウンメニューは初期表示として、1件のみ表示させるものとします(すなわち、<select>タグ内の「size="1"」の指定は変えないこととする)。 というのも、プルダウンに表示させる項目(条件によって可変)の件数が多い場合に、プルダウンメニュー内でスクロールさせるのをできるだけ避けたいためです。 よって、方法としては、 1.プルダウン表示させる際の高さ(タテ幅)を固定で指定する 2.可能であれば、登録されている全項目の表示をさせる 以上2つの方法を考えています。 なにかよい方法があれば、ぜひ教えてください。

    • ベストアンサー
    • HTML
  • 【FireFox】サブウィンドウ表示とテキストボックス値

    メインのウィンドウにテキストボックスとボタンがあり、 ボタンをクリックするとjavascriptによりサブウィンドウ が開くHTMLがあります。 しかし、FireFoxに限り、ボタンを押してサブウィンドウ を開くとメインのHTMLのテキストボックスに入力していた 値が消えてしまいます。 ================ main.html ===================== <html> <head> <script Language="JavaScript"><!-- function openSubWin(){ window.open("sub.html","window","width=300,height=300"); } // --></script> </head> <body> <form action="#" name="myform"> <input type="text" name="no"> <button id="button1" onclick="openSubWin();" >サブウィンドウ</button> </form> </body> </html> ================== サブウィンドウ ================ <html> <body> サブウィンドウ </body> </html> IEでは問題ありませんでした。 何か解決方法はありますでしょうか? 宜しくお願いします。

    • ベストアンサー
    • HTML

専門家に質問してみよう