javascriptでプルダウンメニューの外部ファイル化について
以下のjavascriptを外部ファイルにしたいのですが、外部ファイル、HTML部分ともに、どのように記述すればいいのか教えて頂けませんでしょうか?
よろしくお願いします。
<html>
<head>
<script language="JavaScript">
<!--
var 果物 = new Array("りんご","いちご","みかん","ドリアン","ライム");
var 野菜 = new Array("じゃがいも", "にんじん", "舞茸", "たまねぎ", "ピーマン");
var 肉 = new Array("牛肉", "豚肉", "鶏肉", "ラム", "ソーセージ");
var 魚 = new Array("鮭", "鰤", "鰯", "鮪", "秋刀魚");
var 酒 = new Array("ロンリコ", "ズブロッカ", "スピリダス", "焼酎", "ワイン");
var 菓子 = new Array("チョコレート", "スナック", "アイス", "キャンディー", "キャラメル");
function swapOptions(the_array_name)
{
var numbers_select = window.document.the_form.the_examples;
var the_array = eval(the_array_name);
setOptionText(window.document.the_form.the_examples, the_array);
}
function setOptionText(the_examples, the_array)
{
for (loop=0; loop < the_examples.options.length; loop++)
{
the_examples.options[loop].text = the_array[loop];
the_examples.options[loop].value = the_array[loop];
}
}
function Load() {
var the_array = eval(果物);
setOptionText(window.document.the_form.the_examples, the_array);
}
// -->
</script>
</head>
<body onLoad="Load();">
<form name="the_form" method="POST" action="" onSubmit="return Check()">
<select name="choose_category"
onChange="swapOptions(window.document.the_form.choose_category.options[selectedIndex].text);">
<OPTION value="果物" selected>果物
<OPTION value="野菜" >野菜
<OPTION value="肉" >肉
<OPTION value="魚" >魚
<OPTION value="酒" >酒
<OPTION value="菓子" >菓子
</select>
<select name="the_examples">
<OPTION value="0" selected>りんご
<OPTION value="1" >いちご
<OPTION value="2" >みかん
<OPTION value="3" >ドリアン
<OPTION value="4" >ライム
</SELECT>
<from>
</body>
</html>
また、次のサイト(http://www.carsensor.net/)では「メーカー・地域・価格から探す」からメーカー選択後、車名部分ではそのメーカーに該当するものが選択できますが、これは上の方法とは違うように思うのですが、どういった方法なのでしょうか?
補足
>もしかしたらtarget="_blank"じゃなく、 JavaScriptで開く際なのであれば、第2引数に_blankなのですが・・・。 早速有難う御座いました。 しかし、私には難しくわかりませんでした。 再度、ソースを張りますので、具体的に記述箇所をお教えくださいますか? 御願い致します。 <SCRIPT TYPE="text/javascript"> <!-- var background_out = "#E4E4E4"; var background_over = "#FFFFFF"; var menu_name = new Array("*********", "*********", "***********", "********", "********", "********"); var address = new Array("http://******.html", "http://******.html", "http://******.html", "http://******.html", "http://******.html", "http://******.html"); if(window.createPopup){ var menu_status = ""; var oPopup = window.createPopup(); menu_status = '<DIV STYLE="border:1px solid black; background:' + background_out + ';">'; for(count = 0; count < menu_name.length; count++){ menu_status += ('<DIV ' + 'onmouseover="this.style.background=\'' + background_over + '\';" ' + 'onmouseout="this.style.background=\'' + background_out + '\';" ' + 'onClick="parent.location.href=\'' + address[count] + '\';" ' + 'STYLE="font-size:10px; height:11px; padding:3px; cursor:hand; border-bottom:1px outset gray; border-right:1px outset gray;">' + menu_name[count] + '</DIV>'); } menu_status += '</DIV>'; } function ContextMenu(){ if(window.createPopup){ var topper = event.clientX + 10; var lefter = event.clientY + 10; oPopup.document.body.innerHTML = menu_status; oPopup.show(topper, lefter, 200, (17 * menu_name.length) + menu_name.length + 2, document.body); return(false); } } //--> </SCRIPT> 途中省略 <A HREF="reportetc.html" onMouseOver="ContextMenu();">***********</A>