リモコンウィンドウ
ver.1.1
 
 ◆サンプル
    <機能と特徴>
 
 ・ちらっと小窓君で開いたウィンドウで
  元のウィンドウをジャンプさせます。
 



 

公開日 2002.1.18
最終更新日 2004.3.15
バージョン ver.1.2
動作確認 IE6.0,NN4.7,NN7.0,Opera7.0
cookie 不使用
CSS 不使用
更新履歴 2003.7.20 ver.1.1 リンクをクリックしたらウィンドウを閉じる機能を追加(変更点:ソース全般)
2004.3.15 ver.1.2 設定方を一部修正(変更点:ソース全般)

 

☆★☆使い方☆★☆
 
 初心者向け解説   中級者向け解説   ダウンロード 

1.カスタマイズフォームを使って設定をしてください。

2.ソース1を<head>〜</head>の間に書き込んでください。

3.ソース2を<body>〜</body>の間の
  表示したい位置に書き込んでください。

4.ブラウザでテストしてみてください。
  ちらっと小窓君で該当のファイルを開き
  正常にジャンプ出来れば設置は完了です。
 
 
 初心者向け解説   中級者向け解説   ダウンロード 

1.ソース1を<head>〜</head>の間に書き込んでください

2.ソース2を<body>〜</body>の間に書き込んでください。

3.ソース2の該当個所を
  ジャンプさせたいファイルのパスに変更してください。
<a href="index.html" onClick="remocon(this);">トップページ</a>
4.ブラウザでテストしてみてください。
  ちらっと小窓君で該当のファイルを開き
  正常にジャンプ出来れば設置は完了です。
 
 
 初心者向け解説   中級者向け解説   ダウンロード 
 
ダウンロードする形式を選択してください。

 【スクリプトを1つのページに組み込む】 

1.カスタマイズフォームを使って設定をする場合は、
  ダウンロードの前に設定をしてください。

2.右のボタンを押してファイルをダウンロードしてください。

 【スクリプトを外部ファイルにする(設定は一括)】 

1.カスタマイズフォームを使って設定をする場合は、
  ダウンロードの前に設定をしてください。

2.右のボタンを押して外部ファイルをダウンロードしてください。
 
3.保存した外部ファイルのファイル名を入力してください。
   (ファイルのパスでも可)
 
4.右のボタンを押してHTMLファイルをダウンロードしてください。

 【スクリプトを外部ファイルにする(設定は各ページ毎)】 

1.カスタマイズフォームを使って設定をする場合は、
  ダウンロードの前に設定をしてください。
 
2.右のボタンを押して外部ファイルをダウンロードしてください。
 
3.保存した外部ファイルのファイル名を入力してください。
   (ファイルのパスでも可)
 
4.右のボタンを押してHTMLファイルをダウンロードしてください。
 
5.複数のページが必要な場合は、カスタマイズフォームで設定をし
  再度HTMLファイルのみダウンロードしてください。
 

 
 
 
 カスタマイズフォーム   補足説明   改造方法 
 
ジャンプした後の動作:  
設置するリンクの数:
☆★☆1個目のリンク☆★☆
 リンクのジャンプ先:  
 リンクの文字:
 
 
 カスタマイズフォーム   補足説明   改造方法 
 
特にありません。
 
 カスタマイズフォーム   補足説明   改造方法 
 
リンクをクリックしたあとウィンドウを閉じるようにする。

 //設定〜//ここまでを1行目を変更してください。
 閉じるならyes,閉じないならnoを設定してください。
re_close = 'no';
複数設置する。

 ソース2を複数書き込んでください。
 その後ソース2の該当個所を
 ジャンプさせたいファイルのパスに変更してください。
<a href="index.html" onClick="remocon(this);">トップページ</a>
 
 
  

ソース1(以下のソースを<head>〜</head>の間に書き込んでください)  
 
<script language="JavaScript" type="text/javascript">
<!--//Script Created by あう,http://www5c.biglobe.ne.jp/~horoau/
    //ver.1.1

//設定 re_close = 'no'; //ジャンプした後ウィンドウを閉じるかの設定 //ここまで
function remocon(jamp) {if(opener) {opener.location.href=jamp; if(re_close == "yes") {opener.close();} return false;} else {return true;}}
// --> </script>

ソース2(以下のソースを<body>〜</body>の間に書き込んでください)  
 
<a href="index.html" onClick="return remocon(this);">トップページ</a>


スクリプト無効時にはちらっと小窓君も動作しませんので
 このスクリプトにおける対策は特にありません。

スクリプト無効時にリンクをクリックした場合、 そのウィンドウがジャンプします。



ウェブ木箱サンプル集
copyright(C) 2002-2004 あう