• 0

التحديث التلقائي لمحتوى ال div

السلام عليكم

من خلال الكود التالي يمكن تحديث محتوى هذا ال div من خلال ملف خارجي display.php

<div id="load_posts"></div>
<script>
  setInterval(function(){
 //setInterval() method execute on every interval until called clearInterval()
  $('#load_posts').load("display.php").fadeIn("slow");
  //load() method fetch data from fetch.php page
 }, 1000);
  </script>

لكن كيف يمكن فعل ذلك إذا كان المحتوى موجود داخل ال div  نفسة وليس ملف خارجي ؟؟؟

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 1

لن يمكنك فعل ذلك بإستعمال التابع load , لأن هذا التابع يسمح بتحميل HTML أو محتوى نصي من الخادم ثم إضافته إلى عنصر DOM . 

أما لتحقيق غرضك فلن نحتاج إلا لتحديد العنصر الحاوي للمحتوى ثم إضافته إلى العنصر div . سيمكن إستعمال التابع append لهذا .  

رغم أن فكرة تحميل محتوى موجود داخل الـ div و إعادة تضمينه في نفس العنصر غير منطقية إلا أن الشيفرة ستكون مشابه للتالي : 

<div id="load_posts"></div>
<script>
  setInterval(function(){
 
  var content = $('#load_posts').html();
  
    
  // $('#load_posts').html(''); لحذف المحتوى و إعادة تحميله
  $('#load_posts').append(content); 
  
 }, 1000);
  </script>

 

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0
بتاريخ On ١‏/٨‏/٢٠٢١ at 23:36 قال Adnane Kadri:

لن يمكنك فعل ذلك بإستعمال التابع load , لأن هذا التابع يسمح بتحميل HTML أو محتوى نصي من الخادم ثم إضافته إلى عنصر DOM . 

أما لتحقيق غرضك فلن نحتاج إلا لتحديد العنصر الحاوي للمحتوى ثم إضافته إلى العنصر div . سيمكن إستعمال التابع append لهذا .  

رغم أن فكرة تحميل محتوى موجود داخل الـ div و إعادة تضمينه في نفس العنصر غير منطقية إلا أن الشيفرة ستكون مشابه للتالي : 


<div id="load_posts"></div>
<script>
  setInterval(function(){
 
  var content = $('#load_posts').html();
  
    
  // $('#load_posts').html(''); لحذف المحتوى و إعادة تحميله
  $('#load_posts').append(content); 
  
 }, 1000);
  </script>

بالفعل فكرة تحميل محتوى موجود داخل الـ div و إعادة تضمينه في نفس العنصر غير منطقية

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن