hlmod.hu
https://hlmod.hu/

[PHP/html] Menü/Active
https://hlmod.hu/viewtopic.php?f=114&t=30341		 Oldal: 1 / 1
Szerző:  The Peace [2020.03.26. 01:30 ]
Hozzászólás témája:  [PHP/html] Menü/Active
Üdvözletem!

Hogyan a legegyszerűbb megolDANI , hogy én külön mappából akarom beolvasni az oldalakat pl:

Oldalak/Fooldal.php
Oldalak/Elerhetoseg.php, stb...

valamint azt hogy amelyik oldal active, ott lefusson az active class is. :D


UGYE ez most HTML, de ezt kéne valahogy php-ra és abbol meg bekérni az oldalakat. :D
Kód: [Egész kijelölése] [Mutatás/Eltüntetés]
  1. <!-- (Menü) Nav -->
  2.                     <nav id="nav">
  3.                         <ul class="links">
  4.                             <li class="active"><a href="index.php">Főoldal</a></li>
  5.                             <li><a href="koncertek.php">Koncertek</a></li>
  6.                             <li><a href="fenykepek.php">Fényképek</a></li>
  7.                             <li><a href="elerhetoseg.php">Elérhetőség</a></li>
  8.                            
  9.                              
  10.                         </ul>
  11.                         <ul class="icons">
  12.                             <ul class="links">
  13.                             <li><a href="login.php">    Bejelentkezés</a></li>
  14.                          
  15.                         </ul>
  16.                     </nav>
GeSHi © Codebox Plus
Szerző:  Krisznitro [2020.03.26. 12:28 ]
Hozzászólás témája:  Re: [PHP/html] Menü/Active
The Peace írta:
Üdvözletem!

Hogyan a legegyszerűbb megolDANI , hogy én külön mappából akarom beolvasni az oldalakat pl:

Oldalak/Fooldal.php
Oldalak/Elerhetoseg.php, stb...

valamint azt hogy amelyik oldal active, ott lefusson az active class is. :D


UGYE ez most HTML, de ezt kéne valahogy php-ra és abbol meg bekérni az oldalakat. :D
Kód: [Egész kijelölése] [Mutatás/Eltüntetés]
  1. <!-- (Menü) Nav -->
  2.                     <nav id="nav">
  3.                         <ul class="links">
  4.                             <li class="active"><a href="index.php">Főoldal</a></li>
  5.                             <li><a href="koncertek.php">Koncertek</a></li>
  6.                             <li><a href="fenykepek.php">Fényképek</a></li>
  7.                             <li><a href="elerhetoseg.php">Elérhetőség</a></li>
  8.                            
  9.                              
  10.                         </ul>
  11.                         <ul class="icons">
  12.                             <ul class="links">
  13.                             <li><a href="login.php">    Bejelentkezés</a></li>
  14.                          
  15.                         </ul>
  16.                     </nav>
GeSHi © Codebox Plus

Egy megoldás:

Ha a listaelemeknek adsz valamilyen azonosításra alkalmas attribútumot, akkor javascript/jquery:
Kód: [Egész kijelölése] [Mutatás/Eltüntetés]
  1. var f = window.location.pathname.substring(window.location.pathname.lastIndexOf('/')+1);
  2.  
  3.  
  4.  
  5. switch (f) {
  6.   case "koncertek.php": {
  7.     $("li.koncert").addClass("active");
  8.     break;
  9.   }
  10.   // etc...
  11.    
  12.  
  13.   default: {
  14.     $("li.index").addClass("active");
  15.     break;
  16.   }
  17. }
GeSHi © Codebox Plus


És egy másik, ahol nem kell semmilyen azonosítót adni az elemnek:
Kód: [Egész kijelölése] [Mutatás/Eltüntetés]
  1. var f = window.location.pathname.substring(window.location.pathname.lastIndexOf('/')+1);
  2.  
  3.  
  4.  
  5. switch (f) {
  6.   case "koncertek.php": {
  7.     $('a[href="' + f + '"]').parent("li").addClass("active");
  8.     break;
  9.   }
  10.   // etc...
  11.    
  12.  
  13.   default: {
  14.     $('a[href="index.php"]').parent("li").addClass("active");
  15.     break;
  16.   }
  17. }
GeSHi © Codebox Plus
Szerző:  Maxi [2020.03.28. 15:01 ]
Hozzászólás témája:  Re: [PHP/html] Menü/Active
pure php:

Kód:

<li class="<?PHP IF($_GET["oldal"] == "fooldal") : echo "active"; ENDIF;?>"><a href="index.php">Főoldal</a></li>
Oldal: 1 / 1 Minden időpont UTC+01:00 időzóna szerinti
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/