お世話になります。
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ランキング
-
質問です。 新規登録ボタンが全...
-
RubyのHTMLパーサーで複数のタ...
-
htmlの文字が縦書きになる
-
【ヒトの神秘】美男美女から何...
-
html の divとtable の役割
-
2個のFormを横並びにしたい
-
含む含まないという概念自体の...
-
htmlのolやulなどlistにtitleや...
-
<h1>、<h2>と<p><div>の行間を...
-
画像イメージの上下左右、欲し...
-
HTML属性での「""」 「''」違い
-
HTMLページ上でiframeを最前面...
-
複数のボタンを等間隔に、かつ...
-
Macで画像の切り抜きできないの?
-
テキストボックスの中にリンク...
-
質問1.
-
ヘッダーとフッターだけ背景を...
-
リンクを知らせる手のマークが...
-
リストを2つに分割して、それぞ...
-
cssの display: flex;で横並び...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ASP.NETでプレーンなページに文...
-
pythonでのカーソル移動がずれる
-
cnt <= (others => '0'); の意...
-
Excel VBAでのIE操作でクリック...
-
検索結果がツリー状に表示され...
-
VBAでの素数の求め方
-
秀丸で複数行コメントアウトを...
-
質問です。 新規登録ボタンが全...
-
safariで見るとページ上部に余...
-
chromedriverのver-upで動作不...
-
Firefoxで別ページのアンカーリ...
-
プログラマーの方に質問です。 ...
-
行頭から全角で3文字位さげた...
-
css リンクの色が全部変わって...
-
背景が動くWEBページの作り方に...
-
同じIE8なのに機種によってmarg...
-
VBA : QueryTableでのスクレイ...
-
Ajaxで文字列を表示したいです。
-
携帯サイトの背景色
-
htmlの文字が縦書きになる
おすすめ情報