- ベストアンサー
リンク先にまで色変更されたままにしたいのですが。
以下のようなソースを入れ背景色を変更できるようにしました。 (フレーム１にこのソースを入れフレーム２を変更できるようにしました。) ですが、色変更してもＨＰ内の別のページに行ってしまうとまた、設定する前の状態に戻ってしまいます。 リンク先まで色変更を保ったままにしたいのですがどうすればいいでしょうか？全然わかりません。知ってる方いましたら教えてくださいお願いします。プログラムをどうすればいいのか教えていただけるとうれしいです。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT LANGUAGE=javascript> <!-- function select1_onchange() { var s = select1.options(select1.selectedIndex).value; if (s == ""){return;} parent.frame2.document.bgColor = s; } //--> </SCRIPT> </HEAD> <BODY> <SELECT id=select1 style="WIDTH: 100px" name=select1 LANGUAGE=javascript onchange="return select1_onchange()"> <OPTION value="" selected>色変えます</OPTION> <OPTION value=red>赤</OPTION> <OPTION value=black>黒</OPTION> </SELECT></P> </BODY>
- JavaScript
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
■frame.html =============================================== <html> <head> <script language=javascript> <!-- function frm2_onload(){ var obj = frame1.document.form1.select1; var s = obj.options[obj.selectedIndex].value; if (s == ""){return;} frame2.document.bgColor = s; } //--> </script> <frameset rows=200,*> <frame src=1.html name=frame1> <frame src=2.html name=frame2> </frameset> </head> <body> </body> </html> =============================================== ■1.html =============================================== <html> <head> <script language=javascript> <!-- function select1_onchange(){ var obj = parent.frame1.document.form1.select1; var s = obj[obj.selectedIndex].value; if(s == ""){return;} parent.frame2.document.bgColor = s; } //--> </script> </head> <body> <form id=form1 name=form1> <select id=select1 name=select1 onchange="select1_onchange();"> <option value="" selected>色変えます</option> <option value=red>赤</option> <option value=black>黒</option> </select> </form> </body> </html> =============================================== ■2.html =============================================== <html> <head> </head> <body onload="parent.frm2_onload();"> <a href=3.html target="_self">3</a> </body> </html> =============================================== ■3.html =============================================== <html> <head> </head> <body onload="parent.frm2_onload();"> <a href=2.html target="_self">2</a> </body> </html> ===============================================
その他の回答 (2)
クッキーを使えば解決できます。 設定した色をクッキーに書き込み、 リンク先のページでそれを解読…。 私のサイトのチャットは、 この機能を実装しています。 利用者が自由に背景色を設定し、 リロード後もそのまま、です。
- Spur
- ベストアンサー率25% (453/1783)
このページで設定した色を他のページにも反映させたければ、全てのページを動的なページにして、ここで設定した色をパラメータで渡すしかないですね。
補足
どうやればいいのでしょうか？わからないので教えていただければ幸いです。