FORMのACTION先への画面遷移を、onClickを使ってsubmit()しています。
=== Javascript部分 ============================
<SCRIPT TYPE="text/javascript"><!--
function hoge(a,b){
frm.elm1.value = a;
frm.elm2.value = b;
frm.submit();
}
--></SCRIPT>
=== HTML ======================================
<A HREF="#" onClick="hoge(1,2);">ほにゃらら</A>
===============================================
HREF="#" としているせいか、
クリック時にページ先頭へ動いてからFORMの遷移先へ画面が遷移します。
Aタグを使っているのはスタイルシートでhover時のスタイルを指定したい為です。
Javascriptでsubmitしているのはご覧のようにクリック時に一処理したい為です。
普通のリンクのように
クリックしてから遷移するまでの間に画面が動かないよう
自然に見せるにはどのようにすれば実現できるでしょうか。
ご存知の方いらっしゃいましたらご教示願います。
宜しくお願い致します。
No.2ベストアンサー
- 回答日時:
<A HREF="#" onClick="hoge(1,2);return false;">ほにゃらら</A>
で、いきませんかねぇ?
この回答への補足
いきました。ありがとうございます。
上のJS部のsubmit();の後にreturn false;書いて
うまくいかないいかないと唸ってました^^;
そこに書けばOKなんですね
No.1
- 回答日時:
昔ながらに使われているのは
href="javascript:void(0)"
です。
今時はもう少しスマートな方法があるのかな?
>Javascriptでsubmitしているのはご覧のようにクリック時に一処理したい為です。
formも form に onsubmit="return hoge()"をつけてhogeでfalseかtrueを返す事で送信前の処理と送信制御可能です。
でもSubmitボタンが無い方が便利なケースもありますしね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- HTML・CSS htmlで画面遷移させたい 1 2022/10/28 18:19
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
三菱GOTの画面切り替えについて
-
C言語で今まで表示していた画面...
-
Java-jspの画面入力値保持について
-
ホームページビルダーが遅い!...
-
遷移元を判定したい!
-
C# ログイン画面からメイン画面...
-
SessionとViewStateについて
-
javaでプリントスクリーン(ス...
-
"+"文字が" (スペース)"に文字...
-
Javascriptのhistory.back()が...
-
GUIとは何でしょうか?(定義)
-
プログラミングで例えばゲーム...
-
Strutsで画面遷移させない。
-
system("cls")について
-
ASP.NET 画面遷移前の状態を保...
-
ブラウザ表示しない設定のPDFの...
-
画面を隠す・消す方法を教えて...
-
URLはそのままで、リンクをクリ...
-
alertでHTMLのコードが出て...
-
モーダル画面の親をクリック時...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
三菱GOTの画面切り替えについて
-
画面遷移を行わずに同一ページ...
-
プログラミングで例えばゲーム...
-
フロントエンドフレームワーク...
-
Java-jspの画面入力値保持について
-
遷移元を判定したい!
-
ASP.NET 画面遷移前の状態を保...
-
Googleキーワードについて キー...
-
Javaプログラミングの質問にな...
-
C言語で今まで表示していた画面...
-
ボタンを押したあとに画像を表...
-
セッション切れでのリクエスト...
-
C# ログイン画面からメイン画面...
-
JavaScriptでページが更新され...
-
ServletからServletへの値渡し
-
ZOOMでオンラインミーティング
-
登録後、呼び出し元ページに戻...
-
サブミット後、自動的に画面を...
-
アドレスバーに引数を表示させ...
-
Beautiful Soupのインストール...
おすすめ情報