Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][PHP]PHP menu
Forum PHP.pl > Forum > Przedszkole
sprite
Witam serdecznie.

Mam maly problem. Zrobilem menu, za pomoca PHP z efektem jquery fadein. Menu wyglada mniej wiecej tak:

  1. <ul id="menu2">
  2. <li id="jeden">
  3. <a href="?url=glowna">
  4. <img src="images/home.png" class="grey" />
  5. <img src="images/home2.png" class="color"/>
  6. </a>
  7. </li>
  8. <li id="dwa">
  9. <a href="?url=oferta" >
  10. <img src="images/oferta.png" class="grey">
  11. <img src="images/oferta2.png" class="color" />
  12. </a>
  13. </li>
  14. <li id="trzy">
  15. <a href="?url=cennik">
  16. <img src="images/cennik.png" class="grey" />
  17. <img src="images/cennik2.png" class="color"/>
  18. </a>
  19. </li>
  20. <li id="kontakt">
  21. <a href="?url=kontakt">
  22. <img src="images/kontakt.png" class="grey" />
  23. <img src="images/kontakt2.png" class="color"/>
  24. </a>
  25. </li>
  26. </ul>


  1. <div id="content">
  2.  
  3. <?php
  4. if(empty($_GET['url']) or $_GET['url']=="glowna"){
  5. include("tpl/main.tpl");
  6. }
  7. elseif($_GET['url']=="oferta"){
  8. include("tpl/oferta.tpl");
  9. }
  10. elseif($_GET['url']=="cennik"){
  11. include("tpl/cennik.tpl");
  12. }
  13. elseif($_GET['url']=="kontakt"){
  14. include("tpl/kontakt.tpl");
  15. }
  16. else {
  17. include('tpl/404.tpl');
  18. }
  19. ?>
  20. </div>



CSS

img.grey {
position: absolute;
left: 0;
top: 0;
z-index: 10;
border: 0;

}

img.color {
position: absolute;
left: 0; top: 0;
border: 0;
}



Dzieki temu mam fajny efekt zrobiony na menu i dzialajace na zasadzacie $_GET

Natomiast mam problem ze zrobieniem czegos takiego, co pozwoliloby miec biezaca strone podswietlona, w sensie np wchodzimy w Kontakt, i zakladka Kontakt ma inny obrazek niz cala reszta.
Gdyby nie to jquery to wsumie bym sobie poradzil, ale teraz nie mam pojecia a modle sie nad tym ktorys dzien juz.

Dziekuje za pomoc i pozdrawiam!
Szymciosek
Po pierwsze na pewno było na forum.
Po drugie wystarczy poszukać czegoś jak ACTIVE LINK HTML
Po trzecie łap: http://jsfiddle.net/JwSJ2/ pobaw się tym, ostatnio było nawet chyba to podane na forum tutaj.
sprite
Nie mam bladego pojecia jak mam to zrobic w HTML ohmy.gif wszystko spoko jakbym tam nie mial php i jquery..
!*!
Sprawdź GET, jeśli będzie równe z tym co masz w linku(kod html) wyświetlasz echo z klasą np. active czy jaką tam chcesz to wyróżnienia.

  1. <li id="trzy" <?php if($_GET['url']=='cennik'){ech 'class=active';}?>>
sprite
No i jest;) trzebabylo to w innym miejscu zapisać,


<li id="dwa">
<a href="?url=oferta" >
<img src="images/oferta.png" class="grey<?php if($_GET['url']=='oferta'){echo 'class=active';}?>">
<img src="images/oferta2.png" class="color" />
</a>
</li>

Chociaz najsmieszniejsze jest to, ze nie musze nic wpisywac w css .active -> po prostu dziala, i to na wszytkich przegladarkach, no coz, weird, ale dzieki bardzo za ukierunkowanie!!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.