• ベストアンサー

小窓を開きたい

素人なので質問もきちんと出来ているかわからないのですが、よろしくお願いします。 HPトップページを開くと小窓(New Window)が開くようにしたいのです。 TopPageはフレームで分かれていて、どの部分に書き込めばプログラムが実行されるのかがわかりません。 小窓の大きさは、下記に示したように小さなものでよいのです。 <script Language="JavaScript"><!-- function newWin(){ window.open("開きたいファイルのアドレス","","width=196,height=176","scrollbars=no","location=no","menubar=no"); } //--></script>  これを<a href でプログラムを開くようなアドバイスがありましたが、どのようなことなのでしょうか?

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

  • ベストアンサー
  • agfa
  • ベストアンサー率38% (164/424)
回答No.3

同様に、特定のリンクをクリックして…という場合は その特定のクリック部分があるのと同じHTML内(同じフレームのHTML内)の<HEAD>~</HEAD>の途中に先ほどのスクリプトを記述し、今度は<BODY>では呼び出さずに <a href="javascript:newWin();">ちいさいウインドウを開くよ!</a> と記述すればOKです。

mikimus
質問者

お礼

細かくアドバイスを頂き本当に有難うございました。 小窓を開いたそこから、リンクを貼って違うページに飛ぶようにしたかったので、参考にしながら作ってみます。

その他の回答 (4)

  • arukamun
  • ベストアンサー率35% (842/2394)
回答No.5

こんにちは これでいかがですか? <HREF> <script Language="JavaScript"> <!-- function newWin(){ window.open(document.href,document.target,"width=196,height=176","scrollbars=no","location=no","menubar=no"); } // --> </script> <BODY> <A HREF="test.html" TARGET="blank" onClick="newWin()">小窓を開く</A> </HREF>

noname#199778
noname#199778
回答No.4

トップページが開くと同時に小窓が出てくるようにしたいのであれば、フレームをセットするファイルでも、フレームをセットするファイルから呼び出されるファイルでも良いので、 <script type="text/javascript"><!-- window.open("開きたいファイルのアドレス","","width=196, height=176, scrollbars=no, location=no, menubar=no"); //--></script> これを任意の場所に入れればよいと思います。 小窓を一回きりで済ますのであれば、フレームをセットするHTMLのHEAD内に以上のスクリプトを入れるのが良いかと思います。 自動で開くのであれば、特に関数として定義しなくても良いと思いますので、function newWin(){ … }の記述を入れなくても良いでしょう。 なお、window.open("","","width=~")の部分のwidth以降、menubarsまでの部分は、すべてひとつの引用符内に収めておかないと正常に解釈されないと思います。 質問文の例ではscrolbars、location、menubarの非表示を選択されているので実感できませんが、内部的にはこれらを独立させて""で囲っているために、これらの指定は無視されていると思います(ためしにこれらの項目をyesにしてみると、無視されているかどうかがわかると思います)。 これらは、上に書いたように一つの""の中にすべて収めるようにした方が良いでしょう。 もしリンクをクリックして開くようにしたいのであれば、以下の記述をhead内に入れ、 <script type="text/javascript"><!-- function newWin(){ window.open("開きたいファイルのアドレス","","width=196, height=176, scrollbars=no, location=no, menubar=no"); } //--></script> 同じファイルのbody内に <a href="#" onClick="newWin(); return false;">小窓</a> のように記述すればよいと思います。 この場合は、小窓を開くリンクを設置するHTMLファイルに両方の記述を入れます。 こちらは先の方の回答と同じ内容ですね。 参考になれば幸いです。

  • agfa
  • ベストアンサー率38% (164/424)
回答No.2

とりあえず、開くと同時にというつもりで解説します。 どのフレームのページでもかまいませんので、 HTMLの<HEAD>タグと</HEAD>の途中に <script Language="JavaScript"><!-- function newWin(){ window.open("開きたいファイルのアドレス","開いたウインドウに付けたい名称","width=196,height=176","scrollbars=no","location=no","menubar=no"); } //--></script> としたあと、 <BODY>のタグ内に onLoad="newWin()" という記述を入れるだけです。 多分、<BODY>のタグ内には他の記述があったりしてもその後ろに記入すればOKです。 <BODY text="#FF00FF" bgcolor="#FFFFFF" onLoad="newWin()"> …というようなカンジです。

  • agfa
  • ベストアンサー率38% (164/424)
回答No.1

どのフレームに書いてもかまいません。 トップページを開くと同時がいいんですか? それとも特定のリンクをクリックすると開くほうがいいですか? 補足願います。それによって書き方が異なります。

mikimus
質問者

お礼

有難うございました。どちらのフレームに書いても良いのですね。上記アドバイスを頂いた方々のアドバイスも含め作ってみました。T

関連するQ&A

  • JavaScriptで、小窓を開きたいのですが…

    色々やってみましたが、イマイチどうも上手く行かないのです。小窓を開けても、小窓にページの表示が出来なかったり、ちゃんとページが開けてもサイズ指定したのに大きいウィンドウで開いたり…。 HP作成ソフトでサイトを作っている程度の知識しかありませんので、どなたか分かりやすく教えて下さい。 開きたいページは、time-s.htmlで、「ここ」というリンクをクリックして小窓で開かせたいです。 ちなみに現在は、head内に <script type="text/javascript"><!-- function newWin(){ window.open("time-s.html","time","width=196, height=176, scrollbars=no, location=no, menubar=no"); } //--></script> body内に <a href="javascript:void(0);" onClick="window.open('time-s.html', 'time', 'width=300,height=220')">ここ</a> としてあります。 色々張りつけてるうちに、ごっちゃになってしまったみたいです(汗) ご親切な方、よろしくお願いします。

  • NN4.7で小窓が開かない

    JavaScriptで小窓を表示するようにしているのですが、 IE6、NN7だと動くのですが、NN4.7だと動いてくれません。 どこが問題なのかわからないのでアドバイスをお願いします。 <script language="javascript"> <!-- function winopen(url){ var w = window.open(url,'小窓','width=700,height=600,toolbar=0,menubar=0,location=0,status=0,scrollbars=no'); } --> </script> <a href="javascript:winopen('./ex01.html');">ex01</a> <a href="javascript:winopen('./ex02.html');">ex02</a> <a href="javascript:winopen('./ex03.html');">ex03</a> fanctionの部分をHEADではなくBODYに書いているのですが、 それが問題という可能性はありますか?

  • 小窓に余白が・・・

    <script language="JavaScript"><!-- var pop; function newwindow(URL,WIDTH,HEIGHT,LEFT,TOP){ pop = window.open(URL,"PopWindow","directories=0,location=0, menubar=0,toolbar=0,status=0,resizable=0, scrollbars=0"+",width="+WIDTH+",height="+HEIGHT+", left="+LEFT+",top="+TOP); pop.focus();pop.moveTo(LEFT,TOP);pop.resizeTo(WIDTH,HEIGHT); } function closenewwin(){ if (pop){ pop.close(); } } // --></script> jpg画像を設定しておりますが、小窓に余白ができてしまいます。 画像ぴったりに納めたいのですが、小窓のサイズを変えても 余白ができてしまいます。 どのようにすれば余白はなくなりますか?

  • ポップアップ小窓を開いた時に出る注意表示

    HPにメールフォームのリンクを貼り、そのフォームをJavaを使用して小窓表示になるように設定しました。 その後色んなPCで動作確認した所、セキュリティ設定の問題なのかもしれませんがリンクをクリックすると小窓が出る前に、ツールバーの下に注意表示が出ます。「ポップアップブロック…」「アクティブX…」等メッセージはいろいろです。 自分で見る際は、「許可する」でその後出ないように出来たですが、できればどのような環境でもそのような表示を出すことなくクリックすれば単純に小窓が開くようにしたいです。 そういった設定はどうすればよいのでしょうか。 ちなみにhead内に以下のようなタグをいれています。 <script language="Javascript"> <!-- function newwin(){ var win1=window.open('http://○○○.html','newwindow', 'resizable=yes,toolbar=yes,location=no,status=no,menubar=no,scrollbars=yes,width=450,height=450'); } //--> </script> 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • 小窓について。

    現在、クリックすると小窓が開くようにして注意事項等を表示しています。 サイト内で小窓が3カ所あり、全てサイズが違います。 私は開いた小窓を閉じて次のアクションをおこすので気付かなかったのですが、 どうやら開いた小窓をそのままで次のアクションをおこし別の小窓を開く人には「見えない」(実際には開いているけれど、元々のページの下に隠れている。&小窓のサイズが最初に開いた小窓のままで次に開いた小窓の内容とはサイズが合ってない)という事です。 現在使用中のタグは以下のものです。 どのように訂正すれば快適に表示することができるのでしょうか。 =HEAD内= <script type="text/javascript"> <!-- function subwin1(){window.open('△△.htm','miniwin', 'resizable=no,menubar=no,status=no,location=no,scrollbars=yes,toolbar=no,width=430,height=620');} --> </script> =BODY内= <A href="javascript:subwin1()"> 過去ログをどのように調べたらいいかわからなかった(適切な検索語句がわからない)ので新しく質問しました。 もし過去に同じような質問があれば、リンクを張っていただくだけでも構いません。 お手数おかけしますが、よろしくお願いします。

    • ベストアンサー
    • HTML
  • リンク画像に触れると文字

    ブログに、アイコンをクリックしたら小窓(新しいウインドウ)を出すようにしています。そのアイコン(リンク)に触れると説明文が出るようにするには、どこのタグにどのように入れたらいいのでしょうか? とりあえず、 <SCRIPT language=JavaScript><!-- function subWin1(){ window.open("小窓の中に表示したいアドレス","window2","resizable=no,menubar=no,directories=no,status=yes,location=no,scrollbars=yes,toolbar=yes,width=横幅,height=高さ,left=左からの距離,top=上からの距離"); } --> </SCRIPT> <A href="javascript:subWin1();"><IMG src="画像でリンクを貼るときはココに画像のURL" width="幅" height="高さ" border="0"></A> ↑こういう設定をしています。

  • ジュゲムのブログですが。。

    プロフの蘭に、リンクを貼りたいのですが、リンクに飛べません。 とりあえず、編集欄に <SCRIPT language=JavaScript><!-- function subWin1(){ window.open("小窓の中に表示したいアドレス","window2","resizable=no,menubar=no,directories=no,status=yes,location=no,scrollbars=yes,toolbar=yes,width=横幅,height=高さ,left=左からの距離,top=上からの距離"); } --> </SCRIPT> <A href="javascript:subWin1();"><IMG src="画像でリンクを貼るときはココに画像のURL" width="幅" height="高さ" border="0"></A> ↑を入れたのですが、飛んでくれません。 編集欄に入れるんではないのですか???

  • Javascriptで開いたWindowのスクロール

    <SCRIPT language="JavaScript"><!-- function openWin2() { window.open("http://www.OOOO/hanbai.htm","通信販売法","width=636,height=250,menubar=no,location=no,left=10,top=30") } // --></SCRIPT> <SCRIPT language="JavaScript"><!-- function openWin1() { window.open("http://www.OOOO/souryou.htm","送料について","width=579,height=240,scrollbars=no,location=no,menubar=no,left=10,top=30") } // --></SCRIPT> 上記の文で、「送料について」はスクロールバーがなくて OKなのですが、 「通信販売法」は、スクロールバーを出したいのですが、 上の文では、スクロールバーは出てきません。 (表示サイズで途切れてしまう) どう直せば、スクロールバーが出てきますでしょうか??

  • 中央に小窓表示

    とあるサイトで中央に小窓表示JavaScriptを使用し Another HTML-lint gatewayで文法チェックしたら XHTMLでは <SCRIPT> や <STYLE> の内容が #PCDATA です。コメントはコメントとして解釈されてしまうので、旧来のテクニックは使えません。外部にスクリプトファイルやスタイルファイルを用意するようにしましょう。 とでました 下記のJavaScriptを外部形式にするにはxxx.jsに書くところまではわかりましたが書き方がわかりませんどこを変更したらいいのでしょうか <script type="text/javascript"><!-- function m_win(url,windowname,width,height) { var features="location=no, menubar=no, status=yes, scrollbars=yes, resizable=yes, toolbar=no"; if (width) { if (window.screen.width > width) features+=", left="+(window.screen.width-width)/2; else width=window.screen.width; features+=", width="+width; } if (height) { if (window.screen.height > height) features+=", top="+(window.screen.height-height)/2; else height=window.screen.height; features+=", height="+height; } window.open(url,windowname,features); } // --></script> よろしくお願いします

  • MAC+IEで、小窓が表示されない。

    お世話になります。 MAC+IEで小窓が開かず困っています。 で、MacIEの場合、リンクターゲットが#のままでは、javascriptで小窓のURLを指定してもページ内アンカーを指定していると解釈されているようですので、MacIEでも小窓をきちんと開かせるには、やはり小窓URLを指定しなくては駄目なようです。 <a href="小窓のURL" onClick="window.open(~…> と、他でアドバイスもらったんですがなにぶん初心者なため、そのあとの中身をどういれていけばいいのかがわからず、またこの教えてくれたかたとも連絡がつけれず、困り果てています。 現在 <a href="#" onclick="window.open('小窓表示するアドレス','その名前','width=サイズ,height=サイズ,menubar=no,toolbar=no,location=no,scrollbar=no,status=yes');"> となっているんですが、<a href="小窓表示するアドレス">と変更したそのあとは、どんな指定になるのでしょう? お手数かけますが onclick="window.open('小窓表示するアドレス','その名前','width=サイズ,height=サイズ,menubar=no,toolbar=no,location=no,scrollbar=no,status=yes');"> を書きかえるような形で教えてもらえると助かります・・・。 おたすけください。よろしくおねがいします。

専門家に質問してみよう