お世話になります。
prototype.jsを使って、指定したdivタグ内に文字列を表示しようと思っています。
表示は出来るのですが、一瞬だけ表示されて掻き消えてしまいます。
表示されたままの状態を保持したいのですが、どうしたら良いでしょうか。
画面の詳細は以下の通りです。
まず、画面の上部にdivタグで囲ったエリア(1)にボタンがあります。
ここの部分条件を選択する画面です。
(表示・非表示のコントロールをしています)
このdiv内にあるボタンを押下したとき、選択された条件を、
エリア(1)の外に存在する別のdivタグに表示したいです。
現状JavaScriptで、
ボタンが押されたときのfunction内で、
document.getElementById("AAA").innerHTML = "条件項目:";
というような形で指定しています。
ちなみに、文字列を表示したいdivタグは以下のように指定しています。
<div id="AAA" style="width:980px;height:90px;border:double 2px #9999CC;margin-bottom:3px;font-size:12px;font-weight:bold;">
</div>
とりあえず表示はされるのですが、一瞬だけ表示されて消えてしまいます。
消えないようにするにはどうしたら良いでしょうか。
原因が掴めず困っています。
思い当たることがありましたら、教えてください。
宜しくお願いします。
No.1ベストアンサー
- 回答日時:
submitボタンにしてませんか?
一瞬表示されたあと、submitして画面が再読み込みされているとか。
この回答への補足
早速のアドバイスありがとうございます。
ボタンは、submitボタンではありません。
普通の画像にonclickのfunctionを仕込んであります。
しかし、画面が再読み込みされているような気配はあります。
何故再読み込みされているのかがわかりません。
早速のご回答ありがとうございました。
色々調べた結果、解決しました。
同じHTML内に書いているJavaScriptでreturn falseを返していなかった部分があり…という単純ミスでした。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- PHP if(preg_match("/[^0-9]/",$gu_d)){意味を教えてください。 1 2022/05/06 05:37
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript 指定したパスが現URLに含まれていたら特定要素を削除するJavascriptのコードを教えてください 2 2023/04/27 17:58
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
pythonでのカーソル移動がずれる
-
Excel VBAでのIE操作でクリック...
-
htmlの文字が縦書きになる
-
HTML属性での「""」 「''」違い
-
テキストボックスの中にリンク...
-
htmlのolやulなどlistにtitleや...
-
CSSで背景画像を一番下にもって...
-
iframeタグで左端があいてしまう。
-
投稿フォームの整列
-
画面を縮小するとカラムが落ち...
-
角丸画像の背景色を透明にした...
-
<ul>~</ul>が二つ続くと間に改...
-
リストを2つに分割して、それぞ...
-
min-heightとheightの違いについて
-
含む含まないという概念自体の...
-
widthやheightの数値に単位(px...
-
W3Cのソースコードの検証サービ...
-
1時間30分を簡単に表したいで...
-
透過背景を解除するにはどうす...
-
CSSのクラス名・ID名の指定でワ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ASP.NETでプレーンなページに文...
-
pythonでのカーソル移動がずれる
-
VBAでの素数の求め方
-
cnt <= (others => '0'); の意...
-
質問です。 新規登録ボタンが全...
-
プログラマーの方に質問です。 ...
-
行頭から全角で3文字位さげた...
-
Excel VBAでのIE操作でクリック...
-
chromedriverのver-upで動作不...
-
検索結果がツリー状に表示され...
-
秀丸で複数行コメントアウトを...
-
Dreamweaver8で表を作成したい
-
VBA : QueryTableでのスクレイ...
-
safariで見るとページ上部に余...
-
アンカータグのスタイルシート指定
-
CSSセクレター 子孫のみに適用...
-
IE8では大丈夫なのに、IE7では...
-
DIVの入れ子で、FireFoxだとレ...
-
CSSで、何故か、「float」が上...
-
Ajaxで文字列を表示したいです。
おすすめ情報