- ベストアンサー
ホップアップの作成方法について
ボタンを押したら，あるＨＰが開くように設定したいのですがどうすれば良いでしょうか？ また，その時の条件は， 左上寄せ且つ， 縦横：500pxにしたいとおもっています。 また，これは出来るのかどうか分かりませんが，ホップアップさせたＨＰを数秒間で閉じることは可能でしょうか？
- flower_pink
- お礼率29% (76/257)
- HTML
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
JavaScriptを使えば可能と思います。 ソースを例示しますね。 ポップアップウィンドウを開く側のページソースは、 <html> <head> <title>ポップアップを開く側</title> <script type="text/javascript"><!-- function popwin(){ pw=window.open("popup.htm","pop","width=500, height=500, top=0, left=0"); /* "popup.htm"の部分は、開きたいページのURLを記述します。 */ } //--></script> </head> <body> <input type="button" value="ポップアップ" href="#" onClick="popwin()"> </body> </html> ポップアップで開かれる側のページ(popup.htm)は、 <html> <head> <title>ポップアップで開くページ</title> <script type="text/javascript"><!-- function shutwin(){ setTimeout("window.close()",10000); /* 10000の数値は、ウィンドウを閉じるまでの時間を指定しています。 適宜調整してください。 単位はミリ秒(1000分の1秒)です。 */ } //--></script> </head> <body onload="shutwin()"> </body> </html> このようにすれば、可能かと思います。 意図しているものと違ったらごめんなさい。 参考になれば幸いです。
その他の回答 (1)
- azarashimh
- ベストアンサー率30% (4/13)
まず<head></head>に <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="画像でリンクを貼るときはココに画像のＵＲＬ" width="幅" height="高さ" border="0"></A> 他に色々と小技を。。。。 resizable=no, yesにするとサイズ変更可能になります。 menubar=no, yesにするとメニューバーが出ます。 status=yes, yesにするとステータスバーが出ます。 scrollbars=yes, noにするとスクロールバー消えます。 toolbar=yes, noにするとツールバーが消えます。
お礼
分かりやすい説明ありがとうございます。
補足
回答ありがとうございます。これで半分解決しました。 あと，追加の質問なのですが，つまり，開いた側のＨＰは自動的には消えないということでしょうか？また，閉じるときには警告が出ていますので，出さずに消す方法を教えてください。