- ベストアンサー
「戻る」ボタンを画像でするには？
「戻る」ボタンを画像に置き換えたいのですが、どこをIMG SCRにおきかえればできるのですか？ <form> <p> <input type="button" value="戻る" onclick="history.back()"> </p> </form>
- bori
- お礼率67% (40/59)
- JavaScript
- 回答数2
- ありがとう数9
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
最初の<form><P>と、最後の</P></form>を抜きにすると、 <A onclick="history.back()"> <IMG src="××××.gif" border="0" width="××" height="××" alt="××××"></A> で良いと思います。 なおサイズとＡＬＴ名は入れなくても表示はされます。 ｏｓａｐｉ１２４でした。
その他の回答 (1)
- Sephy
- ベストアンサー率35% (7/20)
<input type="image" src="back.jpg" value="戻る" onclick="history.back()"> HTMLの話のような気もしますが・・・
お礼
ありがとうございました。 質問コーナーも間違えたようで、そんなことにも気づかずすいません・・・δ(⌒～⌒ι)とほほ...
関連するQ&A
- 「戻るボタン」 ： ボタンを使わずに、・・・
HTMLでは、戻るボタンは、 <FORM> <INPUT TYPE="button" VALUE="戻る" onClick="history.back </FORM> ですが、この動作で、 戻るボタンではなく、 <table><tr><td>戻る</td></tr></table> をクリックするようにしたいのですが、・・・ 可能でしょうか。 可能でしたら、htmlをお願いします。
- ベストアンサー
- HTML
- ボタンを押すたびに画像を切り替えるには？
まずソースを載せます↓ <html> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-type" content="text/html; charset=shift-jis"> <title>ボタンを押すたびに画像を表示します</title> <body bgcolor="#FFFFFF"> <script type="text/javascript"> function func1(str) { document.write('<img src="c:/MyImage/dog1.jpg" width="104" height="91" />'); } function func2(str) { document.write('<img src="c:/MyImage/dog2.jpg" width="104" height="91" />'); } function func3(str) { document.write('<img src="c:/MyImage/dog3.jpg" width="104" height="91" />'); } function func4(str) { document.write('<img src="c:/MyImage/dog4.jpg" width="104" height="91" />'); } </script> </head> <body bgcolor="#FFFFFF"> <form id="myForm" name="myForm"><p> <input type="button" value="ボタン1" name="button1"onclick="func1('dog1.jpg');"> <input type="button" value="ボタン2" name="button2"onclick="func2('dog2.jpg');"> <input type="button" value="ボタン3" name="button3"onclick="func3('dog3.jpg');"> <input type="button" value="ボタン4" name="button4"onclick="func4('dog4.jpg');"> </p></form> </body> </html> 今回の質問内容はボタンを押すたびに画像を表示するjavascriptプログラムです 画像はCドライブ直下のMyImageフォルダにdog1.jpg,,dog2.jpg,dog3.jpg, dog4.jpgを入れています なんで動かないのがわからないです 回答できたらよろしくお願いします
- ベストアンサー
- JavaScript
- ホームページに画像ボタンを設置するタグ
CMSを使ってHPを作成しています。 前のページに戻る と ページトップに戻る の二つのボタンを画像で作成するのに、すべてのページに貼り付けるのは大変なので、php ファイルを書き換えました。 <p><input type="image" src="画像URL" onclick="history.back()" title="前のページに戻る"></p> <p><a href="#headcopy"><input type="image" src="画像URL" title="ページトップに戻る" align="right"></a></p> このように追記したところ、Firefox GoogleChrome では正常に作動したのですが、IE8では、ページトップのみ、反映しませんでした。 画像はちゃんと配置されてるのですが、クリックしてもトップに飛んでくれません。 それで、別のタグとして <p><input type="image" src="画像URL" onclick="history.back()" title="前のページに戻る"></p> <p><a href="#headcopy"><img src="画像URL" title="ページトップに戻る" align="right"></a></p> このように変更すれば、作動しました。 前のページに戻るのボタンは「input type」で作動してるのに、ページトップに戻るの方は「img src」でないと、動かなかったのはなぜなのでしょうか？ また、「input type」と「img src」は、同じことができるのであれば、どちらを使ってもいいのでしょうか？ 用途や環境によって使い分けなどをする必要があるのでしょうか？ あまりHTMLなどに詳しくないのですが、どうかよろしくお願いします。
- 締切済み
- PHP
- ＨＰボタンの長さが異なる。
下のボタンが マックの「IE4.5」「IE5.0」「ネスケ4.7」だとちゃんと奇麗に中央に表示されますが、 Windows「IE4.5」「IE5.0」はボタンの長さが異なり ガタガタになります。 windowsでも奇麗に並べるにはどうしたらいいのでしょうか？ よろしくご指導お願いいたします。 テストでアップしてあるＵＲＬですのでご確認してください。 http://watn.jp/test/ <HTML> <HEAD> <TITLE>++++</TITLE> </HEAD> <!------------------- 中身-------------------> <center> 下のボタンがマックの「IE4.5」「IE5.0」「ネスケ4.7」だと<br> ちゃんと中央に表示されますが、Windows「IE4.5」「IE5.0」は<br> ボタンの長さが異なりガタガタになります。 <FORM> <INPUT TYPE="button" VALUE=" ●●・・◇◇◇ " onClick="window.location.href='kituke.html'"><br> <INPUT TYPE="button" VALUE=" ・・◇◇◇◇ " onClick="window.location.href='sadou.html'"><br> <INPUT TYPE="button" VALUE=" ・・◇◇◇◇◇ " onClick="window.location.href='buyou.html'"><br> <INPUT TYPE="button" VALUE=" ●●・・◇◇◇ " onClick="window.location.href='ivent.html'"><br> <INPUT TYPE="button" VALUE=" ・・◇◇◇◇ " onClick="window.location.href='tenjikai.html'"><br> <INPUT TYPE="button" VALUE=" ◇◇◇ " onClick="window.location.href='butai.html'"><br> <INPUT TYPE="button" VALUE=" ◇◇◇◇ " onClick="window.location.href='honten.html'"><br> <INPUT TYPE="button" VALUE=" ◇◇◇◇◇ " onClick="window.location.href='yono.html'"><br> </FORM> </center> </BODY> </HTML>
- ベストアンサー
- その他（インターネット・Webサービス）
- フォームの「キャンセル」ボタンを押すと登録されてしまう…
以下のようなフォームをつくっているのですが、どうもキャンセルを押すと登録されてしまいます。ごうしたらよいでしょうか？ <form id='next' name='next' method='post' action='ＸＸＸ.php'> <INPUT name='next' type='submit' id='next' value='登録する'> <INPUT type='button' value=' 戻る ' onClick='history.back()'> <INPUT name='cancel' type='submit' value='キャンセル' onClick='index.html'>
- ベストアンサー
- HTML
- ボタンを動的にdisabledさせたいのですが
お世話になります。 ある画面に複数ボタンがあって 押されたボタンをdisabledにしたいなと思っています。 ただしどのボタンがおされても同じ関数に飛んでほしいのですが いまいち解決できません。 <form name="form"> <input type="button" name="syori1" value="ボタン1" onClick="javascript:hogehoge()"> <input type="button" name="syori2" value="ボタン2" onClick="javascript:hogehoge()"> <input type="button" name="syori3" value="ボタン3" onClick="javascript:hogehoge()"> </form > とあった場合 function hogehoge(){ document.form.ボタンの名前.disabled=true; } としたいのですが 名前の部分は動的に変えることは可能なのでしょうか？ 普通に document.form.syori1.disabled=true; と書けば簡単なのですが、ボタンの数が決まっていないためボタン名を指定して書くことはできません。 ボタン名は onClick="javascript:hogehoge(document.form.ボタンの名前.name)" で、送ることができるのは確認したのですが hogehoge(ボタンの名前) の方でどうやってdisabledのところに入れればいいか解りません。 よろしくお願い致します。
- ベストアンサー
- JavaScript
- ボタンでパラメータを渡すには
下記の場合、ボタンでフォーム内のパラメーターをリンク先に渡すにはどうしたらいいでしょうか？どなたかご教授下さい。 --------------------------------------------------- <form action="login.html" name="Form1" onsubmit="return checkItem(Form1)"> <input type="text" name="userId" size="24"><br> <input type="password" name="password" size="24"><br> <input type="submit" value="ログインする"><br> <input type="button" value="過去のデータを見る" onClick="location.href='history.html'"> </form> ---------------------------------------------------
- ベストアンサー
- HTML
- 二度押し禁止と戻るボタン firefoxとopera等でうまくいきません
フォームボタンの二度押しを禁止するjavascriptをいろいろな人に助けられて作りました。ページが遷移する次のページに前の画面に戻るボタンとして <input type="button" value="戻る" onclick="history.back()"> を記述すると そのボタンを押して前のページに戻ってくると、どのフォームボタンを押してもfirefoxやopera、Macのsaffariでは二度押し禁止のscriptが立ち上がってしまい画面を閉じるしか方法がなくなってしまいます。 IEではうまくいってたので何かよい解決策が無いか教えてください。 Javascriptは下記のようにしています。 <HTML> <head> <title>サンプル</title> <script language="JavaScript"> var submitcount = 0; function Check() { if (submitcount > 0) { alert("二度押ししないでね。"); return false; } else { submitcount++; return true; } } </script> </head> <body> <Form Method="Post" Action="・・・・" onSubmit="return Check()"> <p> 入力 <input type="text" name="sample"></P> <br> <Input Type="Submit" Value="次へ"> </Form> </body> </HTML> 遷移先のページも同じスクリプトが書かれたフォームがあると仮定してください。そこに戻るボタンの <input type="button" value="戻る" onclick="history.back()"> があるといった感じです
- ベストアンサー
- JavaScript
お礼
ありがとうございました。できました。丁寧に解説までしていただいて、理解できました。 (。・_・。)ノ