上下分割のフレームのうち、上のフレームの
<FORM NAME="BForm">
RGB値を入れる>
1番目の色:<INPUT TYPE="text" NAME="Bpt1" VALUE="" SIZE="8">
2番目の色:<INPUT TYPE="text" NAME="Bpt2" VALUE="" SIZE="8">
<INPUT TYPE="button" VALUE="CL" NAME="CL" onClick="CL()" tabindex="6">
</FORM>
でテキストボックスに入れた数字を使って
下のフレーム(komado3)を書き変えたいのですが。
<SCRIPT LANGUAGE="JavaScript">
<!--
function CL(){
B1V=document.BForm.Bpt1.value;
B2V=document.BForm.Bpt2.value;
parent.komado3.document.open();
parent.komado3.document.write('<HTML><HEAD>');
parent.komado3.document.write('<STYLE TYPE="text/css">');
parent.komado3.document.write('<!--');
parent.komado3.document.write('.pt1{color:'+B1V+'}');
parent.komado3.document.write('.pt2{color:'+B2V+'}');
parent.komado3.document.write('-->');
parent.komado3.document.write('<'+'/STYLE><'+'/HEAD><BODY>');
parent.komado3.document.write('<SPAN CLASS='+pt1+'>1番目の色は'+B1V+'です<'+'/SPAN>');
parent.komado3.document.write('<SPAN CLASS='+pt2+'>2番目の色は'+B2V+'です<'+'/SPAN>');
parent.komado3.document.write('</'+'BODY><'+'/HTML>');
parent.komado3.document.close();
}
//-->
</SCRIPT>
これだとうまく行かないのですが、どこがおかしいのか教えてください。
No.1ベストアンサー
- 回答日時:
もしかして、「サポートされていないプロパティまたはメソッドです」ってエラーが出ますか?
もしそうなら、ボタン名と関数名が同じだからではないでしょうか?
関数名を「funcCL」などと変えてみてください。
それから、
parent.komado3.document.write('<SPAN CLASS='+pt1+'>1番目の色は'+B1V+'です<'+'/SPAN>');
は、
parent.komado3.document.write('<SPAN CLASS="pt1">1番目の色は'+B1V+'です<'+'/SPAN>');
とすればいいと思います(もう一行も同様)。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- PHP PHPのエラーの解消法について教えて下さい。 1 2023/02/06 10:48
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
window.openでタイトル名の指定
-
document.clear()の使い方について
-
なぜ、ジャバスクリプトが表示...
-
document.open()の意味とは
-
java カレンダーの日付指定で...
-
ジャバスクリプトで空白(スペー...
-
document.writeで画面が消える
-
今日の月と日付の1週間後や3日...
-
javaで画像をランダム表示しつ...
-
google apps scriptの終了のさせ方
-
idを使わずにonclickで自身の要...
-
Boolean型配列中のTrueの有無を...
-
JavaScriptで決まった「時刻」...
-
C#テキストボックスの文字を配...
-
JavaScript window.openで開く...
-
関数でy=g(x)のgとは何の略です...
-
jspからjavascriptの変数引継ぎ
-
jqGridについて
-
ActiveXobjectが作成できない
-
javascriptのdocument.allにつ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.openでタイトル名の指定
-
ホームページに日付を自動更新...
-
テキストボックスに入力された...
-
for文のiを使ってリンク先のア...
-
○歳△ヶ月と×日を計算してくれる...
-
引数を渡さずに呼び出し元の変...
-
なぜ、ジャバスクリプトが表示...
-
innerHTMLにて設定した情報を再...
-
前のページに戻るとページトッ...
-
更新でランダムでページ内のテ...
-
今日の月と日付の1週間後や3日...
-
「今日の日付けを画像で表示」...
-
java カレンダーの日付指定で...
-
文字列を点滅させたい
-
HTMLを記述しつつサブ窓(showM...
-
条件分岐(IF文)の簡素化
-
Java Scriptのメソッドについて
-
javascriptとphpの連携で疑問
-
現在の日付から、1ヶ月前にす...
-
この方法を教えてください。
おすすめ情報