インラインフレームからリンク
-
0 名前： 匿名 ： 2006/06/15（木） 15:15 ID:1I8quD1Z
- インラインフレーム内にコンボボックスを表示させ、
別のページへリンクできるようにしたいのですが、
うまくいきません。
コンボボックスのアイテムを選択すると、
同インラインフレーム内に、次ページが表示されてしまいます。
ページ全体に次ページを表示させるには、どうしたらいいですか。
<select>や<iframe>内にtarget（_top)を設定してみましたが、
結果は同じでした。
宜しくお願いします。
-
1 名前： 白色 ： 2006/06/15（木） 15:15 ID:6v5yeJF/
- _topはフレームの分割を廃止して画面全体で表示する。
だから_parentでやってみたら？親フレームに表示するやつだから。
これで出来なかったらごめん。
-
2 名前： 匿名 ： 2006/06/15（木） 15:15 ID:1I8quD1Z
- 書き込みありがとうございます。
_parentも試してみましたが上手くいきません。
何かいい方法ないかな。
-
3 名前： zack ： 2006/06/15（木） 15:15 ID:j2Tmlb5G
- こんにちは
どのようにリンクしているのかが分かりません。
リンクしている箇所だけでもソースを提示したほうがいいと思います。
ではでは
-
4 名前： coco ： 2006/06/15（木） 15:15 ID:1I8quD1Z
- zackさん、アドバイスありがとうございます。
初心者なので、質問の仕方もよく分かっておりません。
こんな感じでリンクさせてみました。
<iframe src="menu.html" width="600" height="100" frameborder="0" scrolling="no" target="_parent"></iframe>
menu.htmlには、コンボボックスが入っています。
<form name="myForm">
<script language="JavaScript"><!--
function myGo(){
mySelect = document.myForm.myMenu.selectedIndex;
location.href = document.myForm.myMenu.options[mySelect].value;
}
// --></script>
<select name="myMenu" class="text_basic" ID="SearchText" onChange="myGo()">
<option selected>Menu</option>
<option>----------------------------------------</option>
<option class="text_basic" value='general_info.html'>General Information</option>
<option class="text_basic_10" value='general_info.html#downloading'>Downloading</option>
</select>
宜しくお願いします。
-
5 名前： zack ： 2006/06/15（木） 15:15 ID:j2Tmlb5G
- こんにちは
「location.href」
を
「window.parent.document.location.href」
に変更してみてください。
ではがんばってください。
-
6 名前： 匿名 ： 2006/06/15（木） 15:15 ID:1I8quD1Z
- zackさん、上手くいきました。
何だかとっても嬉しいです。
ここでもうひとつ質問があるのですが。
別トピックの質問は不適切でしょうか。
上記のコンボボックスで各オプションにclassを設定してみたのですが、
機能していません。
どうしたら項目ごとのフォントや色を変えられるのか、
現在悩み中です。
-
7 名前： coco ： 2006/06/15（木） 15:15 ID:1I8quD1Z
- 名前が入っていませんでした。
6.は私、cocoです。
-
8 名前： zack ： 2006/06/15（木） 15:15 ID:j2Tmlb5G
- こんにちは
>別トピックの質問は不適切でしょうか。
どれのことか分かりません＾＾；
>上記のコンボボックスで各オプションにclassを設定してみたのですが、
>機能していません。
>どうしたら項目ごとのフォントや色を変えられるのか、
>現在悩み中です。
フォントを変えるのはよく分かりませんが、
以下に汚いソースを書いたので参考になると幸いです。
<html>
<head>
<style>
.class1{color:red;}
.class2{color:blue;}
.class3{color:yellow;}
.class4{color:green;}
.class5{color:pink;}
</style>
</head>
<body>
<select>
<option class="class1">あああ</option>
<option class="class2">いいい</option>
<option class="class3">ううう</option>
<option class="class4">えええ</option>
<option class="class5">おおお</option>
</select>
</body>
</html>
では頑張ってください。
-
9 名前： 匿名 ： 2006/06/15（木） 15:15 ID:1I8quD1Z
- こんにちは、zackさん。
私もスタイルを設定してみたのですが、上手くいきません。
<head>
<style type="text/css">
<!--
.text_basic {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.text_basic_10 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
-->
</style>
</head>
<body>
<select name="myMenu" ID="SearchText" onChange="myGo()">
<option class="text_basic" value='general_info.html'>General Information</option>
<option class="text_basic_10" value='general_info.html#downloading'>Downloading</option>
</select>
</body>
<select>内にclassを設定すれば、全体のフォントは変更できますが、
各optionに設定しても、反映されません。
-
10 名前： coco ： 2006/06/15（木） 15:15 ID:1I8quD1Z
- 度々申し訳ありません。
9.もcocoです。
