D11 文字をクリックするとHELPウィンドウが開く

文字をクリックするとサブウインドウが開きます。

応用 : いろいろな説明などに使えます。HTMLを記述できますからalert()によるHELPよりも凝った、たとえば画像入りやムービー入りの説明にしたりもできます。
参照 : function, 変数, window.open, document.write(), document.close(), onClick,

Sample

この文字をクリックすると説明ウインドウが開きます



Source
ソース
(コピーしてお使いください)
<html>
<head>
<title></title>
<script language="JavaScript">
<!--

function d11(msg1,msg2,w,h){

  //サブウインドウオープン
  var win11=window.open('',(w+'')+(h+''),'scrollbars=1,width='+w+',height='+h+'');

  //ここの括弧の中にサブウインドウ内のhtmlを記述します。たとえば、
  //win11.document.write('<img src="**.gif">');と書けば画像が出ます
  win11.document.write('<font size=5  face="Osaka,MS Pゴシック">');
  win11.document.write(msg1);
  win11.document.write('</font>');
  win11.document.write('<br>');
  win11.document.write('<font size=4  face="Osaka,MS Pゴシック">');
  win11.document.write(msg2);
  win11.document.write('</font>');
  win11.document.close();
}

//-->
</script>
</head>
<body>

<a href=" javascript:function voi(){};voi()"
   onClick="
         msg1='説明1';
         msg2='ここに説明をいろいろ書くわけですね(^^)/。';
         d11(msg1,msg2,300,110)">
この文字をクリックすると説明ウインドウが開きます
</a>

</body>
</html>
window.openに関する説明はwindow.openをご覧ください

function d11(msg1,msg2,w,h)で、msg1,msg2,w,hの4つの変数を受け取る事のできるd11()という名前の関数を作ります。これは、たとえば あとで、d11('布団が','ふっとんだ',200,100)という風に使うことで、msg1='布団が',msg2='ふっとんだ',w=200,h=100を指定たうえでd11()を実行するように使うことができます

win11.document.write('xxx')はサブウインドウに'xxx'を書き出す(document.writeする)という意味で、

その次のwin11.document.close()はサブウインドウに'xxx'を書き出すのをやめる(document.closeする)という意味です

onClick="命令文"でクリックしたら"命令文"を実行するという意味です

ここでは、onClick="WinOpen()"で関数WinOpen()のなかに書かれた命令を実行します


Contents
| CONTENTS
| PART1 これだけ知っていれば大丈夫
| PART2 サンプルの紹介
| PART3 JavaScript言語仕様
| PART4 JavaScriptクイック書式一覧
| PART5 JavaScriptサイト
| オンラインサポートページ(回線をつないでください)


Maintained by
tato@fureai.or.jp works1997 Toshirou Takahashi