- 締切済み
文書オブジェクトについて？？？
フォームボタンの画像を入れ替えたいのですが、 正しく動きません。何が悪いのでしょうか？ 文字コードはEUC-JPを使っていますが、関係あるのでしょうか？ <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=EUC-JP"> <TITLE>Javascript</TITLE> <script type="text/javascript"> <!-- function btn_click(dat) { if(teban == 1){ document.forms['btn'].elements['btn1'].src = "./img/b.gif"; }else{ document.forms['btn'].elements['btn2'].src = "./img/d.gif"; } } --> </script> </HEAD> <BODY> フォームのボタンを使ってクリックすると画像が変わる ようにしたい <form name="btn"> <input name="btn1" type="image" src="./img/a.gif" onClick="play_start(1); return false;"> <input name="btn2" type="image" src="./img/c.gif" onClick="play_start(2); return false;"> </form> </BODY> </HTML>
- nati_desu
- お礼率3% (4/107)
- JavaScript
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
関連するQ&A
- ゲームの宣伝掲示板に非アクティブで連続投稿がしたい
ゲームの宣伝掲示板があるのですが、流れが速く自動的に連続投稿をしたいのですが、できたら非アクティブにしたいのです。 で、UWSCのソフトを使ってCOMコンポーネントを使って IE.visible = FALSE にして見えなくすれば作業の邪魔にならないかと考えたのですが、 <input type="hidden" name="name" value="××××"> <input type="hidden" name="island" value="××××"> <textarea name="message" cols="75" rows="7"></textarea> </td> </tr> </table> <table width="554" border="0" cellspacing="0" cellpadding="0" align="center"> <tr><td colspan="2" height="8"></td></tr> <tr> <td width="31"><input type="image" name="ok[]" alt="送信" src="img/btn_ok.gif"></td> <td width="28"> <div align="center"><img src="img/img_or.gif" width="19" height="16"></div> </td> <td width="31"><input type="image" name="no[]" alt="リセット" src="img/btn_no.gif"></td> のhtmlの<textarea>は IE.document.forms[0].elements[2].value ="×××××" で、無事入力できたのですが、 <input type="image" name="no[]" alt="リセット" src="img/btn_no.gif"> で、 IE.document.forms[0].elements[3].click() では、COMエラーが出てしまいます。input type="image"はclickは効かないのでしょうか？ 入力できる手立てはないでしょうか？
- 締切済み
- フリーウェア・フリーソフト
- input type="image" 複数の画像がある場合のSubmit
いつもお世話になります。 早速ですが質問です。 function Check(){ if(document.form.text.value==""){ alert('入力してください'); return false; } return true; } <form name="form" action="./form.cgi" method="post" onSubmit="return Check();"> <input type="text" name="text"> <input type="image" src="img/back.gif" name="btn01" alt="戻る"> <input type="image" src="img/next.gif" name="btn02" alt="進む"> </form> とあります。 テキストボックスの値が空の場合は【進む】を押したときにエラーを出し、 【戻る】を押したときは値の入力に関係なくページを移動したいです。 どなた様かよろしくお願いします。
- ベストアンサー
- JavaScript
- 選択したformの名前を取得する方法
いくつもあるフォームからクリックされたフォーム名を参照する方法をどなたか教えて下さい。 下のスクリプトが間違っていたり（といいつつ、既に動かないので間違いです）、はじめから出来ないことであればご容赦下さい。 下のスクリプトはフォーム名の取得をするためだけにに書いているものです。 <SCRIPT language="JavaScript"> <!-- function move() { for(i=0;i<30;i++) { var check="form"+i; if(check==document.forms[i].name) { return document.write("これは→"+check+"です"); } } } --> <body> <FORM name="form0"><input type="image" src="back.gif" onclick="move()"></form> <FORM name="form1"><input type="image" src="back.gif" onclick="move()"></form> <FORM name="form2"><input type="image" src="back.gif" onclick="move()"></form> ・ ・ ・ <FORM name="form29"><input type="image" src="back.gif" onclick="move()"></form> </body>
- ベストアンサー
- JavaScript
- 親フレームの変数にアクセス(JavaScript）
[index.html] <script src="script.js"></script> <frameset rows="50%,*" frameborder="1"> <frame src="content1.html"name="cont1"> <frame src="content2.html" name="cont2"> </frameset> [script.js] var test_text="てすと"; [content1.html] <form> <input type="text" name="in"> <input type="button" onClick="window.parent.test_text = document.forms[0].in.value;" value="IN"> </form> [content2.html] <form> <input type="text" name="out"> <input type="button" onClick="document.forms[0].out.value = window.parent.test_text;" value="OUT"> </form> のようになっています。 「index.html」の「script.js」の変数に、「content.1html」と「content2.html」からアクセスしたいです。 ですが、フレームになっているため、思うような動作をしてくれません。 よろしくお願いします。
- ベストアンサー
- JavaScript
- チェックボックスのON / OFFで画像を表示する
初めまして、以下のURLを参考に制作していましたが、DOCTYPEを指定すると画像が表示されず困っております。 http://iswebmag.hp.infoseek.co.jp/sample163.html 指定したDOCTYPEは以下のものです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> HTMLソースは以下です。下記ソースの※DOCTYPEが無ければ動きます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <SCRIPT language="JavaScript"> <!-- function show(c,img){ if(document.form.elements[c].checked == true){ document.getElementById(img).style.width=35; } else { document.getElementById(img).style.width=0; } } // --> </SCRIPT> </HEAD> <BODY> <H1>天体写真集</H1> <BR> <TABLE width=610 align=right border=0 cellspacing=0 celpadding=0> <TR><TD width=610> <IMG src="../images/color_n-1.gif" id="img01" style="width:0px"><IMG src="../images/color_n-2.gif" id="img02" style="width:0px"><IMG src="../images/color_n-3.gif" id="img03" style="width:0px"><IMG src="../images/color_n-4.gif" id="img04" style="width:0px"><IMG src="../images/color_n-5.gif" id="img05" style="width:0px"><IMG src="../images/color_n-6.gif" id="img06" style="width:0px"><IMG src="../images/color_n-7.gif" id="img07" style="width:0px"><IMG src="../images/color_n-8.gif" id="img08" style="width:0px"><IMG src="../images/color_n-9.gif" id="img09" style="width:0px"> </TD></TR> </TABLE> <FORM name="form"> <INPUT type=checkbox onClick="show(0,'img01')">朝焼に輝く星<BR> <INPUT type=checkbox onClick="show(1,'img02')">木立の隙間から<BR> <INPUT type=checkbox onClick="show(2,'img03')">夜明け<BR> <INPUT type=checkbox onClick="show(3,'img04')">自転を感じる<BR> <INPUT type=checkbox onClick="show(4,'img05')">昼の星空<BR> <INPUT type=checkbox onClick="show(5,'img06')">砂丘の月<BR> <INPUT type=checkbox onClick="show(6,'img07')">月の軌跡<BR> <INPUT type=checkbox onClick="show(7,'img08')">彗星の飛来<BR> <INPUT type=checkbox onClick="show(8,'img09')">彗星 </FORM> </BODY> </HTML> ヒントでもお教え頂ければ幸いです。m(_ _)m 何卒、宜しくお願い申上げます。
- ベストアンサー
- JavaScript
- クリックでボタンの画像を変更するjavascriptsで
通常A画像のボタンが押された場合、B画像に変更すると言う動作を行いたいのですが、 document.f1.elements['b1'].src = "A.jpg"; この部分でエラーがでます。 input type="image"のsrcを指定するにはどうしたら良いでしょうか。 --------------------- <html> <script language="javascript"> <!-- function ImageChange(){ if(document.f1.elements['b1value'].value == 0){ document.f1.elements['b1'].src = "A.jpg"; document.f1.elements['b1value'].value = 1; }else{ document.f1.elements['b1'].src = "B.gif"; document.f1.elements['b1value'].value = 0; } } //--> </script> <body> <form name="f1"> <input type="image" name="b1" src="A.gif" onclick="ImageChange()" > <input type="hidden" name="b1value" value="0"> </form> </body> </html>
- ベストアンサー
- JavaScript
- input type="image"でマウスクリック画像変更がうまくいかない
input type="image" で表示した画像を変更したいのですがうまくいきません。 <form name="form1" action="" method="POST"> <input type="image" src="A.gif" name="A" onclick="ChangeImage();"> </form> <script language="javascript"> function ChangeImage(){ document.form1.A.src="B.gif" } </script> というコードをなんですが、ボタンをクリックしても何も起こりません。 アンカータグを使わずにinputで行いたいのですがどなたかご存じないでしょうか。よろしくお願いします。
- ベストアンサー
- HTML
- inputで<a name="xx">と同じことを
php,javascriptの初心者です。 掲示板の投稿確認画面にて、 「修正」画像を押すと前のページに戻り、 「送信」ボタンを押すと完了画面に遷移するという構成で 現在掲示板を作成しています。 ↓現状 <%form%> ～～～フォームの内容～～～ <input type="hidden" name="bbs_id" value="<%$form.bbs_id%>" /> <input type="image" src="/img/btn-amend_n.png" onmouseover="this.src='/img/btn-amend_r.png'" onmouseout="this.src='/img/btn-amend_n.png'" alt="修正" name="action_bbs_editForm" /> <input type="image" src="/img/btn-trans_n.png" onmouseover="this.src='/img/btn-trans_r.png'" onmouseout="this.src='/img/btn-trans_n.png'" alt="送信" name="action_bbs_editDo" /> <input type="hidden" name="command" value="back" /> <%/form%> そこで今回、修正で戻った際に、ページ内の中央部にあるid="bbs_box"に表示位置を合わせたいと思っています。 <a href="～#bbs_box"></a>と同様のことをinputタグでできるのでしょうか。 是非解決方法を教えていただければと思います。 宜しくお願いします。
- 締切済み
- JavaScript
- フレームとイベントハンドラについて
フレーム無しのページでは <FORM><INPUT TYPE="BUTTON" NAME="Type02" VALUE="閉じる" onClick="window.close()"> とか <img src="botan23.gif" width="35" height="11" onClick="window.close()"> で右上の×点を使わなくてもウィンドウを閉じることができますが、フレームで分割されているものの閉じ方がわかりません。 http://nshk.lomo.jp/purple/purple.html の場合 home というgifに onClickでウィンドウを閉じるようにさせたいのですがどう書けばよいのでしょうか？よろしくお願い致します。
- ベストアンサー
- Java
- javascriptを使ったformへの自動ログインがうまくいきません
こんにちは、以下のような書かれたサイトにjavascriptを使って自動ログインしたいと考えていますが、うまくログインされません。 一番下のinputタグにてログインしているようなのですが IE.Document.Form1.imgLogin.click(); とすると、エラーになるので IE.Document.Form1.elements(5).click(); としましたがエラーにはならないもののうまくいきませんでした。 IE.Document.Form1.elements(5).data = true; IE.Document.Form1.elements(5).value = true; IE.Document.Form1.action = "index.aspx"; IE.Document.Form1.submit(); としてみましたが、こちらもうまくいきませんでした。 どのようにしたら、自動ログインすることが可能なのでしょうか？ 教えて頂けると非常に助かります。 よろしくお願いいたします。 ---サイトフォーム <FORM id=Form1 name=Form1 action=index.aspx method=post> <INPUT id=__VIEWSTATE type=hidden value=... name=__VIEWSTATE> <INPUT id=__EVENTVALIDATION type=hidden value=... name=__EVENTVALIDATION> <INPUT id=txtUid maxLength=6 value="" name=txtUid> <INPUT id=txtPwd type=password maxLength=20 value="" name=txtPwd autocomplete="off"> <INPUT language=javascript id=imgLogin onclick="{ if (document.Form1.txtUid.value=="") { document.Form1.txtUid.focus();alert('ユーザＩＤを入力してください。');return false;} if (document.Form1.txtPwd.value=="") {alert('パスワードを入力してください。');document.Form1.txtPwd.focus();return false;} return true;};" type=image src="img\login1.gif" border=0 name=imgLogin></form> ----オートログイン.js var IE = WScript.CreateObject("InternetExplorer.Application"); IE.Visible = true; IE.Navigate("http://hogehoge/hoge/index.aspx"); while(IE.busy) ; while(IE.Document.readyState != "complete") ; IE.Document.forms(0).elements(3).value = "user"; IE.Document.forms(0).elements(4).value = "password"; //IE.Document.forms(0).elements(5).click(); //IE.Document.Form1.imgLogin.click(); IE.Document.Form1.elements(5).data = true; IE.Document.Form1.action = "index.aspx"; IE.Document.Form1.submit();
- 締切済み
- JavaScript
