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

السؤال

نشر

السلام عليكم

من خلال الكود التالي يمكن تحديث محتوى هذا ال 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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...