كيفية فتح a link في div داخل نفس الصفحة

يمكنك استخدام دالة load من مكتبة Jquery .

مثال في كود html .

<a href="page1.html" class="load-page">page 1</a>

<div id="context"></div>

وفي جافا سكربت يمكنك كتابة الكود التالي

$('.load-page').on('click', function (e){

  e.preventDefault();
  
  var href = $(this).attr('href');
  
  $( "#context" ).load(href);

});

لا حظ اننا انشأنا رابط رابط a tag واعطيناه الخاصية href برابط الملف يمكن المسار مختلف عندك .

بعد ذالك قمنا بانشاء div#context وهذا هو التاج الذي سيتم جلب الصفحة بداخله .

بعد ذالك في جافا سكربت اخبرناه اذا تم الضغط علي a.load-page اولا المتغير e وهو يمثل ال event او التاج الذي تم الضغط عليه قمنا باستدعاء الدالة preventDefault() وكانك تقوم له لا تذهب الي اي مكان بعد ذالك قمنا بجلب قيمة الخاصية href التي تحتوي رابط الصفحة وذالك باستخدام الدالة attr بعد ذالك استخدمنا الدالة load واعطيناها رابط الصفحة في المتغير href لجلب الصفحة داخل التاج div#context وجدير بالذكر هنا انه لو كان لديك عدة روابط كل ما عليك هو نسخ التاج a ثم تغيير رابط الصفحة .

http://api.jquery.com/load/

ارجو ان يكون حل المشكلة ارجو المعذرة علي الشرح المستعجل للكود .

شكرا الشرح

بس ال a link or href مافي فتح في الdiv

كيف يمكن ب الjavaScript

اخي الكريم تحتاج الي استخدام :: Ajax