| |||||||||||||||||
|
ウィンドーの名前は
どのように使うの? Akira Kato
September 7, 2003
コードは下のようになってます。
<input onClick="window.open アンカータグのターゲット・アトリビュートをウィンドーの名前と同じにすることによって、新しいページ (next6.html) が同じウィンドーに表示されます。
比較のために、これと似たやり方を次の例で示します。
上のボタンは次のようなコードから作られています。
<SCRIPT language="javascript">
<!--- to hide function myWindow() {
myPopup=open("","myWin2","width=300,height=200,
//--->
<input type="button" onClick="myWindow()"
2行からなる、きわめて簡単なHTMLページを書いて、それをポップアップ・ウィンドーの中に表示しています。
myWin2という名前を付けていることに注意してください。
このポップアップ・ウィンドーについて詳しいことは、このページ (ポップアップ・ウインドーの簡単な作り方) で説明しています。 今度は、下のボタンをクリックしてください。ベティーさんがmyWin2と名づけられた新しいウィンドーの中に表示されます。
上のコードの myPopup を使ったやり方
ポップアップ・ウィンドーが開いたら、それを閉じないで今度は下のボタンをクリックしてください。ウィンドーが消えてしまいますが、下のタスクバーに隠れています。アイコンをクリックして画面に戻してください。 ポップアップ・ウィンドーの中にジューンさんの顔が現れます。
上のボタンのコードは
<input onClick="myPopup.document.location='next8.html'" myPopup と myWin2 は、実は同じものです。しかし、 myWin2 は単なる名前です。上のコードに示したように、ジャバスクリプトの中で使うように myWin2 という名前のウィンドーを下のように定義しているわけです。
myPopup=open("","myWin2","width=300,height=200, 試しに、myPopupの代わりにmyWin2を使って、下のようにコードを組んで実行すると
<input onClick="myWin2.document.location='next8.html'"
次のようなエラーメッセージが出ます。(上のボタンをクリックすると、画面の下のステータスバーに、エラー・アイコンが出ます。 それをダブルクリックすると、詳しいメッセージがポップアップ・ウィンドーの中に表示されます。)
これはどういう意味かというと、myWin2 というオブジェクトが定義されていません、ということです。 要するに、名前を使っても駄目で、オブジェクトとして上のコードで示したように myPopup として定義しなければなりません。 従って、ジャバスクリプト・エンジンは下の命令に出くわすと、次のように解釈して、あなたのブラウザーに指令を出します。 onClick="myPopup.document.location='next8.html'" このページを見る人がボタンをクリックしたら、myPopupというウィンドーの中で、 現在表示されているページ (document) が保存されているディスプレー・メモリー(location) に 新しいページ (next8.html) を移しなさい。 上の指令があなたのブラウザーによって実行されることにより、ジューンさんの顔が載ったページが、 ポップアップ・ウィンドーの中に表示されるわけです。
Related
|
筆者紹介 |
|
Comments | |||
|
|||
Beaverland ジャポニカ |
Re-Discover JAPAN |