اذهب إلى المحتوى
  • 0

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

Hamada Ahmed

السؤال

السلام عليكم

من خلال الكود التالي يمكن تحديث محتوى هذا ال 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  نفسة وليس ملف خارجي ؟؟؟

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

Recommended Posts

  • 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>

 

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

  • 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 و إعادة تضمينه في نفس العنصر غير منطقية

 

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

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...