Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Prawidłowe wyświetlanie menu + include
Forum PHP.pl > Forum > PHP
cheerockie
11.01.2013, 13:39:18
Witam.
Mam problem i chciałabym aby ktoś mi pomógł go rozwiązać.
Całość problemu jest pokazana pod adresem problem.
Otóż mam menu w i utworzone dwie strony o nazwach kontakt.php oraz home.php.
W index.php wstawiłam wartości do wyświetlana zawartości stron:
Kod
    <?php include "include/mainmenu.php"; ?>                
                        <?php
                                      // zmienna $go przekazana metoda GET
                                      $go = $_GET['go'];        
                                      // sprawdzamy czy zmienna $go nie jest pusta
                                      if(!empty($go)) {
                             // sprawdzamy czy plik o danej nazwie istnieje
                             if(is_file("pages/$go.php")) include "pages/$go.php";
                             // jezeli plik nie istnieje wyswietla się komunikat
                             else echo "<br />Nie ma takiej strony :-(";
                                      }
                                      // jezeli zmienna $go jest pusta wyswietla się strona glowna
                                      else include "pages/home.php";                  
                        ?>


Teraz moje pytanie, w jaki sposób zrobić aby wraz z kliknięciem na przycisk menu np. kontaktu był on aktywny aż do momentu przejścia na inną stronę np. home?
Przepraszam za błędy i wybaczcie to mój pierwszy w życiu post na forum.

Pozdrawiam Aleksandra.
programista28
11.01.2013, 15:21:53
Moze umiesc strone w ramkach jesli chcesz miec widoczne menu po zmianie strony ?
cheerockie
11.01.2013, 16:55:29
To znaczy?
Czy ramki rozwiążą mój problem? Tak aby przechodzenie pomiędzy stronami powodowało także aktywny przycisk w menu?
Czytałam że ramki są mało bezpiecznym rozwiązaniem? Jakieś inne pomysł? Może powinnam coś dodać w includowaniu?
ZeTu
11.01.2013, 18:43:16
O coś takiego ci chodzi z tym aktywnym adresem w linku? 
[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3. $adres = $_GET['go'];
  4.  
  5. $kod = 'class="aktywny"';
  6.  
  7. if($adres == 'home') {
  8. $home1 = $kod;
  9. } elseif($adres == 'druga') {
  10. $druga1 = $kod;
  11. } else {
  12. $home1 = $kod;
  13. } 
  14. ?>
  15.  
  16. <ul>
  17.          <li <? echo $home1; ?>><a href="home.php">Home</a></li>
  18.          <li <? echo $druga1; ?>><a href="druga.php">Druga</a></li>
  19. </ul>
[PHP] pobierz, plaintext
cheerockie
11.01.2013, 18:53:34
Tylko gdzie i jak mam to dodać? Słaba jestem z php.
ZeTu
11.01.2013, 19:04:38
Zobacz demko http://takie-sobie.zoba.eu/demo/1/
W Twoim kodzie oznaką, że strona jest aktywna jest 
[HTML] pobierz, plaintext 
  1.  class="selected"
[HTML] pobierz, plaintext
ja dałem podobnie 
[HTML] pobierz, plaintext 
  1. class="aktywny"
[HTML] pobierz, plaintext
Teraz wrzucasz ten kod co podałem bez <ul>...</ul>, bo to już masz.
I teraz w htmlu masz 
[HTML] pobierz, plaintext 
  1. <li rel="link1" class="selected" ><a href="#">Link 1</a></li>
[HTML] pobierz, plaintext
i zamiast 
[HTML] pobierz, plaintext 
  1. class="selected"
[HTML] pobierz, plaintext
dajesz 
[PHP] pobierz, plaintext 
  1. <? echo $home1; ?>
[PHP] pobierz, plaintext
gdy dodajesz kolejny link, to robisz to tak 
[PHP] pobierz, plaintext 
  1. <li rel="link1" <? echo $druga1; ?> ><a href="#">Link 2</a></li>
[PHP] pobierz, plaintext
a w tym kodzie co podałem dopisujesz przed } esle { kod 
[PHP] pobierz, plaintext 
  1.  elseif($adres == 'druga') {
  2. $druga1 = $kod;
  3. }
[PHP] pobierz, plaintext
I tak za każdym razem gdy dodajesz kolejną podstronę
cheerockie
11.01.2013, 19:18:59
Jak rozumiem aktywny klik jest na czerwono. O to mi chodziło, Tylko jak zastosować Twój przykład dla mojego menu? -> Tutaj w zakładce "download" zamieściłam spakowany w zipie folder z moim menu i screen. Może pomógłbyś mi na żywym przykładzie? Proszę?
ZeTu
11.01.2013, 19:23:32
Ok to daj mi chwilkę
cheerockie
11.01.2013, 19:28:52
Ok smile.gif
ZeTu
11.01.2013, 19:50:59
A skąd masz takie menu?
cheerockie
11.01.2013, 20:13:46
Ojejku wyczyściłam już pliki cookie z mojego laptopa. Ogólnie to szukałam bardzo długo mn. tutaj. http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm.
Co prawda nie było tam opisu funkcjonowania tylko gotowy przykład do użycia. Jak rozumiem będzie problem z dostosowaniem go?
ZeTu
11.01.2013, 20:18:04
No wlasnie jest problem :/
cheerockie
11.01.2013, 20:27:38
A jaki? wink.gif Hmmm. To może inaczej, Może inne menu? W zasadzie chodzi mi tylko o to aby był taki układ graficzny jaki jest. Szukałam odobnego do takiego jak tutaj.
ZeTu
11.01.2013, 20:32:46
No bo to menu jest dwu poziomowe tak? A po klinięciu jakiegoś linka np. Link 2 -> Kontakt, to powinno tak zostać, a menu wraca do poprzedniego stanu, więc mój sposób nie wypali w tym momęcie :/ A nie mam zbytnio czasu teraz by się bawić w przeszukiwaniu CSS i JS
To menu co podałaś w ostatnim linku działa troszkę inaczej.

Tutaj jest menu takie dwu poziomowe
http://www.cssplay.co.uk/menus/cssplay-pushpull.html
http://www.cssplay.co.uk/menus/cssplay-showup.html

http://www.cssplay.co.uk/menus/cssplay-click-dropline.html
http
://www.dynamicdrive.com/style/csslibra...rop_line_menu/

http://www.cssplay.co.uk/menus/pro_dropline.html


Więcej w google, zobacz tutaj

Tylko zmienić kolory i tło
cheerockie
11.01.2013, 21:27:25
Dzięki za przykłady, jak rozumiem takie menu http://www.cssplay.co.uk/menus/pro_dropline.html (ostanie ) powinno z twoim sposobem zadziałać? Sprawdzę i może uda mi się smile.gif Bardzo dziękuję za pomoc.
ZeTu
11.01.2013, 21:40:14
Tak, jak coś to napisz tutaj w razie problemów.
cheerockie
12.01.2013, 18:47:12
Hej. Próbowałam i próbowałam i nie mogę zrozumieć w jaki sposób ma to funkcjonować. Wrzuciłam nowe menu po podglądu TUTAJ
Chodzi mi o efekt taki o jakim napisał ZeTu "... menu jest dwu poziomowe tak? A po klinięciu jakiegoś linka np. Link 2 -> Kontakt, to powinno tak zostać...".
Ja jednak nie rozumiem w jaki sposób to zrobić, tak jak opisywał to ZeTu.
Pomóżcie mi, bo jak się poddam to porzucę swoje plany z nauką php sad.gif.
programista28
13.01.2013, 00:10:13
prosze piec plików

menu.php,menu1.php,menu2.php,menu3.php,menu4.php

>menu.php 

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4.  
  5. <style type="text/css">
  6.  
  7. ul li {
  8. 	display: inline;
  9.  
  10. }
  11.  
  12. #menu li a {
  13. 	background:#11bbff;
  14. 	color:#000000;
  15.     font-size:45px; /*wielkosc tekstu */
  16. }
  17.  
  18. #menu li.current a{
  19. 	background:red;
  20. 	color:#000000;
  21. }
  22.  
  23.  
  24.  
  25. .menu{
  26.     position:relative;
  27.     top:50px;
  28.     left:500px; /*pozycja menu na stronie mozna ustawiac */
  29. }
  30. </style>
  31. </head>
  32. <body>
  33. <?php
  34. $ktory = $_GET['przycisk']; 
  35.  
  36. if($ktory==1){
  37.     $class1 = 'class="current"';
  38. }elseif($ktory==2){
  39.     $class2 = 'class="current"';
  40. }elseif($ktory==3){
  41.     $class3 = 'class="current"';
  42. }elseif($ktory==4){
  43.     $class4='class="current"';
  44. }
  45.  
  46. ?>
  47. <div class="menu">
  48. 	<ul id="menu">
  49. 		<li <?php echo $class1 ;?>><a href="menu1.php?przycisk=1">Home</a></li>
  50. 		<li <?php echo $class2 ;?> ><a href="menu2.php?przycisk=2">strona 1</a></li>
  51. 		<li <?php echo $class3 ;?>><a href="menu3.php?przycisk=3">strona 2</a></li>
  52. 		<li <?php echo $class4 ;?>><a href="menu4.php?przycisk=4">strona 3</a></li>
  53. 	</ul>
  54.     </div>
  55. </body>
  56. </html>    
[HTML] pobierz, plaintext


>menu1.php

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4.  
  5. <style type="text/css">
  6.  
  7. ul li {
  8. 	display: inline;
  9.  
  10. }
  11.  
  12. #menu li a {
  13. 	background:#11bbff;
  14. 	color:#000000;
  15.     font-size:45px;
  16. }
  17.  
  18. #menu li.current a{
  19. 	background:red;
  20. 	color:#000000;
  21. }
  22.  
  23.  
  24. .menu{
  25.     position:relative;
  26.     top:50px;
  27.     left:500px;
  28. }
  29. </style>
  30. </head>
  31. <body>
  32. <?php
  33. $ktory = $_GET["przycisk"]; 
  34.  
  35.  
  36.  
  37. if($ktory==1){
  38.     $class1 = "class=current";
  39. }elseif($ktory=2){
  40.     $class2 = "class=current";
  41. }elseif($ktory=3){
  42.     $class3 = 'class="current"';
  43. }elseif($ktory=4){
  44.     $class4='class="current"';
  45. }
  46.  
  47. ?>
  48. <div class="menu">
  49. 	<ul id="menu">
  50. 		<li  <?php echo $class1 ?>><a href="menu1.php?przycisk=1">Home</a></li>
  51. 		<li <?php echo $class2 ;?> ><a href="menu2.php?przycisk=2">strona 1</a></li>
  52. 		<li <?php echo $class3 ;?>><a href="menu3.php?przycisk=3">strona 2</a></li>
  53. 		<li <?php echo $class4 ;?>><a href="menu4.php?przycisk=4">strona 3</a></li>
  54. 	</ul>
  55.     </div>
  56. </body>
  57. </html>    
[HTML] pobierz, plaintext


>menu2.php

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4.  
  5. <style type="text/css">
  6.  
  7.  
  8. ul li {
  9. 	display: inline;
  10.  
  11. }
  12.  
  13. #menu li a {
  14. 	background:#11bbff;
  15. 	color:#000000;
  16.     font-size:45px;
  17. }
  18.  
  19. #menu li.current a{
  20. 	background:red;
  21. 	color:#000000;
  22. }
  23.  
  24.  
  25. .menu{
  26.     position:relative;
  27.     top:50px;
  28.     left:500px;
  29. }
  30.  
  31. </style>
  32. </head>
  33. <body>
  34. <?php
  35. $ktory = $_GET['przycisk']; 
  36.  
  37. if($ktory==1){
  38.     $class1 = 'class="current"';
  39. }elseif($ktory==2){
  40.     $class2 = 'class="current"';
  41. }elseif($ktory==3){
  42.     $class3 = 'class="current"';
  43. }elseif($ktory==4){
  44.     $class4='class="current"';
  45. }
  46.  
  47. ?>
  48. <div class="menu">
  49. 	<ul id="menu">
  50. 		<li <?php echo $class1 ;?>><a href="menu1.php?przycisk=1">Home</a></li>
  51. 		<li <?php echo $class2 ;?> ><a href="menu2.php?przycisk=2">strona 1</a></li>
  52. 		<li <?php echo $class3 ;?>><a href="menu3.php?przycisk=3">strona 2</a></li>
  53. 		<li <?php echo $class4 ;?>><a href="menu4.php?przycisk=4">strona 3</a></li>
  54. 	</ul>
  55.     </div>
  56. </body>
  57. </html>    
[HTML] pobierz, plaintext


>menu3.php

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4.  
  5. <style type="text/css">
  6.  
  7.  
  8. ul li {
  9. 	display: inline;
  10.  
  11. }
  12.  
  13. #menu li a {
  14. 	background:#11bbff;
  15. 	color:#000000;
  16.     font-size:45px;
  17. }
  18.  
  19. #menu li.current a{
  20. 	background:red;
  21. 	color:#000000;
  22. }
  23.  
  24.  
  25. .menu{
  26.     position:relative;
  27.     top:50px;
  28.     left:500px;
  29. }
  30.  
  31. </style>
  32. </head>
  33. <body>
  34. <?php
  35. $ktory = $_GET['przycisk']; 
  36.  
  37. if($ktory==1){
  38.     $class1 = 'class="current"';
  39. }elseif($ktory==2){
  40.     $class2 = 'class="current"';
  41. }elseif($ktory==3){
  42.     $class3 = 'class="current"';
  43. }elseif($ktory==4){
  44.     $class4='class="current"';
  45. }
  46.  
  47. ?>
  48. <div class="menu">
  49. 	<ul id="menu">
  50. 		<li <?php echo $class1 ;?>><a href="menu1.php?przycisk=1">Home</a></li>
  51. 		<li <?php echo $class2 ;?> ><a href="menu2.php?przycisk=2">strona 1</a></li>
  52. 		<li <?php echo $class3 ;?>><a href="menu3.php?przycisk=3">strona 2</a></li>
  53. 		<li <?php echo $class4 ;?>><a href="menu4.php?przycisk=4">strona 3</a></li>
  54. 	</ul>
  55.     </div>
  56. </body>
  57. </html>    
[HTML] pobierz, plaintext



>menu4.php

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4.  
  5. <style type="text/css">
  6.  
  7.  
  8.  
  9. ul li {
  10. 	display: inline;
  11.  
  12. }
  13.  
  14. #menu li a {
  15. 	background:#11bbff;
  16. 	color:#000000;
  17.     font-size:45px;
  18. }
  19.  
  20. #menu li.current a{
  21. 	background:red;
  22. 	color:#000000;
  23. }
  24.  
  25.  
  26. .menu{
  27.     position:relative;
  28.     top:50px;
  29.     left:500px;
  30. }
  31.  
  32. </style>
  33. </head>
  34. <body>
  35. <?php
  36. $ktory = $_GET['przycisk']; 
  37.  
  38.  
  39.  
  40. if($ktory==1){
  41.     $class1 = 'class="current"';
  42. }elseif($ktory==2){
  43.     $class2 = 'class="current"';
  44. }elseif($ktory==3){
  45.     $class3 = 'class="current"';
  46. }elseif($ktory==4){
  47.     $class4='class="current"';
  48. }
  49.  
  50. ?>
  51. <div class="menu">
  52. 	<ul id="menu">
  53. 		<li <?php echo $class1 ;?>><a href="menu1.php?przycisk=1">Home</a></li>
  54. 		<li <?php echo $class2 ;?> ><a href="menu2.php?przycisk=2">strona 1</a></li>
  55. 		<li <?php echo $class3 ;?>><a href="menu3.php?przycisk=3">strona 2</a></li>
  56. 		<li <?php echo $class4 ;?>><a href="menu4.php?przycisk=4">strona 3</a></li>
  57. 	</ul>
  58.     </div>
  59. </body>
  60. </html>    
[HTML] pobierz, plaintext


tworzysz w jednym katalogu pliki menu.php,menu1.php,menu2.php,menu3.php,menu4.php

oczywiscie menu mozna sobie dostosowywac to tylko takie przykladowe jest

pozdrawiam



zrobilem jeszcze wersje z includowaniem

menu.php,menu1.php,menu2.php,menu3.php,menu4.php


>menu.php

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4.  
  5. <style type="text/css">
  6.  
  7. ul li {
  8. 	display: inline;
  9.  
  10. }
  11.  
  12. #menu li a {
  13. 	background:#11bbff;
  14. 	color:#000000;
  15.     font-size:45px; /*wielkosc tekstu */
  16. }
  17.  
  18. #menu li.current a{
  19. 	background:red;
  20. 	color:#000000;
  21. }
  22.  
  23.  
  24.  
  25. .menu{
  26.     position:relative;
  27.     top:50px;
  28.     left:500px; /*pozycja menu na stronie mozna ustawiac */
  29. }
  30. </style>
  31. </head>
  32. <body>
  33.  
  34. <?php
  35. $ktory = $_GET['przycisk']; 
  36.  
  37. if($ktory==1){
  38.     $class1 = 'class="current"';
  39. }elseif($ktory==2){
  40.     $class2 = 'class="current"';
  41. }elseif($ktory==3){
  42.     $class3 = 'class="current"';
  43. }elseif($ktory==4){
  44.     $class4='class="current"';
  45. }
  46.  
  47. ?>
  48. <?php include("menum.php"); ?>
  49. </body>
  50. </html>   
[HTML] pobierz, plaintext


>menu1.php

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4.  
  5. <style type="text/css">
  6.  
  7. ul li {
  8. 	display: inline;
  9.  
  10. }
  11.  
  12. #menu li a {
  13. 	background:#11bbff;
  14. 	color:#000000;
  15.     font-size:45px;
  16. }
  17.  
  18. #menu li.current a{
  19. 	background:red;
  20. 	color:#000000;
  21. }
  22.  
  23.  
  24. .menu{
  25.     position:relative;
  26.     top:50px;
  27.     left:500px;
  28. }
  29. </style>
  30. </head>
  31. <body>
  32.  
  33. <?php
  34. $ktory = $_GET["przycisk"]; 
  35.  
  36.  
  37.  
  38. if($ktory==1){
  39.     $class1 = "class=current";
  40. }elseif($ktory=2){
  41.     $class2 = "class=current";
  42. }elseif($ktory=3){
  43.     $class3 = 'class="current"';
  44. }elseif($ktory=4){
  45.     $class4='class="current"';
  46. }
  47.  
  48. ?>
  49. <?php include("menum.php"); ?>
  50. </body>
  51. </html>    
[HTML] pobierz, plaintext


>menu2.php

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4.  
  5. <style type="text/css">
  6.  
  7.  
  8. ul li {
  9. 	display: inline;
  10.  
  11. }
  12.  
  13. #menu li a {
  14. 	background:#11bbff;
  15. 	color:#000000;
  16.     font-size:45px;
  17. }
  18.  
  19. #menu li.current a{
  20. 	background:red;
  21. 	color:#000000;
  22. }
  23.  
  24.  
  25. .menu{
  26.     position:relative;
  27.     top:50px;
  28.     left:500px;
  29. }
  30.  
  31. </style>
  32. </head>
  33. <body>
  34.  
  35. <?php
  36. $ktory = $_GET['przycisk']; 
  37.  
  38. if($ktory==1){
  39.     $class1 = 'class="current"';
  40. }elseif($ktory==2){
  41.     $class2 = 'class="current"';
  42. }elseif($ktory==3){
  43.     $class3 = 'class="current"';
  44. }elseif($ktory==4){
  45.     $class4='class="current"';
  46. }
  47.  
  48. ?>
  49. <?php include("menum.php"); ?>
  50. </body>
  51. </html>    
[HTML] pobierz, plaintext


>menu3.php

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4.  
  5. <style type="text/css">
  6.  
  7.  
  8. ul li {
  9. 	display: inline;
  10.  
  11. }
  12.  
  13. #menu li a {
  14. 	background:#11bbff;
  15. 	color:#000000;
  16.     font-size:45px;
  17. }
  18.  
  19. #menu li.current a{
  20. 	background:red;
  21. 	color:#000000;
  22. }
  23.  
  24.  
  25. .menu{
  26.     position:relative;
  27.     top:50px;
  28.     left:500px;
  29. }
  30.  
  31. </style>
  32. </head>
  33. <body>
  34.  
  35. <?php
  36. $ktory = $_GET['przycisk']; 
  37.  
  38. if($ktory==1){
  39.     $class1 = 'class="current"';
  40. }elseif($ktory==2){
  41.     $class2 = 'class="current"';
  42. }elseif($ktory==3){
  43.     $class3 = 'class="current"';
  44. }elseif($ktory==4){
  45.     $class4='class="current"';
  46. }
  47.  
  48. ?>
  49. <?php include("menum.php"); ?>
  50. </body>
  51. </html>    
[HTML] pobierz, plaintext


>menu4.php

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4.  
  5. <style type="text/css">
  6.  
  7.  
  8.  
  9. ul li {
  10. 	display: inline;
  11.  
  12. }
  13.  
  14. #menu li a {
  15. 	background:#11bbff;
  16. 	color:#000000;
  17.     font-size:45px;
  18. }
  19.  
  20. #menu li.current a{
  21. 	background:red;
  22. 	color:#000000;
  23. }
  24.  
  25.  
  26. .menu{
  27.     position:relative;
  28.     top:50px;
  29.     left:500px;
  30. }
  31.  
  32. </style>
  33. </head>
  34. <body>
  35.  
  36. <?php
  37. $ktory = $_GET['przycisk']; 
  38.  
  39.  
  40.  
  41. if($ktory==1){
  42.     $class1 = 'class="current"';
  43. }elseif($ktory==2){
  44.     $class2 = 'class="current"';
  45. }elseif($ktory==3){
  46.     $class3 = 'class="current"';
  47. }elseif($ktory==4){
  48.     $class4='class="current"';
  49. }
  50.  
  51. ?>
  52. <?php include("menum.php"); ?>
  53. </body>
  54. </html>    
[HTML] pobierz, plaintext



i menum.php (includowane menu)

[HTML] pobierz, plaintext 
  1. <div class="menu">
  2. 	<ul id="menu">
  3. 		<li <?php echo $class1 ;?>><a href="menu.php?przycisk=1">Home</a></li>
  4. 		<li <?php echo $class2 ;?> ><a href="menu.php?przycisk=2">strona 1</a></li>
  5. 		<li <?php echo $class3 ;?>><a href="menu.php?przycisk=3">strona 2</a></li>
  6. 		<li <?php echo $class4 ;?>><a href="menu.php?przycisk=4">strona 3</a></li>
  7. 	</ul>
  8.     </div>
[HTML] pobierz, plaintext


wszystko zapisac w jednym katalogu

I jeszcze wersja wszystko na jednej stronie smile.gif

dwa pliki menu.php i menum.php

>menu.php

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4.  
  5. <style type="text/css">
  6.  
  7. ul li {
  8. 	display: inline;
  9.  
  10. }
  11.  
  12. #menu li a {
  13. 	background:#11bbff;
  14. 	color:#000000;
  15.     font-size:45px; /*wielkosc tekstu */
  16. }
  17.  
  18. #menu li.current a{
  19. 	background:red;
  20. 	color:#000000;
  21. }
  22.  
  23.  
  24.  
  25. .menu{
  26.     position:relative;
  27.     top:50px;
  28.     left:500px; /*pozycja menu na stronie mozna ustawiac */
  29. }
  30. </style>
  31. </head>
  32. <body>
  33.  
  34. <?php
  35. $ktory = $_GET['przycisk']; 
  36.  
  37. if($ktory==1){
  38.     $class1 = 'class="current"';
  39. }elseif($ktory==2){
  40.     $class2 = 'class="current"';
  41. }elseif($ktory==3){
  42.     $class3 = 'class="current"';
  43. }elseif($ktory==4){
  44.     $class4='class="current"';
  45. }
  46.  
  47. ?>
  48. <?php include("menum.php"); ?>
  49.  
  50.  
  51. <?php 
  52.  
  53. if($ktory==1){
  54.     echo "<br><br>";
  55.     echo "tresc strony 1"; // tu mozna includowac tresc w razie potrzeby 
  56. }
  57. elseif($ktory==2){
  58.     echo "<br><br>";
  59.     echo "tresc strony 2";
  60. }
  61. elseif($ktory==3){
  62.     echo "<br><br>";
  63.     echo "tresc strony 3";
  64. }
  65. elseif($ktory==4){
  66.     echo "<br><br>";
  67.     echo "tresc strony 4";
  68. }
  69. ?>
  70. </body>
  71. </html>    
[HTML] pobierz, plaintext


>menum.php(includowane menu)

[HTML] pobierz, plaintext 
  1. <div class="menu">
  2. 	<ul id="menu">
  3. 		<li <?php echo $class1 ;?>><a href="menu.php?przycisk=1">Home</a></li>
  4. 		<li <?php echo $class2 ;?> ><a href="menu.php?przycisk=2">strona 1</a></li>
  5. 		<li <?php echo $class3 ;?>><a href="menu.php?przycisk=3">strona 2</a></li>
  6. 		<li <?php echo $class4 ;?>><a href="menu.php?przycisk=4">strona 3</a></li>
  7. 	</ul>
  8.     </div>
[HTML] pobierz, plaintext


wszystko rowniez umiescic w jednym katalogu

pozdrawiam
mieszkos
13.01.2013, 01:53:57
nie wiem co tu odwalacie tongue.gif ale można to zrobić tak

http://jsfiddle.net/9hbnD/1

po kllikajcie w kwadraciki
cheerockie
13.01.2013, 09:52:01
Dziekuję Wam wszystkim, wasza pomoc jest nezbędna.
Mam pytanie do kolegi MIESZKOS. Twój pomysł bardzo mi się spodobał, możesz coś więcej na temat takiego rozwiązania napisać? Mógłbyś zrobić dla przykładu 2poziomowe horyzontalne menu? Twój sposób dzięki JS jest niezależny od całościowego kodu php?
mieszkos
13.01.2013, 17:03:25
ofc, że tak

załaduj bibliotekę jQuery w sekcji meta i pod tym daj

[PHP] pobierz, plaintext 
  1. <script>
  2. $(document).ready(function () {
  3. $('div#container div#mainmenu ul#maintab li').click(function() {
  4.   $('div#container div#mainmenu ul#maintab li').css('border', 'none');
  5.   $('div#container div#mainmenu ul.selected li').css('border', 'none');
  6.   $(this).css('border', '1px solid #000');
  7. });
  8.   $('div#container div#mainmenu ul.selected li').click(function() {
  9.   $('div#container div#mainmenu ul.selected li').css('border', 'none');
  10.   $(this).css('border', '1px solid #000');
  11. });
  12. });
  13. </script>
[PHP] pobierz, plaintext


I to jest pod twój kod. Jak klikniesz w menu nadrzęde to je podświetli. Jak klikniesz w menu nadrzędne i potem podrzędne to nadrzedne jest dalej podswietlone i podrzędne też. Dopóki nie zmienisz nadrzędnego.

http://jsfiddle.net/9hbnD/3/ tu masz przykład z twoim kodem home i onas to narzędne, podrzędne to link1 i kontakt, teraz tylko musisz to złozyc w kupe, wykorzystac to co dalem i tyle. jak ci coś nie działa to możesz napisać na gg.35138255 niewidok always.
cheerockie
13.01.2013, 20:59:59
Ok, Spróbuję i się odezwę.
ZeTu
14.01.2013, 19:30:30
Znalazłem ciekawy sposób przy użyciu JS, nazywa się Highlighter, tylko zapomniałem z jakiej strony ściągnąłem więc wrzuciłem do siebie na serwer wraz z opisem: http://karol-drag.eu/js-highlighter-aktyw...ink-w-menu.html
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.