Autor | Zpráva | ||
---|---|---|---|
kesaj Profil |
#1 · Zasláno: 2. 2. 2011, 15:18:53 · Upravil/a: kesaj
Zdravím. Neviem ako zadať podmienku na moje menu - aby práve otvorená stránka bola v menu zvýraznená. Stránka sa nachádza TU
PHP kód : <ul class="menu"> <li><a href="index.php?page=informacne_systemy" class="active"><span>Informačné systémy</span></a></li> <li><a href="index.php?page=dochadzkove_systemy"><span>Dochádzkové systémy</span></a></li> <li><a href="index.php?page=uvod"><span>Fiškálne moduly</span></a></li> <li><a href="index.php?page=uvod"><span>Servery a siete</span></a></li> <li><a href="index.php?page=uvod"><span>Web stránky</span></a></li> <li><a href="index.php?page=uvod"><span>Referencie</span></a></li> <li><a href="index.php?page=kontakt"><span>Kontakt</span></a></li> </ul> <?php if (isset($_GET['page'])) { switch($_GET['page']) { /*horizmenu*/ case "uvod": include("abitec.html"); break; case "informacne_systemy": include("abra/informacne_systemy.html"); break; case "dochadzkove_systemy": include("eds/dochadzkove_systemy.html"); break; case "rfid": include("eds/rfid.html"); break; case "terminaly": include("eds/terminaly.html"); break; case "kontakt": include("kontakt/kontakt.html"); break; case "eds01": include("eds/eds01.html"); break; case "eds02": include("eds/eds02.html"); break; case "eds03": include("eds/eds03.html"); break; case "eds04": include("eds/eds04.html"); break; case "vyber_systemu": include("abra/vyber_systemu.html"); break; CSS kód: .menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('images/menu_nove.png') repeat-x;} .menu li{padding:0; margin:0; list-style:none; display:inline;} .menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; background:url('images/menu_nove.png') 0px -30px no-repeat;} .menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('images/menu_nove.png') 100% -30px no-repeat;} .menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);} .menu li a:hover span{background-position:100% -60px;} .menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; background:url('images/menu_nove.png') 0px -90px no-repeat; color:rgb(255,255,255);} .menu li a.active span, .menu li a.active:hover span{background:url('images/menu_nove.png') 100% -90px no-repeat;} |
||
Petr Wudi Profil |
#2 · Zasláno: 2. 2. 2011, 15:22:58
|
||
Tori Profil |
#3 · Zasláno: 2. 2. 2011, 15:32:26 · Upravil/a: Tori
Dalo by se vygenerovat ze seznamu celé menu:
$page = isset($_GET['page']) ? $_GET['page'] : ''; $menu = array( array("informacne_systemy", "Informačné systémy"), array("dochadzkove_systemy", "Dochádzkové systémy"), array("uvod", "Fiškálne moduly"), // a další položky menu ); for ($i=0; $i<count($menu); $i++) { $thisClass = ($menu[$i][0] == $page) ? 'active' : ''; echo '<li><a href="index.php?page='. $menu[$i][0] . '" class="' . $thisClass . '"><span>' . $menu[$i][1] . '</span></a></li>'; } edit: ↓ Ach, tohle mne nenapadlo. Moc pěkné :) |
||
Taps Profil |
#4 · Zasláno: 2. 2. 2011, 15:45:16
kesaj, Tori:
myslím si, že níže uvedené řešení je daleko jednodušší $oznaceni[$_GET['page']]='class="active"'; echo'<ul class="menu"> <li><a href="index.php?page=informacne_systemy" '.$oznaceni['informacne_systemy'].'><span>Informačné systémy</span></a></li> <li><a href="index.php?page=dochadzkove_systemy" '.$oznaceni['dochadzkove_systemy'].'><span>Dochádzkové systémy</span></a> </li> </ul> '; |
||
Časová prodleva: 22 dní
|
|||
kesaj Profil |
#5 · Zasláno: 24. 2. 2011, 15:57:26 · Upravil/a: kesaj
Ďakujem pekne za odpoveď.
V PHP som však neni vôbec zdatný - tým pádom neviem, kde mám presne kód vložiť a ako prípadne ešte nastaviť v kóde, aby mi to fungovalo. Môžete prosím polopate na mojom konkrétnom kóde ukázať čo a ako? Ďakujem pekne. EDIT: už som na to prišiel - vďaka ešte raz za pomoc |
||
Časová prodleva: 13 let
|
0