Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [php] [html] Menu z active w php.
Forum PHP.pl > Forum > Przedszkole
bazylnet
24.01.2008, 22:55:54
Witam,

Na stronie w html-u miałem menu z linkami z klasą active (odnośnik do aktualnie wyświetlanej strony był podświetlony).

[HTML] pobierz, plaintext 
  1. <head>
  2. <style type="text/css">
  3.  
  4. a, a:visited, a:hover, a:active {text-decoration: none;	color: #000000;}
  5.  
  6.  
  7. #menu {width:242px; float: left; text-align: left;}
  8. #menu a {padding: 4px 0 4px; margin:0;}
  9.  
  10. .male {width: 239px; min-height: 14px; height: auto; border: 1px solid #DEB887;
  11. 			padding: 0;	margin: 0 auto 2px auto;}
  12. .male a {display:block;	width: 100%; height: auto;}
  13. .male a:hover {background-color: #FAEBD7; margin: 0; padding:0; font-weight: bold;}
  14. .male a:active {background-color: red; margin: 0; padding:0; font-weight: bold;}
  15.  
  16.  
  17. </style>
  18. </head>
  19. <body>
  20.  
  21. <div id="menu">
  22. 		<div class="male"><a href="index.html">Główna</a></div>
  23. 		<div class="male"><a href="druga.html">Druga</a></div>
  24. 		<div class="male"><a href="trzecia.html">Trzecia</a></div>		
  25. </div>
  26.  
  27. </body>
[HTML] pobierz, plaintext



Gdy zrobiłem


[PHP] pobierz, plaintext 
  1. <?php
  2. <div id="menu">
  3. 		<div class="male"><a href="index.php">G&#322;ówna</a></div>
  4. 		<div class="male"><a href="druga.php">Druga</a></div>
  5. 		<div class="male"><a href="trzecia.php">Trzecia</a></div>		
  6. </div>
  7. ?>
[PHP] pobierz, plaintext


i wstawiam je na stronach za pomocą include, active nie działa.

Możecie pomóc?

Dzięki,
P.
qrees
25.01.2008, 00:11:40
Cytat(bazylnet @ 24.01.2008, 22:55:54 ) *
Witam,

Na stronie w html-u miałem menu z linkami z klasą active (odnośnik do aktualnie wyświetlanej storny był podświetlony).
Gdy wydzieliłem menu do php i wstawiam je na stronach za pomocą include active nie działa.

Możecie pomóc?

Dzięki,
P.

A jakiś fragment kodu może? Wróżka ma wolne...
bazylnet
25.01.2008, 00:56:22
Poprawiłem się...
b_chmura
25.01.2008, 01:05:20 
[PHP] pobierz, plaintext 
  1. <head>
  2. <style type="text/css">
  3.  
  4. a, a:visited, a:hover, a:active {text-decoration: none; color: #000000;}
  5.  
  6.  
  7. #menu {width:242px; float: left; text-align: left;}
  8. #menu a {padding: 4px 0 4px; margin:0;}
  9.  
  10. .male {width: 239px; min-height: 14px; height: auto; border: 1px solid #DEB887;
  11. padding: 0; margin: 0 auto 2px auto;}
  12. .male a {display:block; width: 100%; height: auto;}
  13. .male a:hover {background-color: #FAEBD7; margin: 0; padding:0; font-weight: bold;}
  14. .male a:active {background-color: red; margin: 0; padding:0; font-weight: bold;}
  15.  
  16.  
  17. </style>
  18. </head>
  19. <body>
  20.  
  21. <?php
  22. echo '
  23. <div id="menu">
  24. <div class="male"><a href="index.html">Główna</a></div>
  25. <div class="male"><a href="druga.html">Druga</a></div>
  26. <div class="male"><a href="trzecia.html">Trzecia</a></div>
  27. </div>';
  28. ?>
  29. </body>
[PHP] pobierz, plaintext
-bazylnet-
25.01.2008, 01:27:39
Nie działa sad.gif
Gdy klikam menu robi się czerwone. Po zwolnieniu przycisku myszy wraca do stanu wyjściowego.
b_chmura
25.01.2008, 01:42:33
i tak właśnie działa active... może chodzi Ci o visited?
pijanyadmin
25.01.2008, 01:45:53
chodzi o to aby po kliknięciu na link przechodziło/wczytywało inną stronę z zaznaczeniem która to strona, coś w stylu zakładek systemowych albo w przeglądarkach? winksmiley.jpg emm w samym php czy css tego nie zrobisz, najprościej w js. poprawcie jeśli się myle
vokiel
25.01.2008, 08:25:15
Nie wiem czy o to Ci chodzi, czy się zagalopowałem w rozumowaniu. Możesz zrobić klase #active w css
Kod
#active {background-color: red; margin: 0; padding:0; font-weight: bold;}

[HTML] pobierz, plaintext 
  1. // w php przypisujesz do zmiennej $strona aktualną stronę (z $_GET albo $_POST)
  2. <div id="menu">
  3. <div class="male"><a <?php if ($strona=="index") {echo("id=\"active\"");}?> href="index.html">Główna</a></div>
  4. <div class="male"><a <?php if ($strona=="druga") {echo("id=\"active\"");}?> href="druga.html">Druga</a></div>
  5. <div class="male"><a <?php if ($strona=="trzecia") {echo("id=\"active\"");}?> href="trzecia.html">Trzecia</a></div>
  6. </div>
[HTML] pobierz, plaintext
-bazylnet-
26.01.2008, 00:39:56
Dzieki vokiel, ale nie działa.
Zrobiłem jak napisałeś, zmieniłem rozszerzenia plików na php.

Zawartość pliku menu.php:

[HTML] pobierz, plaintext 
  1. <div id="menu">
  2. <div class="male"><a <?php if ($strona=="index") {echo("id=\"active\"");}?> href="index.php">index</a></div>
  3. <div class="male"><a <?php if ($strona=="druga") {echo("id=\"active\"");}?> href="druga.php">Druga</a></div>
  4. <div class="male"><a <?php if ($strona=="trzecia") {echo("id=\"active\"");}?> href="trzecia.php">Trzecia</a></div>
  5. </div>
[HTML] pobierz, plaintext


Wszystko jest pod adresem http://www.bazylnet.ovh.org/test.

Proszę o jeszcze,
bazyl.
potreb
26.01.2008, 00:45:12
A pokazasz zawartosc php jak ustawione masz
-bazylnet-
26.01.2008, 00:48:02
eee, nie wiem o czym mówisz
potreb
26.01.2008, 00:55:55
vokiel o czymś zapomniał:
[PHP] pobierz, plaintext 
  1. <div id="menu">
  2. <div class="male"><a <?php if ($_GET['strona']=="index") {echo("id=\"active\"");}?> href="index.php">index</a></div>
  3. <div class="male"><a <?php if ($_GET['strona']=="druga") {echo("id=\"active\"");}?> href="druga.php">Druga</a></div>
  4. <div class="male"><a <?php if ($_GET['strona']=="trzecia") {echo("id=\"active\"");}?> href="trzecia.php">Trzecia</a></div>
  5. </div>
[PHP] pobierz, plaintext


Ten przykład tyczy sie jakbyś includował pliki do index i używał do tego zmiennej strona:
Wpisz sobie taki adres: index.php?strona=druga
bazylnet
31.01.2008, 20:47:01
Dzięki potreb.

DZIAŁA

Jesteście WIELCY



ech, zmieniłem adres przykładu: http://www.bazylnet.ovh.org/test/menuzactive

Nie żebym szukał dziury w całym, ale brakuje jeszcze jednej rzeczy:

podświetlenia właściwego menu przy pierwszym uruchomieniu strony,

bo po kliknięciu w menu już jest ok.

Dzięki!
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.