صفحة 2 من 2 الأولىالأولى 12
النتائج 16 إلى 27 من 27

الموضوع: صور، جاري التحميل لأصحاب أجاكس

  1. #16
    عضو فعال
    تاريخ التسجيل
    Nov 2005
    المشاركات
    1,624


    يلزموني للفلاش لمشهد التحميل شكرا لك






  2. #17
    عضو نشيط
    تاريخ التسجيل
    Dec 2004
    المشاركات
    220


    شكرا لك





    __________________
    المروه.نت تقديم خدمات تقنية المعلومات و التجارة الالكترونية
    www.almarwa.net.sa

  3. #18
    عضو نشيط جدا
    تاريخ التسجيل
    Jun 2006
    المشاركات
    371


    هههههههههههههه صاحب الموضوع زي السكرة
    وكل ردودكم زي العسل
    وجار الشكر على الموضوع






    __________________
    DoWnLoAdiZ.OrG
    محاولة للوصول إلى الأعلى

  4. #19
    عضو نشيط
    تاريخ التسجيل
    Jul 2001
    المشاركات
    115


    سلام عليكم
    الاخ زيزوار او احد الاخوة بارك الله فيكم .
    عندي فورم submit بالاجاكس . شغال تمام .
    بس فكرة ال progressbar او الloading مش عارف اطبقها . جربت واطلعت على مشاركة الاخ زيزوار في طريقة تنفيذه بس مش زابطة معي ياريت اذا حد يقدر ينفذهاعلى هدا الفورم. بحيث يكون (( جاري الاضافة مع صورة مثلا لودنج بجانب زر الsubmit ثم تتحول الى تم الاضافة .
    او قالب الفورم كله يتغير لصورة لودنج مع جاري الاضافة ثم تم الاضافة ثم يرجع للفورم الاصلي.
    اسف للاطالفة

    رابط الملف حمل
    جزاكم الله خير





    __________________
    وما نيل المطالب بالتمني ولكن تؤخذ الدنيا غلابا

  5. #20
    خبير JavaScript
    تاريخ التسجيل
    Jul 2002
    المشاركات
    2,920


    اقتباس المشاركة الأصلية كتبت بواسطة Firas
    سلام عليكم
    الاخ زيزوار او احد الاخوة بارك الله فيكم .
    عندي فورم submit بالاجاكس . شغال تمام .
    بس فكرة ال progressbar او الloading مش عارف اطبقها . جربت واطلعت على مشاركة الاخ زيزوار في طريقة تنفيذه بس مش زابطة معي ياريت اذا حد يقدر ينفذهاعلى هدا الفورم. بحيث يكون (( جاري الاضافة مع صورة مثلا لودنج بجانب زر الsubmit ثم تتحول الى تم الاضافة .
    او قالب الفورم كله يتغير لصورة لودنج مع جاري الاضافة ثم تم الاضافة ثم يرجع للفورم الاصلي.
    اسف للاطالفة

    رابط الملف حمل
    جزاكم الله خير
    جرب التعديل التالي
    كود HTML:
    <html dir="rtl">
    
    <head>
    <meta http-equiv="Content-Language" content="ar-ae">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
    <title>email ajax</title>
    <script type="text/javascript" language="javascript">
    
    var $img = '<img src"http://www.napyfab.com/ajax-indicators/images/progressbar_microsoft.gif" />';
          	   var http_request = false;
    	   insereReponse = function(r){document.getElementById('wino').innerHTML = r}
       function makePOSTRequest(url, parameters) {
          http_request = false;
          if (window.XMLHttpRequest) { // Mozilla, Safari,...
             http_request = new XMLHttpRequest();
             if (http_request.overrideMimeType) {
             	// set type accordingly to anticipated content type
                //http_request.overrideMimeType('text/xml');
                http_request.overrideMimeType('text/html');
             }
          } else if (window.ActiveXObject) { // IE
             try {
                http_request = new ActiveXObject("Msxml2.XMLHTTP");
             } catch (e) {
                try {
                   http_request = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
             }
          }
          if (!http_request) {
             alert('Cannot create XMLHTTP instance');
             return false;
          }
          
          http_request.onreadystatechange = alertContents;
          http_request.open('POST', url, true);
          http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
          http_request.setRequestHeader("Content-length", parameters.length);
          http_request.setRequestHeader("Connection", "close");
          http_request.send(parameters);
       }
    
       function alertContents() {
          if (http_request.readyState == 4) {
             if (http_request.status == 200) {
                //alert(http_request.responseText);
                result = http_request.responseText;
                document.getElementById('wino').innerHTML = result;            
             } else {
                alert('There was a problem with the request.');
             }
          }
       }
       function get(obj) {
       document.getElementById('wino').innerHTML = $img;
          var poststr = ("Fname=" + encodeURI( document.getElementById("Fname").value ) +
                        "&Mname=" + encodeURI( document.getElementById("Mname").value ) +
                        "&MMname=" + encodeURI( document.getElementById("MMname").value ) +
                        "&Lname=" + encodeURI( document.getElementById("Lname").value ) +
    					"&stdUniId=" + encodeURI( document.getElementById("stdUniId").value ) +
    					"&userEmail=" + encodeURI( document.getElementById("userEmail").value ) +
    					"&userPhone=" + encodeURI( document.getElementById("userPhone").value ) +
    					"&userMobile=" + encodeURI( document.getElementById("userMobile").value ) +
    					"&userCity=" + encodeURI( document.getElementById("userCity").value ) +
    					"&userAddress=" + encodeURI( document.getElementById("userAddress").value ) +
    					"&userGender=" + encodeURI( document.getElementById("userGender").value ) +
    					"&userBOD=" + encodeURI( document.getElementById("userBOD").value ) +
    					"&stdScAvg=" + encodeURI( document.getElementById("stdScAvg").value ));
          makePOSTRequest('addstudent_.php', poststr);
                
       }
    </script>
    
    <style type="text/css">
    .style1 {
    	text-align: center;
    }
    </style>
    
    </head>
    
    <body>
    <right>
    <form action="javascript:get(document.getElementById('myform'));" name="myform" id="myform">
    <table align="right" style="width: 100%" dir="rtl">
    	<tr>
    		<td style="width: 105px">الإسم الأول</td>
    		<td style="width: 14px" class="style1">:</td>
    		<td><input id="Fname" name="Fname" type="text" style="width: 255px"></td>
    	</tr>
    	<tr>
    		<td style="width: 105px"></td>
    		<td style="width: 14px" class="style1"></td>
    		<td><div id="Fname_msg"></div></td>
    	</tr>
    	<tr>
    		<td style="width: 105px">إسم الأب</td>
    		<td style="width: 14px" class="style1">:</td>
    		<td><input id="Mname" name="Mname" type="text" style="width: 255px"></td>
    	</tr>
    	<tr>
    		<td style="width: 105px"></td>
    		<td style="width: 14px" class="style1"></td>
    		<td><div id="Mname_msg"></div></td>
    	</tr>
    	<tr>
    		<td style="width: 105px">إسم الجد</td>
    		<td style="width: 14px" class="style1">:</td>
    		<td><input id="MMname" name="MMname" type="text" style="width: 255px"></td>
    	</tr>
    	<tr>
    		<td style="width: 105px"></td>
    		<td style="width: 14px" class="style1"></td>
    		<td><div id="MMname_msg"></div></td>
    	</tr>
    	<tr>
    		<td style="width: 105px">إسم العائلة</td>
    		<td style="width: 14px" class="style1">:</td>
    		<td><input id="Lname" name="Lname" type="text" style="width: 255px"></td>
    	</tr>
    	<tr>
    		<td style="width: 105px"></td>
    		<td style="width: 14px" class="style1"></td>
    		<td><div id="Lname_msg"></div></td>
    	</tr>
    	<tr>
    		<td style="width: 105px">الرقم الجامعي</td>
    		<td style="width: 14px" class="style1">:</td>
    		<td><input id="stdUniId" name="stdUniId" type="text" style="width: 255px"></td>
    	</tr>
    	<tr>
    		<td style="width: 105px"></td>
    		<td style="width: 14px" class="style1"></td>
    		<td><div id="stdUniId_msg"></div></td>
    	</tr>
    	<tr>
    		<td style="width: 105px">البريد الإلكتروني</td>
    		<td style="width: 14px" class="style1">:</td>
    		<td><input id="userEmail" name="userEmail" type="text" style="width: 255px"></td>
    	</tr>
    	<tr>
    		<td style="width: 105px"></td>
    		<td style="width: 14px" class="style1"></td>
    		<td><div id="userEmail_msg"></div></td>
    	</tr>
    	<tr>
    		<td style="width: 105px">رقم الهاتف</td>
    		<td style="width: 14px" class="style1">:</td>
    		<td><input id="userPhone" name="userPhone" type="text" style="width: 255px"></td>
    	</tr>
    	<tr>
    		<td style="width: 105px"></td>
    		<td style="width: 14px" class="style1"></td>
    		<td><div id="userPhone_msg"></div></td>
    	</tr>
    	<tr>
    		<td style="width: 105px">رقم المحمول</td>
    		<td style="width: 14px" class="style1">:</td>
    		<td><input id="userMobile" name="userMobile" type="text" style="width: 255px"></td>
    	</tr>
    	<tr>
    		<td style="width: 105px"></td>
    		<td style="width: 14px" class="style1"></td>
    		<td><div id="userMobile_msg"></div></td>
    	</tr>
    	<tr>
    		<td style="width: 105px">المدينة</td>
    		<td style="width: 14px" class="style1">:</td>
    		<td><input id="userCity" name="userCity" type="text" style="width: 255px"></td>
    	</tr>
    	<tr>
    		<td style="width: 105px"></td>
    		<td style="width: 14px" class="style1"></td>
    		<td><div id="userCity_msg"></div></td>
    	</tr>
    	<tr>
    		<td style="width: 105px">العنوان</td>
    		<td style="width: 14px" class="style1">:</td>
    		<td><input id="userAddress" name="userAddress" type="text" style="width: 255px"></td>
    	</tr>
    	<tr>
    		<td style="width: 105px"></td>
    		<td style="width: 14px" class="style1"></td>
    		<td><div id="userAddress_msg"></div></td>
    	</tr>
    	<tr>
    		<td style="width: 105px">الجنس</td>
    		<td style="width: 14px" class="style1">:</td>
    		<td><select name="userGender" style="width: 64px" dir="rtl">
    		<option selected="">إختر</option>
    		<option value="M">ذكر</option>
    		<option value="F">أنثى</option>
    		</select></td>
    	</tr>
    	<tr>
    		<td style="width: 105px"></td>
    		<td style="width: 14px" class="style1"></td>
    		<td><div id="userGender_msg"></div></td>
    	</tr>
    	<tr>
    		<td style="width: 105px">تاريخ الميلاد</td>
    		<td style="width: 14px" class="style1">:</td>
    		<td><input id="userBOD" name="userBOD" type="text" style="width: 255px"></td>
    	</tr>
    	<tr>
    		<td style="width: 105px"></td>
    		<td style="width: 14px" class="style1"></td>
    		<td><div id="userBOD_msg"></div></td>
    	</tr>
    	<tr>
    		<td style="width: 105px">معدل الثانوية العامة</td>
    		<td style="width: 14px" class="style1">:</td>
    		<td><input id="stdScAvg" name="stdScAvg" type="text" style="width: 255px"></td>
    	</tr>
    	<tr>
    		<td style="width: 105px"></td>
    		<td style="width: 14px" class="style1"></td>
    		<td><div id="stdScAvg_msg"></div></td>
    	</tr>
    	<tr>
    		<td colspan="3"><input type="button" name="button" value="Submit" 
       							onclick="javascript:get(this.parentNode);">
    						<input name="Reset" type="reset" value="إعادة تعيين">
    		</td>
    	</tr>
    	</table>
    </form>
    </right>
    <div id="wino"></div>
    </body>
    </html>







  6. #21
    عضو نشيط
    تاريخ التسجيل
    Jul 2001
    المشاركات
    115


    مشكور اخي . بس اذا ممكن ترفع ملف لانه جربت نسخ لصق للكود اللي وضعته ما اشتغل.
    اذا ممكن ترفعه هنا اكون ممنون لك
    http://www.7mbc.com/up/

    تحياتي





    __________________
    وما نيل المطالب بالتمني ولكن تؤخذ الدنيا غلابا

  7. #22
    خبير JavaScript
    تاريخ التسجيل
    Jul 2002
    المشاركات
    2,920


    لم أجربه بعد
    http://www.7mbc.com/up/upc8/7mbc_1394475188.zip
    ان لم يشتغل أرجو أن تضع الملف الذي إشتغل لك قبلا و لم تكن فيها خاصية أظهار صورة قيد التحميل






  8. #23
    عضو نشيط
    تاريخ التسجيل
    Jul 2001
    المشاركات
    115


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

    بارك الله فيك





    __________________
    وما نيل المطالب بالتمني ولكن تؤخذ الدنيا غلابا

  9. #24
    خبير JavaScript
    تاريخ التسجيل
    Jul 2002
    المشاركات
    2,920


    عدل كود الفورم الى
    كود HTML:
    <form action="javascript:document.getElementById('wino').innerHTML = $img;window.setTimeout(function(){get(document.getElementById('myform'))},5000)
    " name="myform" id="myform">
    يمكنك التحكم في الوقت ف 5000 تساوي 5 ثواني






  10. #25
    عضو نشيط
    تاريخ التسجيل
    Jul 2001
    المشاركات
    115


    يسسلمو يا ورد .
    تمنياتي لك بالتوفيق ..





    __________________
    وما نيل المطالب بالتمني ولكن تؤخذ الدنيا غلابا

  11. #26
    عضو نشيط
    تاريخ التسجيل
    Apr 2004
    المشاركات
    97


    اخوي زيزوار

    اتمنى تضيفني لشغله معينه ابي اخذ رايك فيها اذا ما عندك مانع

    alfares001_vip@hotmail.com





    __________________
    www.wesaal.com/vb

  12. #27
    عضو فعال
    تاريخ التسجيل
    Nov 2005
    المشاركات
    1,390


    بارك الله فيك اخي زيزوار





    __________________
    اللهم أنت ربي لا إله الا أنت،
    خلقتني وأنا عبدك وأنا على عهدك ووعدك ما استطعت،
    أعوذ بك من شر ما صنعت،
    أبوء لك بنعمتك عليّ وأبوء بذنبي،
    فاغفر لي، فإنه لا يغفر الذنوب إلا أنت





ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

أضف موقعك هنا| اخبار السيارات | حراج | شقق للايجار في الكويت | بيوت للبيع في الكويت | دليل الكويت العقاري | مقروء | شركة كشف تسربات المياه | شركة عزل اسطح بالرياض | عزل فوم بالرياض| عزل اسطح بالرياض | كشف تسربات المياة بالرياض | شركة عزل اسطح بالرياض