フォームを消し、1秒後に再表示させたい

2023/10/13 05:28

このQ&Aのポイント

フォームの表示・非表示を1秒ごとに切り替える方法を教えてください。
フォームを一度非表示にし、1秒後に再表示させる方法を教えてください。
フォームを点滅させずに一度非表示にし、1秒後に再表示させる方法を教えてください。

ベストアンサー

フォームを消し、1秒後に再表示させたい。

2005/01/19 21:38

ネットで調べたところ、フォームを消すには下のようにすればいいことが分かりました。 function flash() { bObj = this.getField("Text1"); flag = bObj.display; if (flag == display.visible) bObj.display = display.hidden; else bObj.display = display.visible; timerID = app.setTimeOut("flash()",1000); } flash(); しかしこれではフォームが表示・非表示を繰り返す点滅状態になってしまいます。私は一度フォームが非表示になった後、一秒後に表示させ、そこで処理を止めたいのですが、どのように変更すればいいのでしょうか？分かる方、お願いします。

123456zennsinn
お礼率35% (104/295)

JavaScript
回答数2
ありがとう数2

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

osumitan
ベストアンサー率33% (102/307)

2005/01/20 00:22 回答No.2

display.hiddenからdisplay.visibleにしたときはタイマをセットしなければいいのではないでしょうか。 function flash() { 　　bObj = this.getField("Text1"); 　　flag = bObj.display; 　　if (flag == display.visible) { 　　　　bObj.display = display.hidden; 　　　　timerID = app.setTimeOut("flash()",1000); 　　} 　　else bObj.display = display.visible; } flash();

質問者

お礼 2005/01/20 20:56

出来ました！ありがとうございます。プログラムってやっぱりセンスだなぁって気がしました。

その他の回答 (1)

ganzou
ベストアンサー率29% (25/85)

2005/01/19 23:15 回答No.1

二つの機能に分けます。 show():フォームを表示する hide():フォームを消すそして、flash()の中で、・hide()を呼ぶ。・一秒待ってshow()を呼ぶとすればいいでしょう。

関連するQ&A

プルダウンメニューをmouseoutで閉じる
mouseoutで閉じるようにしたいのですが、可能でしょうか。 <SCRIPT language="JavaScript">  </SCRIPT>
- 締切済み
- JavaScript
HTMLにて表示非表示後の行詰め方法
フィールドのクリックによってText文を非表示/表示切りかえることを考えています。その際（非表示）前後の文書（入力域、ボタン）などの行詰めの方法がわかりません。皆さんに教えていただきたく投稿しました。よろしくお願いします。尚サンプルを付けました。 <HTML> <HEAD> <TITLE>サンプル</TITLE> </HEAD> <script type="text/javascript">  </script> <BODY> <DIV ID="text1" STYLE="font-size=10pt;font-family=Times New Roman">教えてください</DIV> 下記入力フィールド１でクリックすると表示切替します。<br> <input type="text" size="30" name ="a" value="入力フィールド１" id="T1" onclick="A()"> <p> <button >文字列変更1</button><p> <button >文字列変更2</button><p> <input type="text" size="30" name ="b" value="入力フィールド２" id="T2"> <p> このページはテストです。 </BODY> </HTML>
- 締切済み
- HTML
フォームのリアルタイム入力チェック
現在、下記ソース（他のサイト様を参考）に送信時に入力チェックを行い、エラーがあれば、送信されないようものを使っております。送信時に加え、入力時に入力項目のみをリアルタイムに入力判定を行いたいです、入力時にリアルタイムに行うためには、どのようにすればいいのでしょうか。エラーがあれば、下記のように隠しているメッセージなどが表示され、問題がなければ、表示させないまたは、表示されているエラーメッセージを隠す。で構いません。よろしくお願い致します。・htmlファイル <div id="notice-form" style="display: none; color: red;"> 【必須項目に未入力があります】</div> <form name="mailform" method="post" action="index.php" onsubmit="return formCheck()">  <div id="text1" style="display: none; color: red;"> 【text1入力して下さい】</div> <input type="text" name="text1" /><br /> <div id="text2" style="display: none; color: red;"> 【text2入力して下さい】</div> <input type="text" name="text2" /><br /> <div id="text3" style="display: none; color: red;"> 【text3入力して下さい】</div> <input type="text" name="text3" /><br /> ・JSファイル function formCheck(){ var flag = 0; if(document.mailform.text1.value==""){ flag = 1; document.getElementById('text1').style.display="block"; }else{ document.getElementById('text1').style.display="none"; } if(document.mailform.text2.value==""){ flag = 1; document.getElementById('text2').style.display="block"; }else{ document.getElementById('text2').style.display="none"; } if(document.mailform.text3.value==""){ flag = 1; document.getElementById('text3').style.display="block"; }else{ document.getElementById('text3').style.display="none"; } if(flag){ document.getElementById('notice-form').style.display="block"; return false; }else{ document.getElementById('notice-form').style.display="none"; return true; } }
- 締切済み
- JavaScript
JavaScriptがfirefoxで作動しない
IEでは正しく作動するjavascriptがfirefoxではうまく作動しません。なぜなのかどなたか教えてください・・・・！ <script type="text/JavaScript"> flag = false; function pd1() { if(flag) ID1.style.visibility = "hidden"; else ID1.style.visibility = "visible"; flag = !flag; } </script> ここからhtml <div id= "w1"><a href="javascript:pd1()" >テキスト</a></div> <div id="ID1" style="visibility: hidden;"> <p>テキスト</p></div> 以上です。まだまだ超初心者です。よろしくお願いいたします。
- ベストアンサー
- JavaScript
NN7.0でレイヤーの表示・非表示
レイヤーの表示・非表示のスクリプトなんですが、 function OpenLayer() { //NNの場合 if(document.layers) { document.content_menu.visibility="visible"; } //IEの場合 else { content_menu.style.visibility="visible"; } } function CloseLayer() { //NNの場合 if(document.layers) { document.content_menu.visibility="hidden"; } //IEの場合 else { content_menu.style.visibility="hidden"; } } に書きました。 IE6.0では動作しますがNN7.0では何も起こりません。どなたかどのように表記をすればいいのか教えてください。よろしくお願いします。
- ベストアンサー
- JavaScript
プルダウンメニューについて
ジャバスクリプトが全くの初心者です。プルダウンメニューをつくりたくて http://javascript.eweb-design.com/0701_pdm.html こちらのサイトを参考につくっていますが、 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY bgcolor="#ffffff"> <A href="javaScript:pullDown()">メニューを表示する</A><BR> <DIV id="ID" style="position:absolute;visibility:hidden;"> <A href="http://www.yahoo.co.jp/">■Yahoo!</A><BR> <A href="http://bb.yahoo.co.jp/">■Yahoo! BB</A><BR> <A href="http://shopping.yahoo.co.jp/">■Yahoo! Shopping</A><BR> <A href="http://auctions.yahoo.co.jp/">■Yahoo! Auctions</A><BR> </DIV> <BR><BR><BR><BR> </BODY> </HTML> とありますが、ボタンが二箇所ある場合はジャバスクリプトの部分はどのように書けば良いでしょうか？ <SCRIPT language="JavaScript">  （ＩＤの部分を変更しています。）こう書いてみましたがダメでした。とても困っています、どなたか助けてください。よろしくお願いいたします。
- ベストアンサー
- JavaScript
送信フォームの入力内容チェックについて
送信フォームの入力内容チェックについて送信フォーム作成の勉強をしています。「必須項目未記入」と「半角英数以外の文字入力」を同時にチェックする方法をお聞きしたいです。「必須項目未記入」と「半角英数以外の文字入力」の時に赤字で警告を表示させたいです。「必須項目未記入」は赤字で警告が表示されるのですが、「半角英数以外の文字入力」の時は赤字で警告が表示されません。。。素人で説明不足かもしれませんが、助言をいただきたいです。よろしくお願いいたします。（URL↓） http://www.photoiku.com/sample/form-sample.php （Javascript↓） <script type="text/javascript">  </script> （html↓） <form name="Form1" method="post" action="#" onsubmit="return formCheck()"> <p>ID（必須）（半角英数）</p> <p id="notice-input-text-1" style="display: none; color: red;"> 【半角英数で入力されているか確認して下さい】</p> <p><input type="text" name="InputText1"></p> <p>コメント（必須）</p> <p id="notice-textarea-1" style="display: none; color: red;"> 【コメントを入力して下さい】</p> <p><textarea name="Textarea1" rows="5" cols="40"></textarea></p> <p><input type="submit" value="送信"></p> </form> 補足ですが、1つ目のif～elseのブロックと、2つ目のif～elseのブロックを入れ替えてもできませんでした。
- 締切済み
- JavaScript
プルダウンメニュ展開時にずらす方法
以下の設定をおこなった際に「プルダウン1」で表示される「■メニュ1」と「■メニュ2」が「プルダウン2」に重ならないように「プルダウン2」が自動的に下がり、「プルダウン1」を閉じると元の位置に戻るような設定はないでしょうか？宜しくお願いいたします。 function pullDown1() { if(flag) ID1.style.visibility = "hidden"; else ID1.style.visibility = "visible"; flag = !flag; } function pullDown2() { if(flag) ID2.style.visibility = "hidden"; else ID2.style.visibility = "visible"; flag = !flag; } //--> </SCRIPT> </HEAD> <BODY bgcolor="#ffffff"> <A href="javaScript:pullDown1()">プルダウン1</A><BR> <DIV id="ID1" style="position:absolute;visibility:hidden;"> <A href="xxxx">■メニュ1</A><BR> <A href="xxxx">■メニュ2</A><BR>  <A href="javaScript:pullDown2()">プルダウン2</A><BR> <DIV id="ID2" style="position:absolute;visibility:hidden;"> <A href="xxxx">■メニュ3</A><BR> <A href="xxxx">■メニュ4</A><BR>
- ベストアンサー
- JavaScript
カテゴリをクリックして、リンク先一覧を表示させたい
テーブル内のカテゴリをクリックすると、別テーブルにリンク先一覧を表示させるような、リンクページを作りたいのですが、下記のように組むと、「リンク１」をクリック→別テーブルにちゃんとリンク先一覧が表示される。次に「リンク２」をクリックすると「リンク１」のリンク先一覧の下に「リンク２」のリンク先一覧も表示されてしまう。しかも２回クリックしないと表示されません（泣「リンク２」をクリックしたら「リンク１」で表示させたリンク先一覧と入れ替えで、リンク先を表示させたいのですが、やり方が分かる方いらしたら、ご教授お願いします。 <HEAD> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY> <TABLE border="1"> <TBODY> <TR> <TD><A href="javaScript:pullDown01()">リンク１</a><BR> <BR> <A href="javaScript:pullDown02()">リンク２</a><BR> </TD> <TD style="width:380px;height:190px"> <DIV id="ID01" style="visibility: hidden;"> <A href="http://www.yahoo.co.jp/">■Yahoo!</A><BR> </DIV> <DIV id="ID02" style="visibility: hidden;"> <A href="http://bb.yahoo.co.jp/">■Yahoo! BB</A><BR> </DIV> </TD> </TR> </TBODY> </TABLE> </BODY>
- ベストアンサー
- JavaScript
クイズの解説ボタンをつけて表示非表示を切り替えたい
1.前提・実現したいことクイズ問題の下に解説ボタンをつけて表示非表示を切り替えたい発生している問題・エラーメッセージ clickBtn2 is not defined 該当のソースコード <サンプルコード> ------------------------------ <input type="button" value="解説" onclick="clickBtn2()" /> <p id="p2">テスト１</p> <script> //初期表示は非表示 document.getElementById("p2").style.visibility ="hidden"; function clickBtn2(){ const p2 = document.getElementById("p2"); if(p2.style.visibility=="visible"){ // hiddenで非表示 p2.style.visibility ="hidden"; }else{ // visibleで表示 p2.style.visibility ="visible"; } } </script> ----------------------------- 自分で調べたことや試したこと ------------------- <h2>解説</h2> <div id="text_k"></div> <input type="button" value="解説" onclick="clickBtn2()"/> <script type="text/javascript"> /問題と解答 const qa = [ {q:"イルカを漢字で書くとどれ？",a:["海豚","海牛","河豚","河豚"],c:0,k:"くじら目はくじら亜目の小型海獣の総称。からだは紡錘(ぼうすい)形で、前肢はひれとなる。群れをなして泳ぎ、しばしば船について走る。マイルカ・ネズミイルカなど種類が多い。"}, //問題表示 QA.prototype.quiz = function() { //問題 document.getElementById("text_q").innerHTML = (this.mondai_no + 1) + "問目：" + this.mondai_data[this.mondai_no].q; //この問題の選択肢の数は自動判断（選択肢は何個でもOKです） var answer_count=this.mondai_data[this.mondai_no].a.length; //選択肢 var s = ""; for (var n=0;n<answer_count;n++) { s += "【<a href='javascript:test.answer(" + n + ")'>" + (n+1) + "：" + this.mondai_data[this.mondai_no].a[n] + "</a>】"; } document.getElementById("text_s").innerHTML = s; document.getElementById("text_k").innerHTML= this.mondai_data[this.mondai_no].k; } QA.prototype.clickBtn2 =function() { //初期表示は非表示 document.getElementById("text_k").style.visibility ="hidden"; const text_k = document.getElementById("text_k"); if(text_k.style.visibility=="visible"){ // hiddenで非表示 text_k.style.visibility ="hidden"; }else{ // visibleで表示 text_k.style.visibility ="visible"; } } よろしくお願いします。
- ベストアンサー
- JavaScript