• ベストアンサー

何が違うのでしょうか？

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>

質問者が選んだベストアンサー

  • ベストアンサー
回答No.4

#3の方の補足になりますが、 以下のスペルミスが原因です。(4箇所) スペルミスをなくすこともそうですが、 回答者の方が回答しやすい質問の仕方を学びましょう。 1．5行目あたり document.baColor=col; 「baColor」ではなく、「bgColor」です。 2．14行目あたり <from name="F1"> 「from」ではなく、「form」です。 3．26行目あたり </from> 「from」ではなく、「form」です。 4.15～18行目あたり <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')"> 「BGClor」ではなく、「BGColor」です。

その他の回答 (3)

  • taseki
  • ベストアンサー率66% (155/233)
回答No.3

> onClick にしても色が変わらないんですが ↑繰り返しますが、何が聞きたいのか明確にしましょう。 言いたくないですが、「人にものを聞く態度」というのが大人の社会にはあるのです。 で、色が変わらない理由は、あなたのソースが間違いだらけだからです。 以下で動きます。 --------------------- <html> <head> <title>背景の色を変える</title> <script languag="JavaScript"> function BGColor(col){ document.bgColor=col; } </script> </head> <body> 背景の色を選んでください<br> <form name="F1"> <input type="button" value="赤にする" onClick="BGColor('red')"> <input type="button" value="緑にする" onClick="BGColor('green')"> <input type="button" value="青にする" onClick="BGColor('blue')"> <input type="button" value="白にする" onClick="BGColor('white')"> <br> <select name="S1" onChange="BGColor(document.F1.S1.value);"> <option value="red">赤にする <option value="green">緑にする <option value="blue">青にする <option value="white">白にする </select> </form> </body> </html>

  • taseki
  • ベストアンサー率66% (155/233)
回答No.2

よく見たらスペルミスがありますよ。 「ocClick」ではなく「onClick」です。 「ボタンの方が動かないんですが、どこがおかしいですか？」ということが聞きたかったのかな？

kawasemi-1204
質問者

補足

onClick にしても色が変わらないんですが

  • taseki
  • ベストアンサー率66% (155/233)
回答No.1

見たまんま、ボタンとリストボックスの違いです。 正直、何が聞きたいのかよく解らないのですが…。 ついでに言えば質問タイトルも…

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連する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> ページ内の一部のテーブルのみの背景色を 変更したい場合はどうように変更すればいいのでしょうか？ 教えてください！

  • onClickがinput type="image"だとできない！

    以前、↓の質問をさせていただき解決したのですが、 input type="image" にしたいのですが、 ただ変更するだけでは、できません。 http://oshiete1.goo.ne.jp/kotaeru.php3?q=2068911 どのように変更したらいいでしょうか？ 教えてください！ 現在下記の方法でやっています。 <style type="text/css"> .white{ background-Color:white; color:black; } .gray{ background-Color:gray; color:yellow; } .blue{ background-Color:blue; color:red; } </style> <body> <form> 全体： <input type="button" value="White" onClick="document.body.className='white'"> <input type="button" value="Gray" onClick="document.body.className='gray'"> <input type="button" value="Blue" onClick="document.body.className='blue'"><br> テーブル1: <input type="button" value="White" onClick="document.getElementById('t1').className='white'"> <input type="button" value="Gray" onClick="document.getElementById('t1').className='gray'"> <input type="button" value="Blue" onClick="document.getElementById('t1').className='blue'"><br> テーブル2: <input type="button" value="White" onClick="document.getElementById('t2').className='white'"> <input type="button" value="Gray" onClick="document.getElementById('t2').className='gray'"> <input type="button" value="Blue" onClick="document.getElementById('t2').className='blue'"><br> </form> <table width=100% id="t1"> <tr><td>test</td></tr> </table> <table width=100% id="t2"> <tr><td>test</td></tr> </table> </body>

  • 複数プルダウンで検索

    楽天市場自社サイト内に、３種類のプルダウンから選択した商品を検索したく試行錯誤していますが私の知識では限界だと言うことがわかりました。 お力をいただければと思い投稿いたしました。 何か良い方法はありますでしょうか <BODY> <FORM name="myForm" method="GET" action="http://esearch.rakuten.co.jp/rms/sd/esearch/vc?" target="_blank"> 種類<BR> <SELECT NAME="t1"> <OPTION VALUE="Ｔシャツ" SELECTED>Ｔシャツ <OPTION VALUE="Ｇパン">Ｇパン <OPTION VALUE="トレーナー">トレーナー </SELECT> <BR> サイズ<BR> <SELECT NAME="t2"> <OPTION VALUE="Ｓ" SELECTED>Ｓ <OPTION VALUE="Ｍ">Ｍ <OPTION VALUE="Ｌ">Ｌ </SELECT> <BR> 色<BR> <SELECT NAME="t3"> <OPTION VALUE="レッド" SELECTED>レッド <OPTION VALUE="ホワイト">ホワイト <OPTION VALUE="ブラック">ブラック </SELECT> <BR> <BR> <BR> <input type="hidden" name="sid" value="xxxxxx"><input type="hidden" name="su" value="xxxxxx"><input type="hidden" name="sn" value="xxxxxx"><input type="text" name="sitem"><BR> <input type="button" name="sitem" value="結合" onClick="ketugou()"><BR> <BR> <br> <input type="submit" value="商品検索"></FORM> </BODY>

  • 見よう見まねで以下のように作成してみたのですが

    見よう見まねで以下のように作成してみたのですが 作動しませんでした。 （当方javascript初心者です） どこに問題があるのか、指摘してくださる方を探しています。 極めて初歩的なところで誤っているのだろうと思いますので 質問するのも恐縮なのですが・・・ どなたかよろしくお願いいたします。 ------------------------------------------ <HTML> <HEAD> <script language="JavaScript"> function calc(){ var a = document.form1.001.value; var b = document.form1.002.value; var c = document.form1.003.value; var d = document.form1.004.value; var total = a + b + c + d; document.form1.field.value = total; } </script> </HEAD> <BODY> <BR><BR> <form name="form1"> <Select name="001"> <Option value="10">case1 <Option value="20">case2 </Select>ケース <BR><BR> <INPUT size="15" type="text" name="002">number <BR><BR> <Select name="003"> <Option value="100">volume1 <Option value="200">volume2 <Option value="300">volume3 </Select>ボリューム <BR><BR> <Select name="004"> <Option value="0">N <Option value="50">size1 <Option value="100">size2 <Option value="150">size3 </Select>サイズ <BR><BR> <INPUT type="button" name="calc" value="計算" onClick="calc()"><BR><BR> <input size="15" readonly="readonly" name="field" type="text">total </form> </BODY> </HTML>

  • javascript 乱数が取得できない

    はじめまして。 一月ほど前から「パズルネット　ソフィア」 http://www.pori2.net/js/number/4.html というサイトでjavascriptの基礎を学んでいるのですが、乱数 を扱う段階になって自分の作成したプログラム（以下） <html> <head> </head> <body onload="Mondai()"> <form name="quiz"> <input type="text" value="" > <input type="button" value="赤" onclick="Push(0)"> <input type="button" value="青" onclick="Push(1)"> <input type="button" value="黄" onclick="Push(2)"> <input type="button" value="緑" onclick="Push(3)"> <input type="button" value="白" onclick="Push(4)"> </form> <script type="text/javascript"> <!-- var col=new Array("red","bleu","yellow","green","white"); var Rnd; function Mondai(){ Rnd=Math.floor(Math.random() * 5 ); document.quiz.element[0].value=col[Rnd]; } function Push(num){ var n=parseInt(num); if( n==Rnd ){ Mondai(); }else{ alert("違います。"); } } // --></script> </body> </html> を実行してもテキストボックス内に何の値も表示されず 、ボタンを押しても「違います。」とだけしか出てきません。 ブラウザはfirefoxを使用しており、javascriptの設定もonに なっています。 カンマや鍵括弧などの記号にも打ち間違いがないかサンプル プログラムを参考にしながら確認してみたのですが、どこにも おかしな点はありませんでした。 サンプルプログラムは下記のとおりで、こちらは正常に実行されます。 <body onload="Mondai()"> <form name="quiz"> <input type="text" value=""> <input type="button" value="赤" onclick="Push(0)"> <input type="button" value="青" onclick="Push(1)"> <input type="button" value="黄" onclick="Push(2)"> <input type="button" value="緑" onclick="Push(3)"> <input type="button" value="白" onclick="Push(4)"> </form> <script type="text/javascript"> <!-- //色名の英単語を配列に入れる var col=new Array("red","blue","yellow","green","white"); //乱数を入れる変数 var Rnd; //テキストボックスに問題文（色名）を表示する関数 function Mondai(){ //0～4までの乱数を発生させる Rnd=Math.floor( Math.random() * 5 ); document.quiz.elements[0].value=col[Rnd]; } //正誤判定関数 function Push(num){ //引数を数字に変換 var n=parseInt(num); //正解なら次の問題を表示、間違っていたらアラートを表示する if ( n == Rnd ){ Mondai(); }else{ alert("違います！"); } } // --> </script> どなたかアドバイスをいただけないでしょうか？ よろしくお願いします。

  • FireFoxについて

    JavaScriptを勉強中のものです。 単純に、『テキストボックスの文字色を変えるだけ』のスクリプトを組んだのですが、 ＩＥでは動いて、FireFoxでは動かない、という状況に陥っています。 ソースは下記のとおりです。 -------------------------------------------------------------------------------------------------------------------- <html> <head> <Script Language=JavaScript> function js_ClickBtn_Blue() { document.getElementsByName("txt1")(0).style.color = "blue"; } function js_ClickBtn_Red() { document.getElementsByName("txt1")(0).style.color = "red"; } </Script> </head> <body> <input type=text name=txt1 value="あいうえお"> <br> <br> <input type=button name=btn1 value="青" style='color:blue;' onClick='js_ClickBtn_Blue();'> <input type=button name=btn1 value="赤" style='color:red;' onClick='js_ClickBtn_Red();'> </body> </html> -------------------------------------------------------------------------------------------------------------------- なぜ、IEでは動いて、FireFoxでは動かないのでしょうか？ 【知りたいこと】 　・FireFoxで動かない理由 　・FireFoxでテキストボックスの文字色をJavaScriptで変更するには 　　どういった実装をしたらよいか ちなみに環境は、 【パソコンのＯＳ】Windows7 Enterprise 【ブラウザ】 Internet Explorer 8 FireFox 40.0.2 です。 知っている方いましたらご教授お願いします。 以上です。

  • ボタンを押したらラジオボタンを選択したい(サンプルソース付)

    ボタンを押したら、ラジオボタンを選択するようにしたいと思っています。 なんとかチェックボックス、セレクトボックス(?)はうまくいったのですが、どうしてもラジオボタンだけがうまくいきません。どうすればよいでしょうか？ ※document.forms[0].R1[0].checked = true; のようにすると意図した通りに動作することはわかったのですが、項目が増えた時にミスの原因になりますので、できるだけ"a"や"b"とvalueを使いたいと思っています。 すみませんが、よろしくお願いします。 -- <html> <head> <SCRIPT language="JavaScript"><!-- function check() { document.forms[0].C1.checked = true; document.forms[0].S1.value = "3"; document.forms[0].R1.value = "a"; } //--></SCRIPT> <title></title> </head> <body> <form> <input type="checkbox" value="yes" name="C1"><br> <select name="S1"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select><br> <input type="radio" name="R1" value="a"><input type="radio" name="R1" value="b"><br> <input type="button" onclick="javascript:check()"> </form> <br> </body> </html>

  • ラジオボタンにあらかじめチェックする方法で・・

    HTMLから<input type="hidden">を使い、次ページのフォームのラジオボタン・リストボックス・チェックボックスの希望箇所に、あらかじめチェックの入った状態にしたいのですが、以下のソースだと当てはまらなかった箇所に対して膨大な量のNoticeが表示されてしまいます。 ▼HTML <form action="form1.php" method="post"> <input type="submit" value="フォームへ"> <input type="hidden" name="sele_mod" value="2"> <input type="hidden" name="sele_led" value="1"> </form> ▼form1.php $sele_mod[$_POST['sele_mod']]="checked"; $sele_cor[$_POST['sele_cor']]="selected"; echo <<<HTML <form action="" method="post"> １：<br> <input type="radio" name="model" value="AAAA" $sele_mod[0]>YC702i<br> <input type="radio" name="model" value="BBBB" $sele_mod[1]>YC703i<br> <input type="radio" name="model" value="CCCC" $sele_mod[2]>YC902i<br> <input type="radio" name="model" value="DDDD" $sele_mod[3]>YC903i<br> <br> カラー：<br> <select name="color"> <option value="シルバー" $sele_cor[0]>シルバー</option> <option value="ブラック" $sele_cor[1]>ブラック</option> <option value="ホワイト" $sele_cor[2]>ホワイト</option> <option value="レッド" $sele_cor[3]>レッド</option> <option value="ブルー" $sele_cor[4]>ブルー</option> <option value="イエロー" $sele_cor[5]>イエロー</option> <option value="ライトグリーン" $sele_cor[6]>ライトグリーン</option> <option value="ワインレッド" $sele_cor[7]>ワインレッド</option> <option value="パープル" $sele_cor[8]>パープル</option> <option value="ライトブルー" $sele_cor[9]>ライトブルー</option> <option value="グリーン" $sele_cor[10]>グリーン</option> <option value="オレンジ" $sele_cor[11]>オレンジ</option> </select> HTML; 　実際はもっとフォーム部品があるので、Noticeの数もかなり多いです・・・一応このソースでも望みの動作はするのですが、Noticeを出さずにするにはどう改善したら良いでしょうか？

    • ベストアンサー
    • PHP
  • HTMLをおしえてください。

    こちらはPC初心者です。 HTMLここまでつくりました。 名前　<INPUT TYPE="text" NAME="name"><br> ハンドルネーム　<INPUT TYPE="text" NAME="name"><br> 好きな色は？ <SELECT NAME="color"> <OPTION SELECTED>選んでください。</OPTION> <OPTION VALUE="red">赤</OPTION> <OPTION VALUE="blue">青</OPTION> <OPTION VALUE="yellow">黄</OPTION> </SELECT><br> 行きたい国は？<br> <INPUT TYPE="checkbox" NAME="usa" VALUE="on">アメリカ<br> <INPUT TYPE="checkbox" NAME="china" VALUE="on">中国<br> <INPUT TYPE="checkbox" NAME="france" VALUE="on">フランス<br> <INPUT TYPE="checkbox" NAME="germany" VALUE="on">ドイツ<br> 感想<br><TEXTAREA NAME="comment" ROWS="4" COLS="30"></TEXTAREA><br> <INPUT TYPE="submit" VALUE="送信"><INPUT TYPE="reset" VALUE="書き直し"> </FORM> </BODY> 送信ボタンをおすとアウトルックが起動するようにしたいです。 書き直しボタンを押すと全部リセットできるようにしたいです。 どうかご指導の方をよろしくおねがいします。

  • 特定のselectの値を取得したい

    ADDを押した時のoption valueの値をjqueryで取得したいのですが、nameは全て同じのためわかりません。 alert($(obj).val());だと送信と表示されてしまいます ご教示頂けますと幸いです。 <select id="color1" name="color[]"> <option value="0">red</option> <option value="1">blue</option> <option value="2">pink</option> </select> <input type="button" onclick="add(this);" name="add" value="送信"> <select id="color2" name="color[]"> <option value="0">red</option> <option value="1">blue</option> <option value="2">pink</option> </select> <input type="button" onclick="add(this);" name="add" value="送信"> <select id="color2" name="color[]"> <option value="0">red</option> <option value="1">blue</option> <option value="2">pink</option> </select> <input type="button" onclick="add(this);" name="add" value="送信"> 宜しくお願いいたします

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する