WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:プルダウンからフローティングフレームへ

あゆ[MAIL][URL][WriteDate : Thu Oct 5 17:13:38 2000]

このサイトでは非常にお世話になっています。
いつもありがとうございます。
今回はプルダウンメニューで選択したものを同一ページ内の
フローティングフレーム(額縁のような窓)に表示させたいのですが思うようにできません。
インターネットマガジン編集部の「ホームページ裏技大全HTML TIPS&TRICKS」を参考に作っています。
よろしくお願い致します。

じゃすみん[MAIL][URL][WriteDate :Thu Oct 5 18:10:22 2000]

現在はどんな処理をほどこして、どんな結果が出ているの?
本当はどんなふうに表示されたいの??

フローティングフレームってiframeのこと?
それともNetscape社が提供しているfframe.jsを
ダウンロードしてきて使ってるの?

URLを明らかにするか現状をもうちょっと説明するかしてもらえないかな。


ちゃいぱ[MAIL][URL][WriteDate :Thu Oct 5 18:32:27 2000]

じゃすみんさん、いつもありがとうございます!

たぶん、iframeだと思ったので、サンプルを作ってしまいました。
当然、iframeなのでIEオンリーです。

<HTML>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
function chgHTML(){
 document.myfm.action=document.myfm.mysel.value;
 document.myfm.submit();    
}
// -->     
</SCRIPT>

<FORM name="myfm" target="frame" >
<SELECT name = "mysel" onChange="chgHTML()">
<OPTION VALUE="">選択して! 
<OPTION VALUE="t09121.htm">Aページ 
<OPTION VALUE="t09281.htm">Bページ
</SELECT>
</FORM>
<IFRAME WIDTH="75%"HEIGHT="55%" NAME="frame" SRC="t09112.htm">
</IFRAM>
</BODY>
</HTML>

あゆ[MAIL][URL][WriteDate :Tue Oct 10 10:24:48 2000]

じゃすみんサン、ちゃいばサンありがとうございます。

ちゃいばサンの作って下さったサンプルを使ってみたのですが、
構文エラーの表示が出てしまいます。
(もちろんOPTION VALUEの指定先は変更しました)
そのため、ifameに飛びません。
何故なのでしょうか?
せっかく作って頂いてるのに申し訳ありません。
よろしくお願い致します。

ちゃいぱ[MAIL][URL][WriteDate :Tue Oct 10 11:55:35 2000]

ソースを公開してください!
できれば、URLをお願いします。

あゆ[MAIL][URL][WriteDate :Tue Oct 10 14:19:11 2000]

ちゃいばサン、すみません。
まだアップロードできる段階ではないので
ソースを書きます。
<HTML>
<BODY>
<SCRIPT LANGUAGE="JavaScript"><!-- function chgHTML(){ 
 document.myfm.action=document.myfm.mysel.value; 
 document.myfm.submit();         
  }
 //--></SCRIPT> 
<FORM name="myfm" target="frame"> 
<SELECT name ="mysel" onChange="chgHTML()"> 
<OPTION VALUE="test" >選択して! 
<OPTION VALUE="101.htm">Aページ 
<OPTION VALUE="102.htm">Bページ 
</SELECT>
</FORM> 
<IFRAME WIDTH="75%"HEIGHT="55%" NAME="frame" SRC="top.htm" 
</IFRAM>
</BODY>
</HTML> 

これは、前回書いた通り、リンク先を変更しただけのものです。
それとも、このページ関連だけでもアップロードして
見て頂いた方が良いのでしょうか?
いろいろご迷惑をお掛けして申し訳ありませんが
宜しくお願い致します。

ちゃいぱ[MAIL][URL][WriteDate :Tue Oct 10 14:44:44 2000]

<!-- function chgHTML(){

<!-- 
function chgHTML(){  
のように別の行にしてください!

なぜ、
<!-- function chgHTML(){
これが、だめなのかはわかりませんが...。
   
 

あゆ[MAIL][URL][WriteDate :Tue Oct 10 14:57:56 2000]

ちゃいばサン、ありがとうございます!!

教えていただいた通り、改行してみたところできました!!
本当に本当にありがとうございます。
思った通りの動きをしてくれたので自分でも感動しました。

また、分からない事があったら是非教えて下さい。
ありがとうございました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]