現在、java-script を使用して警告メッセージ ボックスを表示しています。ボタンをクリックすると、それが非表示になるだけのOKボタンが含まれています.しかし、私の要件は、それを数秒間だけ表示することです.
?>
<script type="text/javascript">
alert("Enter Mandatory fields");document.location='productsegment.php';
</script>
<?
現在、java-script を使用して警告メッセージ ボックスを表示しています。ボタンをクリックすると、それが非表示になるだけのOKボタンが含まれています.しかし、私の要件は、それを数秒間だけ表示することです.
?>
<script type="text/javascript">
alert("Enter Mandatory fields");document.location='productsegment.php';
</script>
<?
これはプレーンな JavaScript のジョブです。したがって、必須フィールドが空のフォームを以前に入力したと仮定すると、フローは次のようになります。
warn()
。ツールチップまたはモーダルの形でより良いn
数秒後に非表示にするなど:
function warn(){
//show modal/tooltip
setTimeout(function(){
//hide modal/tooltip after 5000ms
window.location = 'productsegment.php';
},5000);
}
//call warn when you determined that mandatory field is empty
簡単に制御でき、アラートを自動的に閉じることができないため、アラートではなくjQueryダイアログ機能を使用する必要があります。下のリンクを参照
http://dotnetguts.blogspot.fi/2012/02/how-to-open-and-auto-close-jquery-ui.html
以下は、上記のリンクからのコード例です
<script>
$(function() {
$( "#dialog" ).dialog();
});
setTimeOut(function() {
$( "#dialog" ).dialog( "close" )
}, 5000);
</script>
<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
執筆時点では、他のほとんどの回答は基本的に間違っています。
を数秒だけ表示することはできません。alert()
一度表示されると、ユーザーの操作のみがそれを閉じることができます。
自動的に閉じる必要があるメッセージについては、jQuery UI Dialogを使用できます。
タイマー、setTimeout() を使用しないのはなぜですか。