سؤالين في jquery . حدث load

[Al7aRbi]

بسم الله الرحمن الرحيم

تحية طيبة وبعد :

سؤالين يا أحبة في jquery

السؤال الأول

هل طريقة تنفيذ عملية بدون تحميل الصفحة .
يعني مثلا نفس الصفحة الرئيسية يكون بها عدة ازرار ( تسجيل - بحث ..إلخ )

هل الحدث الصحيح بعد الحدث click
هو load ؟؟
مثلا بعد الضغط على (تسجيل )
نستخدم الحدث load لعرض صفحة التسجيل ؟ في نفس الصفحة الرئيسية

أم أن هذه طريقة خاطئة وبدائية ومكلفة ؟؟ وهناك طريقة أسرع منها؟


السؤال الثاني :


أعرف طريقة أظنها خاطئة .
هو جعل الصورة تفتح مع الحدث onload في وسم body

ماهي طريقة إستخدام صورة loading بالشكل الصحيح الذي يستخدمه الجميع
أي عند البحث مثلا عن شي ما تبدا الصورة بالظهور وتستمر حتى تصل لنتيجة
وجزاكم الله خير

[Al7aRbi]

وينك يا ليوناردو دافينشي :con2:

[مصطفى فرغلى]

كان نفسى اساعدك بس مش فاهم منك اى حاجه

[Al7aRbi]

كان نفسى اساعدك بس مش فاهم منك اى حاجه

مو معقولة يامصطفى ؟
يا رجل كلامي بالفصحى !

عموما بالمثال يتضح المقال

لدي رابط في الصفحة الرئيسية إسمه (تسجيل ) عند الضغط عليه أريد إظهار فورم التسجيل بدون تحميل الصفحة

هل هذه الطريقة الذي يستخدمها الجميع

<script type="text/javascript" src = "jquery.js"></script>
<script type="text/javascript">
$(document).ready(
 function (){
 $("#reg").click(
 function(){
 $("#reg_content").load("reg.php");
 })
 })
</script> 

<a id = "reg" href="#">تسجيل</a>
<div id = "reg_content"></div> 

سبب هذه الاسئلة أنني تعلمت مكتبة jquery بنفسي يعني اجرب الاحداث وتنجح معي :nice:

لكن لا ادري ان كانت طريقتي صحيحة ام هناك طرق اخرى

أما السؤال الثاني أخي أقصد بعض المواقع عند الضغط على زر
تظهر صورة ( loading) حتى يتم التحميل

ثم تختفي

كيف أفعلها

وجزاك الله خير

[Al7aRbi]

لا ردود

[احمد شكر]

طريقة طلب الصفحة باستخدام load تتم عن طريق ارسال طلب HTTP/GET الى سيرفر و بتالي هذه احدى الطرق , اما اذا اردت ارسال POST الى سيرفر تستخدم $.post .
اما بلنسبة للصورة فطريقة عملها ابسط مما تتوقع !
عند تنفيذ حدث كلك تقوم باظهار الصورة تشغيل , عند اكتماله قم باخفائها ؟ مثال

<script type="text/javascript">
$(document).ready(
 function (){
 $("#reg").click(
    
   function(){
    $("#load").html('loading...');
    //callback function , execute after the end of http request 
    $("#reg_content").load("reg.php",function(){ $('#load').css('display','none'); } );
  })
 })
</script>  

// or 

<script type="text/javascript">
$(document).ready(
 function (){
 $("#reg").click(
    
   function(){
    $("#reg_content").html('loading...');
 
    $("#reg_content").load("reg.php", );
  })
 })
</script> 

ملاحظة : الطريقة الثانية لم اجربها .

ال callback function كما في مثال الاول و هي دالة يتم تنفيذها عند اكتمال امر ما ,
وفي جافا سكربت يمكن تمرير الفنكشن كـparameter للفنكشن , من فوائدها انها تعطي قدر كبير من مرونة في امكانية توسيع الكود و استخدامه باشكال كثيرة
مثال بسيط

function abc( call )
{
 call();
}

function callme()
{
  alert('You are just callback me');
}
abc(callme); 

[Al7aRbi]

أخي الفاضل : أحمد شكر

أنت بالفعل تستحق كل الشكر
والتقدير

كلامك واضح ومفهوم ووصل بواسطة الامثلة
رغم ان الامثلة لم تعمل الا بعد التعديل عليها
فالمثال الاول لم يعمل فيبدو ان load لا يقبل الا بارامتر واحد فقط
لذلك لم ينجح معي الا هذا التعديل

$(document).ready(
 function (){
 $("#reg").click(
    
   function(){
    $("#reg_content").html("loading..");
 
    $("#reg_content").load("reg.php");
  })
 })

فبارك الله فيك على إعطائي قليلا من وقتك وهذا الوقت القليل أفادني كثيراً فجزاك الله خير ويا ليت كل واحد يعطي اخيه المحتاج للعلم قليل من وقته
فسوف يكون له قيمة كبيرة للمحتاج .


عموما بخصوص load فهمت طريقة ارسال البيانات عن طريق $.post

لكن هل تتفق معي ان العملية تحتاج الى load أيضا للصفحة reg.php ؟

خاصة لو كان بها تحقق إذا كان الاسم مسجل مسبقا يعطي استعلام للقاعدة ثم رسالة خطأ ؟

لك تحياتي.

[Al7aRbi]

أوه خلاص كل شي إتضح الآن الحمد لله

بارك الله فيك أخي الفاضل أحمد شكر

تقبل تحياتي.

[محمد1004]

استخدم هذا الكود لاظهار ايقونه التحميل فترة تحميل الصفحة

$("#load")
    .ajaxStart(function(){ 
         $(this).show(); 
            $("#rlatevideo").fadeOut(100);
        })
        .ajaxStop(function(){ 
            $(this).hide(); 
            $("#rlatevideo").fadeIn(100);
    }); 

[Al7aRbi]

الأخ الفاضل محمد1004

جزاك الله خير بس ما فهمت ولا شي من كودك

أو حتى ما فهمت كيف أوظفه بنفسي في مثال جديد

ممكن شرح له او مثال لعمله

لك تحياتي

[محمد1004]

<script type="text/javascript" src = "jquery.js"></script>
<script type="text/javascript">
     $(document).ready(function (){
          $("#reg").click(function(){
               $("#reg_content").load("reg.php");
               $("#load") // وسم خاص بصورة التحميل
                .ajaxStart(function(){  
                     $(this).show();  // عند بداية التحميل يظهر وسم الي فيه صورة التحميل
                     $("#reg_content").fadeOut(100); // ايضا يقوم باخفاء وسم المعلومات و ممكن تلغيه 
                }) 
                .ajaxStop(function(){  
                     $(this).hide();  // هنا العكس عند انتهاء التحميل يتم اخفاء وسم التحميل 
                     $("#reg_content").fadeIn(100); // و هنا يتم اظهار وسم الالمعلومات بالمعلومات المحملة 
                }); 
          })
     })
</script> 

[Al7aRbi]

أخ محمد

كل شي تمام الآن وفهمت 100%

بارك الله فيك