Amazon.co.jp ウィジェット
NEXTFEEL

 selectボックスで選択して新しいWindowを開く

<HEAD>〜</HEAD>間のスクリプト
<SCRIPT LANGUAGE="JavaScript">
<!--
function jump(sel) {
if (sel.options[sel.selectedIndex].value) {
wo1=window.open(sel.options[sel.selectedIndex].value,"Window1");
}
}
//-->
</SCRIPT>


<select>ボタンを任意の場所に設置
<select name="sel" onchange="jump(this)">
<OPTION VALUE="">■サーチエンジン
<OPTION VALUE="http://www.google.co.jp/">Google
<OPTION VALUE="http://www.yahoo.co.jp">Yahoo
<OPTION VALUE="http://www.infoseek.co.jp">infoseek
<OPTION VALUE="http://www.excite.co.jp/">Excite
</select>
2013年10月13日(日)   No.36 (Memo)

 アラートボックスの表示

スクリプト [ 表示したい場所へ記入]
[テキストリンク]
 <A href="javascript:alert('表示内容を記述')">[説明]</A>

[ボタン]
<form>
<INPUT type="button" value=" 説明 " onClick="javascript:alert('内容を記述')">]
</form>
2013年10月12日(土)   No.37 (Memo)

 子ウィンドウを開き一定時間で閉じる

<HEAD>〜</HEAD>間のスクリプト

<SCRIPT LANGUAGE="JavaScript">
<!-----
function wopen1(){
wo1=window.open("","Window1", "toolbar=No,location=no,directories=no,
  status=no,menubar=no,scrollbars=no,resizable=yes,width=300,height=300");

wo1.document.write("<head><title></title>");
wo1.document.write("<script language=\"javascript\">

   self.setTimeout(\"self.close()\",5000);</script>");
wo1.document.write("</head><body>");
wo1.document.write("<center><p><hr>ここに表示したい物を記入<p>5秒で自動的に閉じます");
wo1.document.write("<hr>");
wo1.document.write("<A HREF=\"javascript:self.close()\" TARGET=\"_top\">[CLOSE]</a>");
wo1.document.write("<center>");
wo1.document.write("</body></html>");
wo1.document.close();
}
//----->
</SCRIPT>

<BODY>〜</BODY>間への記入
<A HREF="#" onClick="wopen1();return true">子ウィンドウを開く</a>
2013年10月05日(土)   No.38 (Memo)

 ヒストリーを使用してページの移動

1ページだけ戻る
 <a href="javascript:history.back();">[BACK]</a>
任意のページ数戻る
 <a href="javascript:history.go(-3);">[3Page Back]</a>
任意のページ数進む
 <a href="javascript:history.go(3);">[3Page Forward]</a>
1つだけ戻る[ボタン]
 <INPUT type="button" value="戻る" onClick="javascript:history.back()"">
2013年09月03日(火)   No.33 (Memo)

 Selectボタンでフレーム越えのジャンプ

<HEAD>〜</HEAD>間
 <script language=""JavaScript"">
 <!--
  function jump(sel) {
  if (sel.options[sel.selectedIndex].value) {
  parent.frame_no2.location.href = sel.options[sel.selectedIndex].value;
  }
 }
 // -->
 </script>

 <select>ボタンを任意の場所に設置

 <select onchange=""jump(this)"">
 <option value="""">--- 選択してください ---
 <option value=""page1.html"">ページ1
 <option value=""page2.html"">ページ2
 <option value=""page3.html"">ページ3
 </select>"
(frame_no2はフレーム名)
2012年11月08日(木)   No.34 (Memo)

[1] [2][3]





■ selectボックスで選択して新しいWindowを開く

■ アラートボックスの表示

■ 子ウィンドウを開き一定時間で閉じる

■ ヒストリーを使用してページの移動

■ Selectボタンでフレーム越えのジャンプ


カテゴリー
Memo(11)
Blog(0)
Other(0)

記事検索

OR AND


Copyright(C) 2003 NEXTFEEL All rights reserved.

[Admin]   [TOP]   shiromuku(fs6)DIARY version 2.41