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

وضع رابط بلغة html ليسمح بفتح صفحة ثانية

Zeina Almakdisi

السؤال

قمت بانشاء صفحتين بلغة 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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...