- ベストアンサー
CGIの色変更
フレームを使って片方に以下のようなプログラムをいれました。 <input type="button" name="col" value="赤" onclick="parent.Frame2.document.bgColor='ff0000'"> というプログラムいれ、もう片方のフレーム内のウインドウの背景色を赤に変更できるようしました。 ですが普通のＨＴＭＬファイルなどはちゃんと赤色になるのですが、片方のフレーム内をＣＧＩファイルにしたときだけ何も変化がおこりません。ＣＧＩファイルも色変更させるにはどうすればいいのでしょうか？
- CGI
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
<input type="button" name="col" value="赤" onclick="parent.Frame2.document.bgColor='#ff0000'"> と、＃をつけても変わりませんか？
関連するQ&A
- クリックでテーブル内の背景色だけを変更したいです。
教えてください。 ページ全体の背景色を変更するのは、 ↓でできたのですが、 <form> <input type="button" value="White" onClick="document.bgColor='white'"> <input type="button" value="Gray" onClick="document.main='gray'"> <input type="button" value="Blue" onClick="document.bgColor='blue'"> </form> ページ内の一部のテーブルのみの背景色を 変更したい場合はどうように変更すればいいのでしょうか？ 教えてください！
- ベストアンサー
- JavaScript
- 選択行だけ色を変更する場合のCSSの書き方
以下のHTMLで、どうすれば、選択行だけ青に変更できるでしょうか？ <table> <tr> <td class="lc"> <input type="button" value="色変更" onClick="選択行だけ青に変えたい"> </td> <td class="lc">赤</td> <td class="lc">赤</td> </tr> <tr> <td class="lc"> <input type="button" value="色変更" onClick="選択行だけ青に変えたい"> </td> <td class="lc">赤</td> <td class="lc">赤</td> </tr> </table>
- ベストアンサー
- HTML
- テキストの背景色を変える。
onClickで、テキストの背景色を変えたいのですが。 その処理を外部ファイルに記述したいのです。 HTMLファイルでは下記のように記述し、 <・・・・・ <td><input type="button" value="テキストを赤に" onClick="Col001(tC1)"><input type="text" name="tC1" size="20" value=""></td> ・・・・・> JavaScript外部ファイルでは、 function Col001(objText){ alert(objText.value); objText.document.bgColor='red'; } と記述しています。 すると、ページ全体の色が変わってしまいます。 alert(objText.value);では、 テキストボックスｔC1に入力されている値が 正常に表示されるのですが・・・。 テキストボックスの背景色だけを変える場合には どのようにしたらいいのでしょうか？ どなたか教えてください。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 同じフォーム内で、押下するボタンによって、飛び先のページ(cgi)を変
同じフォーム内で、押下するボタンによって、飛び先のページ(cgi)を変えたい。 例えば、 以下のように、同じフォーム内に２つのボタンを用意し、 片方のボタンをクリックすると、現在のページ(aaa.cgi)へ戻り、 もう片方のボタンをクリックすると、別のページ(bbb.cgi)へ飛ぶようにしたい。 なお、何れのボタンもサブミットしたい。 ↓(aaa.cgi)================================= ： <form name="frm1" action="???" method="post"> <input name="t1" type="text"> <input name="t2" type="text"> ： <input name="b1" type="button" onClick="submit();"> <input name="b2" type="button" onClick="submit();"> ： </form> ： ↑(aaa.cgi)================================= 良い方法はないでしょうか。 ご存知の方、ご教授ねがいます。 よろしくお願いします。
- ベストアンサー
- Perl
- 新しいウィンドウで開きたい
フレームで上下に分けたページで、 <input type="button" value="編集" onclick="parent.parent.location = '../page.php?id=1'"> このボタンを押すと、リンク先が親フレームに展開されますが、親フレームでなく、新しいウィンドウで開きたいと思います。 target="new"を指定しても駄目でした。「parent.parent.」をいじらなければ駄目でしょうか？
- ベストアンサー
- JavaScript
- JavaScriptでとても簡単なことだと思うのですが…
どういう風に検索かければ言いかわかりませんでした。 フレーム1と2に分けて、フレーム1でボタンを押すとフレーム2のテキストボックスの中に文字を入力する。という物を作っています。 下記はフレーム1の内容の一部です。本当に簡単な質問だとおもいます。 <frame> <input type="button" value="ボタン1"onclick="window.parent.frame2.document.getElementById('txt1').value='おはようございます。'"> </frame> <frame> <input type="button" value="ボタン2"onclick="window.parent.frame2.document.getElementById('txt2').value='おやすみなさい。'"> </frame> この場合ボタンが二つ表示されるのですが、ここをボタンひとつでこの二つの処理を同時に実行させたいのです。 お力お貸しください。
- ベストアンサー
- JavaScript
- inputタグはformタグで必ず囲む必要がありますか？
<input type="text">や< input type="button">などのinputタグは、入力欄に入力されたデータを他のファイルに送らずに同ファイル内で処理する場合も、必ず<form></form>で囲む必要があるのでしょうか？ 例えば、<input type="text" id=”background_color”>に色（例：赤、青等）を入力し< input type="button" value=”変更” onClick=”change_background()”>ボタンを押すと、バックグラウンドの色が入力された色に変わるようなコードを書くとします。Javascript（change_background()）の内容は同ファイルの<header></header>内に記述しますが、ここでは関係ないので割愛します。 この場合、 <body> <input type="text" id=”background_color”> < input type="button" value=”変更” onClick=”change_background()”> </body> で良いのでしょうか? それとも <body> <form> <input type="text" id=”background_color”> < input type="button" value=”変更” onClick=”change_background()”> </form> </body> とする必要が、ありますか？ よろしくお願いします。
- ベストアンサー
- HTML
- HTMLフォームボタンによるターゲットフレームを指定したリンク
上下にフレーム分割してあり、上をname="header",下をname="contents"としてあります。 head側のHTMLに記述したフォームボタンを押すと、親ウインドウ（target="_parent"）に リンク指定先が展開されるようにしたいのですが下記の記述ではうまくいきません。 意図した親ウィンドウでなく、head側のフレーム内に展開されてしまいます。 <input type="button" name="01a" value="前へ" onclick="parent.head.location.href='../hoge1/1.htm'"> <input type="button" name="03a" value="目次" onclick="parent.head.location.href='../index.html'"> <input type="button" name="03a" value="次へ" onclick="parent.head.location.href='../hoge3/3.htm'"> 参考にしたのは以下ですが、何が誤っておりますでしょうか。よろしくお願い致します。 http://www.west-mira.jp/javascript/link/button2.html
- ベストアンサー
- JavaScript
- 何が違うのでしょうか？
JavaScript の勉強を始めたんですが。何が違うのでしょうか？ <html> <head> <title>背景の色を変える</title> <script languag="JavaScript"> function BGColor(col){ document.baColor=col; } </script> </head> <body> 背景の色を選んでください<br> <from name="F1"> <input type="button" value="赤にする" ocClick="BGClor('red')"> <input type="button" value="緑にする" ocClick="BGClor('green')"> <input type="button" value="青にする" ocClick="BGClor('blue')"> <input type="button" value="白にする" ocClick="BGClor('white')"> <br> <select name="S1" onChange="BGColor(document.F1.S1.value);"> <option value="red">赤にする <option value="green">緑にする <option value="blue">青にする <option value="white">白にする </select> </from> </body> </html>
- ベストアンサー
- JavaScript
- クリックで色変更後に既に変更された要素を戻すには
javascriptの勉強をしています。 htmlのテーブルタグで、ブロックが３つあるとします。 ■■■ それぞれのブロックを<div id="00"><div id="01"><div id="02"> として定義しています。 onclick="document.getElementById('00').style.backgroundColor='#ff0000' でクリックしたブロックの色を変更しています。 質問したい内容は、「１箇所をクリックした時に、他の２箇所の色を戻す」方法です。 以下はサンプルです。 -------------------------------------- <TABLE BORDER="2" bordercolor="#000000"> <TR> <TD bgcolor="#008000"> <div id="00"> <IMG onclick="document.getElementById('00').style.backgroundColor='#ff0000';document.getElementById('01').style.backgroundColor='#008000';document.getElementById('02').style.backgroundColor='#008000';" border="0" src="item/img/00.png" width="36" height="36"> </div> </TD> <TD bgcolor="#008000"> <div id="01"> <IMG onclick="document.getElementById('01').style.backgroundColor='#ff0000';" border="0" src="item/img/01.png" width="36" height="36"> </div> </TD> <TD bgcolor="#008000"> <div id="02"> <IMG onclick="document.getElementById('02').style.backgroundColor='#ff0000';" border="0" src="item/img/02.png" width="36" height="36"> </div> </TD> </TABLE>--------------------------------------------- １箇所をクリックした時に、他の２箇所の色を戻すには 「00をクリックした時に、01の色を戻す02の色を戻す」のように、 ３箇所全てに記述しなければならないのでしょうか？ テーブルのブロックが少なければ、これでもいいのですが、 たとえば１００個とか１０００個になった時にはとても大変な作業になってしまいます。 他になにか効率のいい記述の仕方はありますでしょうか？ ご存知の方いらっしゃいましたら、ご教授よろしくお願いいたします。
- ベストアンサー
- JavaScript
補足
全く変わりません。どうすればいいのでしょうか？