動的にリンク情報を変更する
リストで選択された項目に応じて、リンク情報を動的に変更します。
Sample
選択して下さい -->
Yahoo! Japan
Capricorn Y 5298 Homepage
send mail to aKiRa
リンク更新!!
Source
[Source Cut and Paste]
下のコードをコピーして使用してください。
<!-- [Step 1] 以下のコードを <BODY>-</BODY> の中に貼りつける。--> <FORM NAME="sample"> 選択して下さい --> <SELECT NAME="list" OnChange="UpdateLink()"> <OPTION VALUE="http://www.yahoo.co.jp">Yahoo! Japan <OPTION VALUE="http://www.vector.co.jp/authors/VA011407/">Capricorn Y 5298 Homepage <OPTION VALUE="mailto:akirayu@a2.mbn.or.jp">send mail to aKiRa </SELECT> <A href="samplelink">リンク更新!!</A> </FORM> <!-- (注)リストの内容は適当に変更して下さい。--> <SCRIPT LANGUAGE="JavaScript"> <!-- var pos; for(var i=0; i < document.links.length; i++) { if (document.links[i].href.indexOf("samplelink") != -1) pos = i; } function UpdateLink() { selected = document.sample.list.selectedIndex; document.links[pos].href = document.sample.list[selected].value; } //--> </SCRIPT>
Copyright(C) aKiRa
akiray@capricorn.plala.or.jp
ALL Rigths Reserved.
