ドロップダウンメニューからのリンク

[新着] Webテンプレートを仮オープンしました

0   名前： なおこ ： 2007/01/04（木） 17:04  ID:Lx687Qju
はじめてご質問させていただきます。HP作成初心者です。
左側フレームから、ドロップダウンメニューを使用し、選んだ項目のページへリンクするように設定する為に
あるサイトを参考にして下記のように作成しましたがリンクしません。

<SCRIPT LANGUAGE="JavaScript">
<!--
function MyLink(){
alink=document.flink.slink;
mlink=alink.options[alink.selectedIndex].value;
if(mlink!="-"){
top.main.location.href=mlink;
}
}
//-->
</SCRIPT>

<div align="center">
<FORM NAME="bl">
<SELECT NAME="bl2">
<OPTION SELECTED>- - - -北京便り- - - -
<option value="http://suichaisui.web.fc2.com/chainabi.tayori.beijing.0604.html">北京　06年4月号</OPTION>
<option value="http://suichaisui.web.fc2.com/chainabi.tayori.beijing.0605.html">北京　06年5月号</OPTION>
<option value="http://suichaisui.web.fc2.com/chainabi.tayori.beijing.0606.html">北京　06年6月号</OPTION>
</SELECT>
<INPUT type="button" ONCLICK="if(document.bl.bl2.value){top.main.location.href=document.bl.bl2.value;}" VALUE="Go!">

</form>
</div>


main画面に表示する時は、７行目を「parent.main.〜」と表示するやり方もありましたが
いろいろと試しましたが、どうもリンクしてくれません。

リンクしない原因として、どういったことが考えられるでしょうか？
何分初心者ですので、分かりやすくご説明いただけると助かります。
1   名前： 元帥 ： 2007/01/04（木） 17:04  ［URL］  ID:MPWd0EcH
一応、>>0のソースコードでも、リンクはされると思うのですが。
実際のURLを見てみない事には分かりかねます。

<script type="text/javascript">
<!--
function MyLink(obj){
var mlink = obj.options[obj.selectedIndex].value;
if(mlink){
//parent.main.location.href=mlink; 
location.href=mlink; 
}
}
-->
</script>


<form>
<select name="bl2">
<option selected>- - - -北京便り- - - -</option>
<option value="http://suichaisui.web.fc2.com/chainabi.tayori.beijing.0604.html">北京　06年4月号</option>
<option value="http://suichaisui.web.fc2.com/chainabi.tayori.beijing.0605.html">北京　06年5月号</option>
<option value="http://suichaisui.web.fc2.com/chainabi.tayori.beijing.0606.html">北京　06年6月号</option>
</select>
<input type="button" onclick="MyLink(this.form.bl2)" value="go!"> 
</form>


なおこさんのWebサイトがどういった構造なのか分かりかねますので、便宜的に6〜7行目を
parent.main.location.href=mlink;
//location.href=mlink;
として下さい（frameやiframeをお使いの場合）。

>>0 >>1 いずれもJavaScriptを用いてリンクを実現しています。
JavaScriptを許可していない（使用できない）ブラウザもありますので、サイトマップを用意しておく等の工夫をお勧めします。
http://www.tagindex.com/html_tag/page/noscript.html

フレームを使用したページもまた同様に閲覧できない環境があります。
このページをご覧いただくにはフレーム対応のブラウザが必要です。
といったメッセージだけを用意しておくのは失礼です。
http://www.tagindex.com/html_tag/frame/noframes.html
2   名前： なおこ ： 2007/01/04（木） 17:04  ID:rW9I6fCt
＞元帥さん

なんとかリンクできるようになりました。
ありがとうございます。

又、JavaScriptの使用、フレーム使用の注意点とても参考になりました。
おっしゃる通り、一行メッセージを残すのみは不親切だと思いました。
それぞれ付け加えておきました。


ありがとうございます。
一覧へ戻る