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

السؤال

نشر

قمت بانشاء صفحتين بلغة html 

احتاج للمساعدة بحيث عند الضغط على الزر الموجود في الصفحة الأولى يتم فتح الصفحة الثانية 

     <ul class="navbar-nav text-uppercase ml-auto "  >
 <li class="nav-item"><a class="nav-link js-scroll-trigger"  target="_blank" >Home</a></li>
  <li class="nav-item"><a class="nav-link js-scroll-trigger" target="_blank" >track</a></li>
                               </ul>

 

Recommended Posts

  • 0
نشر

يمكن ملاحظة أنك لم تستخدمي الزر Button بل رابط تشعبي للعنصر a = anchor ولقد نسيتي وضع مسار الصفحة الثانية ضمن الخاصية href لهذا العنصر (a)

<a class="nav-link js-scroll-trigger" href="home.html" target="_blank" >Home</a>
                                      ^^^^^^^^^^^^^^^
<a class="nav-link js-scroll-trigger" href="track.html" target="_blank" >track</a>
                                      ^^^^^^^^^^^^^^^

يبقى عليك التأكد من اسم الصفحة الثانية و مسار الملف بشكل صحيح، مثلاً إن كان ملف الصفحة التالية في مجلد آخر يتوجب تحديد المسار بشكل سليم

المثال السابق يفترض أن جميع ملفات HTML بنفس المجلد الجذر لهم.

في حال كان لديك مجلد خاص بالصفحات، يمكن تعديل المسار ليشير للملف بالطريقة التالية:

<a class="nav-link js-scroll-trigger" href="./pages/home.html" target="_blank" >Home</a>
                                      ^^^^^^^^^^^^^^^^^^^^^^^
<a class="nav-link js-scroll-trigger" href="./pages/track.html" target="_blank" >track</a>
                                      ^^^^^^^^^^^^^^^^^^^^^^^^

حيث أن بنية المجلدات:

paths.jpg.ace88b2fe04ffee31e3f8bf6ebc37a87.jpg

أحيانا وضع نقطة ضمن المسار (تشير للمجلد الحالي) يسبب مشكلة، لذلك نكتب اسم المجلد مباشرة:

<a class="nav-link js-scroll-trigger" href="pages/home.html" target="_blank" >Home</a>
                                      ^^^^^^^^^^^^^^^^^^^^^^^
<a class="nav-link js-scroll-trigger" href="pages/track.html" target="_blank" >track</a>
                                      ^^^^^^^^^^^^^^^^^^^^^^^^

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...