• 1

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

كيف افتح رابط a link في div و عايز البرمجة باكود javaScript

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


رابط هذه المساهمة
  • 1

يمكنك استخدام دالة 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/

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

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

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


رابط هذه المساهمة
  • 0

شكرا الشرح

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

كيف يمكن ب الjavaScript

 

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


رابط هذه المساهمة
  • 0

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

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

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


رابط هذه المساهمة

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

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

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


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

تسجيل الدخول

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


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