السلام عليكم أخواني
كل عام و انتم بخير
أرجو منكم المساعدة في تعديل كود أجاكس
أريد أن اضيف له سطر لكي يظهر صورة loading حتي يتم تحويل الصفحة و من ثم يظهر الصفحة
هذا هو الكود :
كود:function send() { var name = document.getElementById('name'); var link = document.getElementById('link'); var content = document.getElementById('content'); if (name.value == '') { alert('الرجاء تعبئة حقل الإسم'); } else if (content.value == '') { alert('الرجاء تعبئة حقل التعليق'); } else if (content.value.length < 10) { alert('التعليق قصير جداً'); } else { $.get('add.php', { n: name.value, l: link.value, c: content.value }, function(result) { if (result == 0) { alert('خطأ!'); } else { $(result).appendTo('#comments'); content.value = ''; } } ); } }
قمت بالتجربه باضافة هذ السطر :
لكي يصبح الكود كاملاً بهذا الشكل :كود:document.getElementById('add-comment').innerHTML='<img src="header.png" alt="" />'
و لكن المشكلة أن صورة التحميل تستمر في الظهور ولا تختفي بعد التحميلكود:function send() { var name = document.getElementById('name'); var link = document.getElementById('link'); var content = document.getElementById('content'); if (name.value == '') { alert('الرجاء تعبئة حقل الإسم'); } else if (content.value == '') { alert('الرجاء تعبئة حقل التعليق'); } else if (content.value.length < 10) { alert('التعليق قصير جداً'); } else { $.get('add.php', { n: name.value, l: link.value, c: content.value }, function(result) { if (result == 0) { alert('خطأ!'); } else { document.getElementById('add-comment').innerHTML='<img src="load.gif" alt="" />' $(result).appendTo('#comments'); content.value = ''; } } ); } }
لذلك هل من مساعدتكم في حل هذه المشكله
و جزاكم الله خيرا![]()


رد مع اقتباس
