View Single Post
ישן 10-01-11, 19:51   # 1
Tal.
חבר מתקדם
 
מיני פרופיל
תאריך הצטרפות: Dec 2010
הודעות: 463

Tal. לא מחובר  

Post JS | הצגת תמונת loading אחרי שליחת טופס.

אני הרבה זמן שובר תראש ולא מצליח.
אני צריך ליצור FORM פשוט כשיילחצו על הכפתור תוצג תמונה כזאת שזזה ויהיה רשום loading

בניתי משהו די פשוט:

קוד:
<html>
<div id="load" style="display: none;">
    
            
                    
                    
טוען.. אנא המתן 
<img src='/images/load.gif' />


</div>

<form action="loader.php" onsubmit="return ray.ajax()">
<input type="submit">
</form>


</html>

<SCRIPT type="text/javascript">
var ray=
{
    ajax:function(st)
    {
        this.show('load');
    },
    show:function(el)
    {
   

        this.getID(el).style.display='';

    },
    getID:function(el)
    {
        return document.getElementById(el);
    }
}

</script>
loader.php - סתם קובץ שלוקח לו מלא זמן להטען (בשביל הבדיקה)

הדגמה:
http://downit.co.il/test/test.html


בפיירפוק וכרום זה עובד מעולה. אבל באקספלורר כששולחים טופס הוא עוצר הכל כולל את התמונה.
אז מה שקורה זה שהתמונה נתקעת וזה מאד מציק.

ניסיתי המון דברים וכיוונים ושום דבר לא הלך.
תודה.
  Reply With Quote