MAJIDEKA.COM－ウィンドウ

　別ウィンドウを開くには、<a>タグにtarget属性に_blankを指定します。
　_blankは常に新しいウィンドウを開きます。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<a href="xxx.html" target="_blank">
　ブラウザにはこのように表示されます。

ページ読み込み後にもう1つウィンドウを開くには

・JavaScriptを使用してページ読み込み後にもう1つウィンドウを開く方法

ページ読み込み後にもう1つウィンドウを開くには、JavaScriptを使用します。
　window.open()は、サイズや位置などを指定してウィンドウを開く機能を持っています。
　window.open()の()内は、折り返すことなく記述してください。
　'xxx'のxxxには開かれるページのタイトルを記述します。
　例えば、テキストエディタに下記のような記述を<head>～</head>または<body>～</body>の間にしてから、ブラウザで確認してください。
　　<script type="text/javascript">  </script>
　ブラウザにはこのように表示されます。

同時に複数のウィンドウを開くには

・JavaScriptを使用して同時に複数のウィンドウを開く方法

同時に複数のウィンドウを開くには、JavaScriptを使用します。
　new_win=window.open()の数だけウィンドウが開きます。
　例えば、テキストエディタに下記のような記述を<head>～</head>または<body>～</body>の間にしてから、ブラウザで確認してください。
　　<script type="text/javascript">  </script>
　ブラウザにはこのように表示されます。

▲ページトップへ

ウィンドウを閉じるには

・<button>タグにwindow.close()を指定する方法(<button onclick="window.close()">)

　ウィンドウを閉じるには、<button>タグにwindow.close()を指定します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<form> <button onclick="window.close()">Close</button> </form>
　ブラウザにはこのように表示されます。

新しいウィンドウを指定した大きさで開くには

・JavaScriptを使用して新しいウィンドウを指定した大きさで開く方法(その１)

　新しいウィンドウを指定した大きさで開くには、JavaScriptのwindow.open()を使用します。
　<a href="xxx.html">の機能を無効化するためにreturn false;を指定します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<a href="xxx.html" onclick="window.open('xxx.html','_blank','width=200,height=200'); return false;">ニューウィンドウ</a>
　ブラウザにはこのように表示されます。

・JavaScriptを使用して新しいウィンドウを指定した大きさで開く方法(その２)

新しいウィンドウを指定した大きさで開くには、JavaScriptを使用します。
　window.open()は、サイズや位置などを指定してウィンドウを開く機能を持っています。
　window.open()の()内は、折り返すことなく記述してください。
　'xxx'のxxxには開かれるページのタイトルを記述します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<html> <head> <title>ニューウィンドウ</title> <script type="text/javascript">  </script> </head> <body> <a href='javascript: subwin01();'>ニューウィンドウ</a> </body> </html>
　ブラウザにはこのように表示されます。

▲ページトップへ

新しいウィンドウを指定した位置に開くには

・JavaScriptを使用して新しいウィンドウを指定した位置に開く方法

新しいウィンドウを指定した位置に開くには、JavaScriptを使用します。
　'xxx'のxxxには開かれるページのタイトルを記述します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<html> <head> <title>ニューウィンドウ</title> <script type="text/javascript">  </script> </head> <body> <a href='javascript: subwin01();'>ニューウィンドウ</a> </body> </html>
　ブラウザにはこのように表示されます。

自ウィンドウの大きさを指定するには

・JavaScriptを使用して自ウィンドウの大きさを指定する方法

自ウィンドウの大きさを指定するには、JavaScriptのwindow.resizeTo()を使用します。
　例えば、テキストエディタに下記のような記述を<head>～</head>または<body>～</body>の間にしてから、ブラウザで確認してください。
　　<script type="text/javascript">  </script>
　ブラウザにはこのように表示されます。

▲ページトップへ

ウィンドウの大きさを変更した際に指定した大きさに戻すには

・<body>タグにonresize属性を指定する方法(<body onresize="window.resizeTo()">)

　ウィンドウの大きさを変更した際に指定した大きさに戻すには、<body>タグにonresize属性を指定します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<body onresize="window.resizeTo(200,200)">
　ブラウザにはこのように表示されます。

ウィンドウをフルスクリーン表示するには

・JavaScriptを使用してウィンドウをフルスクリーン表示する方法

　ウィンドウをフルスクリーン表示するには、JavaScriptを使用します。
　F11キーを押してもフルスクリーン表示になります。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<a href="javascript: void;" onclick="oWin=window.open('xxx.html','_blank','fullscreen=1');">フルスクリーン</a>
　ブラウザにはこのように表示されます。

ウィンドウをフルスクリーンから戻すには

・JavaScriptを使用してウィンドウをフルスクリーンから戻す方法

　ウィンドウをフルスクリーンから戻すには、JavaScriptを使用します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<a href="javascript: window.close();">元へ戻す</a>
　ブラウザにはこのように表示されます。

ウィンドウの大きさを知るには

・JavaScriptを使用してウィンドウの大きさを知る方法

ウィンドウの大きさを知るには、JavaScriptを使用します。
　innerWidthやinnerHeightはNetscape Communicator4.Xで、clientWidthやclientHeightはInternet Explorer4.0でサポートされています。
　例えば、テキストエディタに下記のような記述を<body>～</body>の間にしてから、ブラウザで確認してください。
　　<script type="text/javascript">  </script>
　ブラウザにはこのように表示されます。

▲ページトップへ

ページに枠をつけるには

・<body>タグにstyle属性にborderを指定する方法(<font style="border:～">～</font>)

　ページに枠をつけるには、<body>タグにstyle属性のcolorを指定します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<body style="border: 10 solid #00ffff">
　ブラウザにはこのように表示されます。

・スタイルシートを使用してページに枠をつける方法

ページに枠をつけるには、スタイルシートを使用します。
　例えば、テキストエディタに下記のような記述を<head>～</head>の間にしてから、ブラウザで確認してください。
　　<style type="text/css">  </style>
　ブラウザにはこのように表示されます。

ページ全体を半透明にするには

・スタイルシートを使用してページ全体を半透明にする方法

ページ全体を半透明にするには、スタイルシートを使用します。
　例えば、テキストエディタに下記のような記述を<head>～</head>の間にしてから、ブラウザで確認してください。
　　<style type="text/css">  </style>
　ブラウザにはこのように表示されます。

▲ページトップへ

タイトルバーの文字が流れるようにするには

・JavaScriptを使用してウィンドウタイトルの文字が流れるようにする方法

ウィンドウタイトルの文字が流れるようにするには、JavaScriptを使用します。
　var scroll_speed=n;のnには文字の流れる速さを記入します。
　例えば、テキストエディタに下記のような記述を<head>～</head>の間にしてから、ブラウザで確認してください。
　　<html> <head> <title>このようにタイトルが流れます</title> <script type="text/javascript">  </script> </head> <body onload='titleMarquee_init();'> </body> </html>
　ブラウザにはこのように表示されます。

タイトルバーにリンクの説明を表示するには

・<a>タグにonmouseover属性とonmouseout属性を指定する方法
　　　　　　　　　　　　　　　　　　　 (<a href="xxx.html" onmouseover="～" onmouseout="～">)

　タイトルバーにリンクの説明を表示するには、<a>タグにonmouseover属性とonmouseout属性を指定します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<a href="http://www.helios-j.com/" onmouseover="document.title='LOVE&PEACEなデザインのTシャツショップです★'; return true;" onmouseout="document.title=''; return true;">Helios</a>
　ブラウザにはこのように表示されます。

▲ページトップへ

ステータスバーに文字を表示するには

・<div>タグにonmouseover属性とonmouseout属性を指定する方法
　　　　　　　　　　　　　　　　　　　　　　　 (<div onmouseover="～" onmouseout="～">～</div>)

　ステータスバーに文字を表示するには、<div>タグにonmouseover属性とonmouseout属性を指定します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<div onmouseover="window.status='MAJIDEKA.COM'" onmouseout="window.status=''">MAJIDEKA.COM</div>
　ブラウザにはこのように表示されます。

ステータスバーにリンクの説明を表示するには

・<a>タグにonmouseover属性とonmouseout属性を指定する方法
　　　　　　　　　　　　　　　　　　　 (<a href="xxx.html" onmouseover="～" onmouseout="～">)

　ステータスバーにリンクの説明を表示するには、<a>タグにonmouseover属性とonmouseout属性を指定します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<a href="http://www.helios-j.com/" onmouseover="window.status='LOVE&PEACEなデザインのTシャツショップです★'; return true;" onmouseout="window.status=''">Helios</a>
　ブラウザにはこのように表示されます。

ステータスバーに文字を流すには

・JavaScriptを使用してステータスバーに文字を流す方法(その１)

ステータスバーに文字を流すには、JavaScriptを使用します。
　var mn(nは数字)=の後には、流すメッセージを記述します。
　例えば、テキストエディタに下記のような記述を<head>～</head>または<body>～</body>の間にしてから、ブラウザで確認してください。
　　<script type="text/javascript">  </script>
　ブラウザにはこのように表示されます。

▲ページトップへ

・JavaScriptを使用してステータスバーに文字を流す方法(その２)

ステータスバーに文字を流すには、JavaScriptを使用します。
　var msg="～"の～には、流すメッセージを記述します。
　例えば、テキストエディタに下記のような記述を<head>～</head>または<body>～</body>の間にしてから、ブラウザで確認してください。
　　<script type="text/javascript">  </script>
　ブラウザにはこのように表示されます。

ステータスバーにタイピング文字を表示するには

・JavaScriptを使用してステータスバーにタイピング文字を表示する方法

ステータスバーにタイピング文字を表示するには、JavaScriptを使用します。
　var msg="～"の～には、表示させるメッセージを記述します。
　例えば、テキストエディタに下記のような記述を<head>～</head>の間にしてから、ブラウザで確認してください。
　　<html> <head> <title>ステータスバー</title> <script type="text/javascript">  </script> </head> <body onload="Start()"> </body> </html>
　ブラウザにはこのように表示されます。

▲ページトップへ

ポップアップメニューを実現するには(IE4～)

・JavaScriptを使用してポップアップメニューを実現する方法

ポップアップメニューを実現するには、JavaScriptを使用します。
　スタイルシートでポップアップメニューの位置や容姿を指定します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<html> <head> <title>ポップアップメニュー</title> <style type="text/css">  </style> <script type="text/javascript">  </script> </head> <body> <div id="menu"></div> </body> </html>
　ブラウザにはこのように表示されます。

▲ページトップへ

入力文字をアラートで表示するには

・JavaScriptを使用して入力文字をアラートで表示する方法

入力文字をアラートで表示するには、JavaScriptを使用します。
　例えば、テキストエディタに下記のような記述を<body>～</body>の間にしてから、ブラウザで確認してください。
　　<script type="text/javascript">  </script> <form name="war"> <input type="text" name="japan" size="20"> <input type="button" name="name" value="Click" onclick="nihon(war.japan.value)"> </form>
　ブラウザにはこのように表示されます。

文字をクリックするとアラートを表示するには

・<div>タグにonclick属性にalertを指定する方法(<div onclick="alert()"></div>)

　文字をクリックするとアラートを表示するには、<div>タグにonclick属性にalertを指定します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<div onclick="alert('OK?')">Click</div>
　ブラウザにはこのように表示されます。

画像をクリックするとアラートを表示するには

・<img>タグにonclick属性にalertを指定する方法(<img src="xxx.gif" onclick="alert()">)

　画像をクリックするとアラートを表示するには、<img>タグにonclick属性にalertを指定します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<img src="xxx.gif" onclick="alert('OK?')">
　ブラウザにはこのように表示されます。

リンクをクリックするとアラートを表示するには

・<a>タグにonclick属性にalertを指定する方法(<a href="xxx.html" onclick="alert()">～</a>)

　リンクをクリックするとアラートを表示するには、<a>タグにonclick属性にalertを指定します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<a href="http://majideka.web.fc2.com/" onclick="alert('OK?')">MAJIDEKA.COM</a>
　ブラウザにはこのように表示されます。

▲ページトップへ

ボタンをクリックするとアラートを表示するには

・<input>タグにonclick属性にalertを指定する方法
　　　　　　　　　　　　　　　　　　　　　　　 (<input type="button" value="～" onclick="alert()">)

　ボタンをクリックするとアラートを表示するには、<input>タグにonclick属性にalertを指定します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<input type="button" value="Click" onclick="alert('OK?')">
　ブラウザにはこのように表示されます。

文字をダブルクリックするとアラートを表示するには

・<div>タグにondblclick属性にalertを指定する方法(<div ondblclick="alert()"></div>)

　文字をダブルクリックするとアラートを表示するには、<div>タグにondblclick属性にalertを指定します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<div ondblclick="alert('OK?')">Click</div>
　ブラウザにはこのように表示されます。

画像をダブルクリックするとアラートを表示するには

・<img>タグにondblclick属性にalertを指定する方法(<img src="xxx.gif" ondblclick="alert()">)

　画像をダブルクリックするとアラートを表示するには、<img>タグにondblclick属性にalertを指定します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<img src="xxx.gif" ondblclick="alert('OK?')">
　ブラウザにはこのように表示されます。

リンクをダブルクリックするとアラートを表示するには

・<a>タグにondblclick属性にalertを指定する方法
　　　　　　　　　　　　　　　　　　　　　　　　　　(<a href="xxx.html" ondblclick="alert()">～</a>)

　リンクをダブルクリックするとアラートを表示するには、<a>タグにondblclick属性にalertを指定します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<a href="http://majideka.web.fc2.com/" ondblclick="alert('OK?')">MAJIDEKA.COM</a>
　ブラウザにはこのように表示されます。

▲ページトップへ

ボタンをダブルクリックするとアラートを表示するには

・<input>タグにondblclick属性にalertを指定する方法
　　　　　　　　　　　　　　　　　　　　　　(<input type="button" value="～" ondblclick="alert()">)

　ボタンをダブルクリックするとアラートを表示するには、<input>タグにondblclick属性にalertを指定します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<input type="button" value="Click" ondblclick="alert('OK?')">
　ブラウザにはこのように表示されます。

▲ページトップへ

Copyright (c) 2006～ MAJIDEKA.COM. All Rights Reserved.