- ベストアンサー
「戻るボタン」 ： ボタンを使わずに、・・・
HTMLでは、戻るボタンは、 <FORM> <INPUT TYPE="button" VALUE="戻る" onClick="history.back </FORM> ですが、この動作で、 戻るボタンではなく、 <table><tr><td>戻る</td></tr></table> をクリックするようにしたいのですが、・・・ 可能でしょうか。 可能でしたら、htmlをお願いします。
- HTML
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<table><tr><td><a href="javascript:history.back()">戻る</a></td></tr></table> とか。 ただし、検索エンジンの検索結果等からそのページへ直接飛んだ場合などは、この「戻る」を押した時、その検索エンジンの検索結果ページに戻ってしまいます。 戻るページが固定されているなら、javascriptを使わずに、単純に <table><tr><td><a href="戻るページのURL">戻る</a></td></tr></table>
その他の回答 (1)
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
<table><tr><td onclick="history.back()">戻る</td></tr></table> とか
関連するQ&A
- 「戻る」ボタンの設置について
初めまして、よろしくお願いいたします。 ショッピングサイトを作成しています。 もともとは、商品ごとの詳細ページに「カートに入れる」ボタンがついていたのですが、その同じページに、前のページに戻る機能をつけたいと思っています。 「ひとつ前に戻る」というテキストにリンクを貼る方法だと表示も動作も正常なのですが、<FORM>を使用して「戻る」ボタンを設置したところ、「カートに入れる」ボタンが正常に動作しなくなってしまいました（「戻る」機能は働くのですが）。 具体的には、ボタンをクリックするとカートのページには進むのですが、「カートには何も入っていません」と表示されてしまいます。 <FORM>の設置位置を、<tr>の内側（<td>の外側）にしても同じ状態で、<table>の外に出すと全く動作しなくなってしまいます。 「戻る」ボタンの設置について、アドバイス頂けないでしょうか。 よろしくお願いいたします。 ************************************************* 【テキストにリンク】 <table> <tr> <td>数量：$$SA_CartQuantity$$個 <input name="submit" type="image" id="submit" src="http://***.227.210.40/images/cart2.gif" alt="カートに入れる" align="absmiddle" height="22" width="122" /> </td> </tr> <tr> <td> <A HREF="javascript:history.go(-1)">ひとつ前に戻る</A> </td> </tr> </table> 【[FORM]ボタンを使用】 （字数制限により、前半省略します） <FORM> <tr> <td> <INPUT TYPE=button VALUE=" 戻る " onClick="self.history.back()"> </td> </tr> </FORM> </table>
- ベストアンサー
- JavaScript
- JavaScriptでIE上のボタンクリック
JavaScriptの初心者でIE上で表示されたボタンをクリックしたいのですが、2つのボタンのうち1つをクリックしたいです。 「document.all("Buttonok").click();」,「document.getElementById("Buttonok").click();」と記入してみたのですが、エラーとなります。 下記のようなボタンをJavaScriptで押すにはどうしたらいいのでしょうか？ どなたかすいませんがご教授ください。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ボタンのHTML ※formで囲まれてないです。 <table border="0" cellspacing="0" cellpadding="0" width="150"> <tr> <td width="50%"> <div id="Button"> <input type="buttonok" value="OK" class="Button" onclick="onClk("1");" /> </div> <div id="Button"> <input type="buttonng" value="NG" class="Button" onclick="onClk("0");" /> </div> </td> </tr> </table>
- ベストアンサー
- JavaScript
- 「戻る」ボタンを画像でするには？
「戻る」ボタンを画像に置き換えたいのですが、どこをIMG SCRにおきかえればできるのですか？ <form> <p> <input type="button" value="戻る" onclick="history.back()"> </p> </form>
- ベストアンサー
- JavaScript
- javascriptで電卓を作成
プログラミングをまったくやったことがない状態から、ドットインストールやテックアカデミーのHTML,CSS,Javascriptの入門動画をすべて見終わった段階ですので、 基本的な仕組みと関数やfor文、if文、while文、などについてくらいは理解しています。 今回、javascriptを使って電卓のシステムを組む、という課題があり、 ネットで検索してやってみてはいるのですが行き詰っています。 最初は以下のような形で作成をしていました。 <body> <form name="myform"> <table border="1"> <tr> <td colspan="4"> <input type="text" name="result" value="" id="result"> </td> </tr> <tr> <td><input type="button" value=" "onclick="calc(' ')" ></td> <td><input type="button" value="％"onclick="calc('%')"></td> <td colspan="2"> <input type="button" value="AC" onclick="calc('AC')"></td> </tr> <tr> <td><input type="button" value="７" onclick="calc('７')"></td> <td><input type="button" value="８" onclick="calc('８')"></td> <td><input type="button" value="９" onclick="calc('９')"></td> <td><input type="button" value="÷" onclick="calc('÷')"></td> </tr> <tr> <td><input type="button" value="４"onclick="calc('４')" ></td> <td><input type="button" value="５"onclick="calc('５')" ></td> <td><input type="button" value="６"onclick="calc('６')"></td> <td><input type="button" value="×" onclick="calc('×')"></td> </tr> <tr> <td><input type="button" value="１" onclick="calc('１')" ></td> <td><input type="button" value="２" onclick="calc('２')"></td> <td><input type="button" value="３" onclick="calc('３')"></td> <td><input type="button" value="－" onclick="calc('－')"></td> </tr> <tr> <td><input type="button" value="０" onclick="calc('０')" ></td> <td><input type="button" value="＋" onclick="calc('＋')"></td> <td colspan="2"> <input type="button" value="＝" onclick="calc('＝')"></td> </tr> </form> <script> function calc(a) { if (a === "=") { document.myform.kekka.value = eval(document.myform.kekka.value); } else if (a === "AC") { document.myform.kekka.value = ""; } else { document.myform.kekka.value += a; } </script> </body> </html> ですが、onclickとevalを使わず、代わりに「addEventListner」を用いるよう指示されました。 「addEventListner」に関しては、検索してなんとかざっと理解したのですが、それ以前に、電卓の基本的な関数の組み方を理解していないため、いまいちどこから手をつけたらいいかわかりません。 いろんなサイトを見ているといろんなやり方がでてきますが、ope=+,やflag=0などの表記をよく見かけます。が、この意味もいまいちわかっていません。。 初心者すぎるので、何かアドバイスをいただけますと幸いです。 宜しくお願いいたします。 また、このような初心者が使いこなせるようになるために向いている動画や書籍、ページがありましたら教えていただけますと助かります。
- 締切済み
- JavaScript
- HTML・CSS ボタンの表示
<div class="item"> <tr> <td><input type="button" value="サンドウィッチ" onclick="get_calc(this)"></td> <td><input type="button" value="おにぎり" onclick="get_calc(this)"></td> <td><input type="button" value="お茶" onclick="get_calc(this)"></td> <td><input type="button" value="お弁当" onclick="get_calc(this)"></td> </tr> </div> ボタンを画面の50％の幅に均一の大きさで表示したです． CSSわかる方，教えてください！お願いします！
- ベストアンサー
- CSS
- buttonのVALUEが渡される条件
form内にINPUTタグでbuttonを複数設定するのですが、 buttonのVALUEがパラメタで渡される場合と渡されない場合があり、 悩んでいます。 一番いいのはどんな状況でもbuttonのVALUEが渡されない状態にしたいのですが、buttonのVALUEが渡される条件を教えていただけたらと思います。 今のソースでは、位置により渡される場合とそうでない場合に別れます。 下記ソースの場合ですと、８行目の「btn_a」のVALUE「ボタンＡ」がパラメタで渡されます。 しかし、１８行目の「INPUT TYPE="text"…」以降に設定すると渡されないのです。 この違いはなんでしょうか。 説明不足でしたら補足致します。 ご教授頂けると助かります。 1<FORM ACTION="xxxxxxx" METHOD="POST" NAME="form_1" onSubmit="return false"> 2 3-- 外側のテーブル 4<TABLE> 5 <TR> 6 <TD> 7 <div align="right"> 8 <INPUT TYPE="button" NAME="btn_a" VALUE="ボタンＡ" onClick="a_click();"> 9 </div> 10 </TD> 11 </TR> 12 <TR> 13 <TD> 14 -- 内側のテーブル 15 <TABLE> 16 <TR> 17 <TD>項目あ</TD> 18 <TD><INPUT TYPE="text" NAME="t_name" SIZE="80" MAXLENGTH="80"></TD> 19 </TR> 20 21 (中略) 22 </TABLE> 23 </TD> 24 </TR> 25</TABLE>
- 締切済み
- JavaScript
- 現在
現在 <table> <tr> <td> <input type="button" value="1" onclick=""/> <input type="button" value="2" onclick=""/> <input type="button" value="3" onclick=""/> </td> </tr> </table> といった単純なテーブルを作成しています。 上記のボタン１，２，３とそれぞれの間に空白を開けたいと思っているのですが、 <input type="button" value="1" onclick=""/> <span style="width:50px"> </span> <input type="button" value="2" onclick=""/> <span style="width:50px"> </span> <input type="button" value="3" onclick=""/> と作成するとIE６ではボタン間に隙間が開くことを確認したのですがIE８では spanタグが無視されてしまい、ボタン間が詰まった表示のままになってしまいます。 IE８ではspanタグで隙間を作ることは難しいのでしょうか？ また他に手法がありましたら、紹介していただけると幸いです。 よろしくお願いします。
- ベストアンサー
- HTML
- HTML 複数のボタンで送信する値を変える
この様なhtmlFORMで <form action=xxx.cgi> ----------------------------- No| 選 択 ----------------------------- 1| SubmitButton value=実行 2| SubmitButton value=実行 3| SubmitButton value=実行 ----------------------------- </form> で、1の行のButton実行をクリックすると http://xxx/xxx.cgi?NO=1が返され、2の行のButton実行をクリックすると http://xxx/xxx.cgi?NO=2が返される様にするにはどんなHTMLを記述すれば良いのでしょう？ 下記の様なHTMLも考えましたが、なにせ300程ボタンを配置したいので（CGIでWebページを作成する関係もあって）、もっとシンプルに出来ないのかな？という事です。 <form action="./xxx.cgi"> <table> <tr><td>1</td><td><type=submit value='実行'><type=hidden name=NO value=1></td> </table> </form> <br> <form action="./xxx.cgi"> <table> <tr><td>2</td><td><type=submit value='実行'><type=hidden name=NO value=2></td> </table> </form> っと、これは辛い・・・
- ベストアンサー
- HTML
- 押したボタンをdisabledにしたい。
ボタンを押したときに、 ボタンの表示を 灰色表示（disabled）に切り替えて、 押せないようにするには、 どうすればいいんでしょうか？ ちなみにボタンはテーブルの中に入っています。 かなり省略したサンプルですが、 下に書き出しました。 <head> <script language="javascript"> <!-- function haiiro(){ alert("今、いま！ボタンをdisabled にできるといいな。"); } --> </script> </head> <body> <table> <tr> <td> <form name="frm"> <input name="btn" type="button" value="ボタン" onclick="haiiro();"> </form> </td> </tr> </table> </body>
- ベストアンサー
- JavaScript
お礼
感謝。