|
|
|
2005.11.06
テーマ：ホームページ作成の悩み(546)
カテゴリ：【サイト作りの基礎】
■メインからサブウィンドウを操作 注意書きや補助解説などをサブウィンドウで表示する場合などによく使われています。 <HTML> <HEAD> <TITLE>でめららHTMLサンプル</TITLE> <SCRIPT TYPE="text/javascript"> <!-- var win1; // サブウィンドウを開く処理 function disp(url){ win1 = window.open(url, "window_name", "width=350,height=250,scrollbars=yes"); } // サブウィンドウを操作する処理 function subwin(){ if(!win1 || win1.closed){ // サブウィンドウの存在をチェック window.alert('サブウィンドウがありません'); // 存在しない場合は警告ダイアログを表示 } else{ win1.close(); // 存在する場合はサブウィンドウを閉じる } } // --> </SCRIPT> </HEAD> <BODY> <P><A HREF="javascript:disp('sample_open6.html')">サブウィンドウを開く</A></P> <P><A HREF="javascript:subwin()">サブウィンドウを閉じる</A></P> </BODY> </HTML> ■メインページの移動にともないサヌウィンドウを開閉する リンクして別ページに移動する際の注意書きやお知らせを表示する場合が多いと思います。 <HTML> <HEAD> <TITLE>でめららHTMLサンプル</TITLE> <SCRIPT TYPE="text/javascript"> <!-- var win1; // サブウィンドウを開く処理 function disp(url){ win1 = window.open(url, "window_name", "width=350,height=250,scrollbars=yes"); } // サブウィンドウを操作する処理 function subwin(){ if(win1 && !win1.closed){ // サブウィンドウの存在をチェック win1.close(); // 存在する場合はサブウィンドウを閉じる } } // --> </SCRIPT> </HEAD> <BODY onLoad="disp('s_open1.html')" onUnload="subwin()"> 内容 </BODY> </HTML> ■サブウィンドウでメインウィンドウを操作 サブウィンドウをメニュー専用の画面として使ったりする場合に便利です。 □メインページの記述例 <HTML> <HEAD> <TITLE>でめららHTMLサンプル</TITLE> <SCRIPT TYPE="text/javascript"> <!-- // サブウィンドウを開く処理 function disp(url){ window.open(url, "window_name", "width=250,height=250,scrollbars=yes,resizable=yes,status=yes"); } // --> </SCRIPT> </HEAD> <BODY> <A HREF="javascript:disp('s_open5.html')">サブウィンドウを開く</A> </BODY> </HTML> □サブウィンドウのソース <HTML> <HEAD> <TITLE>でめららHTMLサンプル</TITLE> <SCRIPT TYPE="text/javascript"> <!-- // リンクの処理開始 function disp(url){ if(!window.opener || window.opener.closed){ // メインウィンドウの存在をチェック window.alert('メインウィンドウがありません'); // 存在しない場合は警告ダイアログを表示 } else{ window.opener.location.href = url; // 存在する場合はページを切りかえる } } // リンクの処理終了 // 「戻る」「進む」の処理開始 function hist(goback){ if(!window.opener || window.opener.closed){ // メインウィンドウの存在をチェック window.alert('メインウィンドウがありません'); // 存在しない場合は警告ダイアログを表示 } else if(goback == 'back'){ window.opener.history.back(); // 戻る } else if(goback == 'next'){ window.opener.history.forward(); // 進む } } // 「戻る」「進む」の処理終了 // --> </SCRIPT> </HEAD> <BODY> <A HREF="javascript:disp('http://plaza.rakuten.co.jp/demerara/')">でめららトップページ</A> <BR> <A HREF="javascript:disp('http://plaza.rakuten.co.jp/demerara/2000')">テンプレートMENU</A> <BR> <A HREF="javascript:disp('http://plaza.rakuten.co.jp/demerara/6000')">でめららタグ講座</A> <BR> <A HREF="javascript:disp('http://plaza.rakuten.co.jp/demerara/11000')">アクセスアップMENU</A> <BR> <A HREF="javascript:disp('http://plaza.rakuten.co.jp/demerara/7003')">カラーチャート</A> <BR> <BR> <A HREF="javascript:hist('back')">＜ 戻る</A> ｜ <A HREF="javascript:hist('next')">進む ＞</A> </BODY> </HTML> 【庶事所感】 足の指の先っちょをしこたま打ってしまいました（＞＜）ほんのちょっとの所なんですけれども･･･ なんであんなにいたいのでしょう（;涙）  リンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）
でめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet お気に入りの記事を「いいね！」で応援しよう
[【サイト作りの基礎】] カテゴリの最新記事
「サブウィンドウでメインウィンドウを操作」っていうのは
初めて見ました！普段あまり色んなサイト見たりしないので。。。 足、大丈夫ですか？ホントにああいうとこって痛いですよね。 私は痛がりなんで、つい「痛くて死にそう」って毎回思ってしまいます。 どうぞお大事に。 (2005.11.06 12:13:19)
訪問ありがとうございます。
いつもでめららさんのブログで勉強しているのですが・・・ 全く進歩がない私です。 足の痛みは消えましたか？お大事に・・＾０＾ (2005.11.06 23:17:31)
こんにちは(^^)
す～っかり ご無沙汰をしまして、申し訳ございませんm(__)m 昨日、楽天のＨＰをリニューアルしました(*^^*) まだ完了してはいないのですが･･･とりあえず♪です。 今まで でめららさんに教えて頂いたことを少しずつ取り入れて、私なりに作ることが出来ました。 ありがとうございます。 ホント☆奥が深いですね･･･。 やはり終わりはなさそうです(^^;) 名前も変えました(^^)！ 半角文字から漢字へなんですけれど♪ 今後とも どうぞよろしくお願いいたします。 最近の講座は私には難しすぎて、すっかり落ちこぼれてます(^^;) 作ってみたくなった時にじっくり学ばせて頂きたいと思っています(*^^*) よろしくお願いいたします(^^) 足の指･･･痛いですよね(^^;) 私は昨日 飼い犬に右手をパクッてされてしまいました(^^;) う～っ。痛いです･･･。 (2005.11.07 10:56:25)
チワワン子さん
----- こんにちは（＾＾）コメントありがとうございます♪ これ、けっこう使えそうですよね！ 足は･･･あれだけもがき苦しんだのに今や平気の平然でございます（＞＜）、オオゲサなのかもしれませんね（汗） (2005.11.07 19:14:05)
nyan32195さん
----- こんにちは（＾＾）コメントありがとうございます♪ おかげさまで、大丈夫ではあるのですが、そそっかしいのでまたきっとやると思います（;大汗） (2005.11.07 19:15:47)
小春.さん
----- こんにちは（＾＾）コメントありがとうございます♪ ホントだ！？お名前は「.」も付くのですね。 これは･･･風水とかなのかな？？？ また、ページお伺いいたしますね（＾＾） 犬に「パクッ」（＞＜）それは大変ではありませんか！！！ わたくしのなんて、本人がオオゲサなだけなような･･･ お大事になさってくださいね (2005.11.07 19:19:15) |
|
|||||||||||||||||||||||||
