محو شدن پیغام در کمتر از یک ثانیه

[css-man]

دوستان من یه تابع نوشتن که هر وقت کاربر دکمه ارسال فرم رو زد یه پیغام تشکر نشون داده بشه
ولی این پیغام یه لحظه میاد و میره چرا؟؟؟



<h2>This Is a First Java Script Code.</h2>

<p id="demo"></p>
<script>
function myfunction()
{
x=document.getElementById("demo");
x.innerHTML="thanks for registration";
}
</script>
<form action="" method="post">
<p>name:<input name="" type="text" /></p>
<p>username<input name="" type="text" /></p>
<p>password<input name="" type="text" /></p>
<input name="" type="submit" onclick="myfunction()" />
</form>

[maktoom]

سلام
چرا از alert استفاده نکردید؟

[css-man]

دلیل خاصی نداره
علتش رو فهمیدم ولی رفع کردنش رو بلد نیستم
فرم وقتی ارسال میشه پیغام هم ریست میشه دیگه.

[mrgraphy]

سلام دوست عزیز.
استفاده از alert پیشنهاد نمیشه چون از نظر ظاهر زیبایی نداره و کار حرفه ای نیست.
دوم اینکه اگر شما این کار رو با ajax انجام بدید و فرم خودتون رو به صورت postback ارسال کنید دیگه این اتفاق نمیوفته.
موفق باشید.

[hakan648]

سلام

میتونید یک تاخیر ایجاد کنید برای نمایش پیغام و بعد از اون فرم رو با JS ارسال کنید.


<h2>This Is a First Java Script Code.</h2>

<p id="demo"></p>

<form id="myForm" method="post">
<p>name:<input name="" type="text" /></p>
<p>username<input name="" type="text" /></p>
<p>password<input name="" type="text" /></p>
<input name="" type="button" value="Submit" onclick="submitForm()" />
</form>

<script>
function submitForm()
{
var myForm = document.getElementById("myForm");
var messageBox = document.getElementById("demo");
messageBox.innerHTML = "thanks for registration";

setTimeout(function() { myForm.submit(); }, 1000);
}
</script>



( البته اگه این کار چندان زیبا به نظر نمی رسه و طبق پیشنهاد دوستمون ، Ajax برای این موارد توصیه میشه )

[css-man]

والا من اصلا جاوا اسکریپت بلد نیستم دارم یاد میگیرم
اینم جزو تمرینام هست