إظهار وإخفاء صورة متحركة في DIV

[Sniper4dz]

السلام عليكم

أنا وضعت هذا الكود

 
<form target="_top" METHOD=POST>
 
<input type="text" name="centent">
 
<input type="submit" onClick="loadingdiv.style.display='block'" value="عرض">
 
<div id="loadingdiv" style="display:none"><img src="http://www.swalif.net/softs/images/misc/progress.gif"><br>جاري العرض</div>
 
</form>
 

المشلكة أن الصورة التي تظهر لا تتحرك
مع أنها GIF ومتحركة تعرض متوقفة.

ثم إستعملت

onClick="document.getElementById('loadingdiv').innerHTML='<img src=http://www.swalif.net/softs/images/misc/progress.gif><br>جاري العرض'"

لكن الصورة لم تظهر أصلا


أنا في الإنتظار

[Flasher]

وعليكم السلام ورحمة الله

<form target="_top" method="post"> 
	<input type="text" name="centent">
	<input type="submit" onClick="getElementById('loadingdiv').innerHTML='<img src=http://www.swalif.net/softs/images/misc/progress.gif><br>جاري العرض';return false;" value="عرض" />
	<div id="loadingdiv">
	</div> 
</form>

اذا استخدمت <"input type="submit> لابد ان تنهي امر OnClick بـ return false حتى تمنع ارسال النموذج، لكن في حالتك هذه لايوجد داعي لاستخدام submit استخدم <"input type="buttton>

<input type="button" onClick="getElementById('loadingdiv').innerHTML='<img src=http://www.swalif.net/softs/images/misc/progress.gif><br>جاري العرض';" value="عرض" />

[Sniper4dz]

أخي العزيز Flasher أنا أستعمل Submit لأرسال النموذج لا أريد منعه من الإرسال

[Flasher]

أخي العزيز Sniper4dz وضح ماتريد ان تفعل بالضبط ؟
الكود الاساسي شغال ويظهر الصورة متحركة لكن قد لاتستطيع مشاهدتها لان ارسال النموذج يحدث الصفحة.

---
ايضا مانوع المتصفح ؟