- ベストアンサー
Aタグでサブミットさせない方法
以下のようにjavascriptでサブミットを制御したい場合、 return falseとしてもサブミットしてしまいます。 Aタグにおいてサブミットさせないためには どうすればよいのでしょうか。よろしくお願いします。 <a href="xxx/yyy" onclick="func();"> function func(){ var ret = confirm("xxxxxxxxx"); if(ret == false) { return false; } }
- innerfieldjp
- お礼率6% (8/132)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
<script> function func(){ var ret = confirm("xxxxxxxxx"); if(ret == false) { return false; } return true; } </script> <a href="xxx/yyy" onclick="return func();">aaa</a>
その他の回答 (1)
- yambejp
- ベストアンサー率51% (3827/7415)
そもそもがただのリンクなのですからちょっときびしいかも。 以下のようにすると少しは対応ができるかもしれません。 こうするとjavascriptでしか移動ができないので、 noscriptと組み合わせて使うといいかもしれません <a href="javascript:void(0);" onclick="func();"> function func(){ var ret = confirm("xxxxxxxxx"); if(!ret) return false; location.href='xxx/yyy' }
関連するQ&A
- jQueryのイベントに引数を渡したい
例えば以下のような既存のJavaScriptのコードをjQueryのイベントで書き直したい場合、関数の引数で渡していた値は、どうやって渡すのでしょうか? 【html】 <a href="" onclick="func_a('abc'); return false;"></a> 【JavaScript】 faunction func_a(param_a){ alert(param_a); } 以下のようにすれば渡せないことはありませんが、かなり強引な感じがします。 【html】 <a href="" class="abc"></a> 【jQuery】 $(function() { $("a").click( function(){ var param = $(this).attr("class"); alert(param); return false; } ); }); こういう場合はjQeuryであっても、onclick属性で関数を呼び出すのが普通なのでしょうか? ご存知の方がいらっしゃいましたら教えてください。 よろしくお願い申し上げます。
- ベストアンサー
- JavaScript
- サブミットの違い
jspに <form action="XXaction" method="post"> <a href="XXaction" onclick="setData()">○○△</a> <input type="submit" value="○○" onclick="setData()"> </form> のように記述してます。 (実際はonclickのjavascriptも実装してます) ボタンを押すとpostとしてサブミットされるのに、 リンクをクリックするとgetでサブミットされます。 1.なぜgetになるのでしょうか? 2.どうしたらpostで飛ばせるでしょううか?
- ベストアンサー
- Java
- AタグでFunctionを実行
xxx.jsというJavaScript1ファイルのyyy()というFunctionを、Aタグで実行させたくて、 <SCRIPT LANGUAGE="JavaScript" SRC="xxx.js"></SCRIPT> <A Href="JavaScript:yyy(document.all.id,document.all.name);">取込</A> と書いたんですが、オブジェクトがありません。というエラーが出てしまいます。 記述が間違っているんでしょうか?
- ベストアンサー
- HTML
- onClickで関数呼出し後に、結果に応じてsubmitを実行する方法
JavaScriptで、 function func() { if (a==0) { alert("処理しない"); return false; } return true; } と、a=0ならfalseを返し、それ以外ならtrueを返す関数を定義しています。 そして、FORMタグで <FORM NAME="FormName" ACTION="next.html"> <INPUT TYPE="button" VALUE="next" NAME="button1" onClick="return func();submit();"> </FORM> と記述しています。 要は、ボタンを押下した際にfunc関数がtrueを返せば、next.htmlに 遷移させたいのですが、上記記述では、遷移しません・・・ onClick部分にonClick="return func(),submit();"と記述した場合、 func関数の実行結果がtrueでもfalseでも遷移してしまいます。 そこで、なんとなくonClick="return func()&&submit();"と記述してみたところ、 func関数がtrueの時のみうまく遷移するようになりました。 これは偶然そう動作しているのでしょうか、それとも上記は正しい記述方法なのでしょうか? 正しい記述方法ならいいのですが、上記以外に正式な記述方法があれば 教えていただけないでしょうか? ※TYPE="submit"にすればいいとは思うのですが、buttonで実現したいと 考えております。
- ベストアンサー
- JavaScript
- 複数のアラートから複数のジャンプページへリンクしたい
サイトの1ページに6個のリンクボタンをつけ、それぞれに違うページにジャンプしたいです。 http://www.sky.sannet.ne.jp/masapine/java_alert8.html を参考に下記のようにしてみましたが、複数ページへのリンクの記述がわかりません。 どこかを変更すればよいのでしょうか。 よろしくお願いいたします。 <SCRIPT LANGUAGE="JavaScript"> <!-- function link1(){ if(confirm('本当にご覧になりますか。')){ location.href='xxx.html'; } } //--> </SCRIPT> <p><a href="xxx.html" onClick="JavaScript:link1();return false"><img src="photo.gif" alt="手術の写真を見る" width="150" height="37" /></a></p>
- ベストアンサー
- JavaScript
- <a href="#" …>の意味を教えてください。
Javascriptを見ていると <a href="#" onClick="new_open();return false"> なる記述がありますが、 この<a href="#" の部分の意味を教えてください。 <a herf まではわかるのですが、この#はどのようないみなのでしょうか?
- ベストアンサー
- HTML
- 特定の文字列を含むテキスト置換について
HTML編集で困っているのでお教え下さい。 ある特定の文字列を含む内容の一部を置換したいのですが、 正規表現の使用できるエディタで作業は可能でしょうか。 例としましては <a href = "xxx/xxx/xxx.pdf> <a href = "yyy/yyy/yyy.html> のような表記で、「pdf」を含む文字列のみ <a onclick href = "xxx/xxx/xxx.pdf> と置換したいのですが。よろしくお願いいたします
- 締切済み
- HTML
- <Dw>新しいページの作成方法<html>
親ページがあり、開く子ページをxxx.htmlとyyy.htmlとします。 <a href="javascript:void(0)" onClick="window.open('xxx.html', 'newwin','width=520,height=250')"> xxxページが開きます</a> これでクリックするとxxx.htmlが開くには開くんですが、親ページに戻ると、(親ページをアクティブにする)xxxページは親ページの後ろに隠れてしまいました。そこでもう一度リンクをクリックしても、xxx.htmlはアクティブになりません。親ページをずらさないと見えないのです。 次に、 <a href="javascript:void(0)" onClick="window.open('yyy.html', 'newwin','width=520,height=250')"> yyyページが開きます</a> クリックすると、yyy.htmlが開きません。 ・・・と思ってよく見たら、親ページの後ろに隠れていた、先ほど開いたxxxページがyyyページに切り替わっていました。 そこで質問なんですが、 1.xxxとyyyを別々のウィンドウで開きたい。 2.一度開いたページでも、リンクをクリックしたら隠れていたページがもう一度表示されるようにしたい。 jsでなくとも、問題がなければ方法は問いません。 博識な方、お返事どうぞよろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- リンクにおける挙動の参照と範囲指定
ほぼ初心者です。 html内に、javascriptを参照させて、以下のように作成しました。 <SCRIPT language="javascript"src="popup.js"></script> <□□> <a href="1.jpg" onclick="popup(href);return false;">テスト1</a> <a href="2.jpg" onclick="popup(href);return false;">テスト2</a> <a href="3.jpg" onclick="popup(href);return false;">テスト3</a> </□□> 普通にポップアップされたのですが、以下の方法ができないかと思っております。 (1)「onclick="popup(href);return false;"」の部分をほかから参照させる (2)特定の範囲のリンクのみ「onclick="popup(href);return false;"」を適用させる。 (1)はLightboxのように、「rel="thumbnail"」みたいに参照できないか、ということです。 (2)は上の「<□□>~</□□>」のように囲われた範囲のリンクで、「onclick="popup(href);return false;"」を適用できないか、ということです。 よろしくお願いします。
- 締切済み
- JavaScript
- javascriptのconfirmについて
javascriptのconfirmが実行されると確認ダイアログボックスが表示されるはずですが、 何故か何も表示されず、必ずfalseを通ります。 かなり初心者的ミスを侵している気がしますが、調べても分からなかったので、 どなたかご教授頂ければ幸いです。記述したソースは以下になります。 headタグ内 <script type="text/javascript"> <!-- function confirm(s){ if(window.confirm('実行します')){ location.href = "/?flg="+s; } return false; } // --> </script> ■bodyタグ内 <a href="javascript:confirm('1');return false;">テスト</a>
- ベストアンサー
- JavaScript