Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

2 Stron V   1 2 >  
 Reply to this topicStart new topic
> Prawidłowe wyświetlanie menu + include
cheerockie
post 11.01.2013, 13:39:18
Post #1





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 11.01.2013

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
programista28
post 11.01.2013, 15:21:53
Post #2





Grupa: Zarejestrowani
Postów: 88
Pomógł: 2
Dołączył: 14.05.2011

Ostrzeżenie: (0%)
-----

Moze umiesc strone w ramkach jesli chcesz miec widoczne menu po zmianie strony ?
Go to the top of the page
+Quote Post
cheerockie
post 11.01.2013, 16:55:29
Post #3





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 11.01.2013

Ostrzeżenie: (0%)
-----

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?
Go to the top of the page
+Quote Post
ZeTu
post 11.01.2013, 18:43:16
Post #4





Grupa: Zarejestrowani
Postów: 217
Pomógł: 8
Dołączył: 8.12.2010

Ostrzeżenie: (0%)
-----

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


Ten post edytował ZeTu 11.01.2013, 18:46:46


--------------------
Mój blog, Portfolio, Zarabianie przez interNET
Go to the top of the page
+Quote Post
cheerockie
post 11.01.2013, 18:53:34
Post #5





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 11.01.2013

Ostrzeżenie: (0%)
-----

Tylko gdzie i jak mam to dodać? Słaba jestem z php.
Go to the top of the page
+Quote Post
ZeTu
post 11.01.2013, 19:04:38
Post #6





Grupa: Zarejestrowani
Postów: 217
Pomógł: 8
Dołączył: 8.12.2010

Ostrzeżenie: (0%)
-----

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ę

Ten post edytował ZeTu 11.01.2013, 19:22:26


--------------------
Mój blog, Portfolio, Zarabianie przez interNET
Go to the top of the page
+Quote Post
cheerockie
post 11.01.2013, 19:18:59
Post #7





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 11.01.2013

Ostrzeżenie: (0%)
-----

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ę?
Go to the top of the page
+Quote Post
ZeTu
post 11.01.2013, 19:23:32
Post #8





Grupa: Zarejestrowani
Postów: 217
Pomógł: 8
Dołączył: 8.12.2010

Ostrzeżenie: (0%)
-----

Ok to daj mi chwilkę


--------------------
Mój blog, Portfolio, Zarabianie przez interNET
Go to the top of the page
+Quote Post
cheerockie
post 11.01.2013, 19:28:52
Post #9





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 11.01.2013

Ostrzeżenie: (0%)
-----

Ok smile.gif
Go to the top of the page
+Quote Post
ZeTu
post 11.01.2013, 19:50:59
Post #10





Grupa: Zarejestrowani
Postów: 217
Pomógł: 8
Dołączył: 8.12.2010

Ostrzeżenie: (0%)
-----

A skąd masz takie menu?


--------------------
Mój blog, Portfolio, Zarabianie przez interNET
Go to the top of the page
+Quote Post
cheerockie
post 11.01.2013, 20:13:46
Post #11





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 11.01.2013

Ostrzeżenie: (0%)
-----

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?
Go to the top of the page
+Quote Post
ZeTu
post 11.01.2013, 20:18:04
Post #12





Grupa: Zarejestrowani
Postów: 217
Pomógł: 8
Dołączył: 8.12.2010

Ostrzeżenie: (0%)
-----

No wlasnie jest problem :/


--------------------
Mój blog, Portfolio, Zarabianie przez interNET
Go to the top of the page
+Quote Post
cheerockie
post 11.01.2013, 20:27:38
Post #13





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 11.01.2013

Ostrzeżenie: (0%)
-----

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.

Ten post edytował cheerockie 11.01.2013, 20:32:04
Go to the top of the page
+Quote Post
ZeTu
post 11.01.2013, 20:32:46
Post #14





Grupa: Zarejestrowani
Postów: 217
Pomógł: 8
Dołączył: 8.12.2010

Ostrzeżenie: (0%)
-----

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

Ten post edytował ZeTu 11.01.2013, 20:50:28


--------------------
Mój blog, Portfolio, Zarabianie przez interNET
Go to the top of the page
+Quote Post
cheerockie
post 11.01.2013, 21:27:25
Post #15





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 11.01.2013

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
ZeTu
post 11.01.2013, 21:40:14
Post #16





Grupa: Zarejestrowani
Postów: 217
Pomógł: 8
Dołączył: 8.12.2010

Ostrzeżenie: (0%)
-----

Tak, jak coś to napisz tutaj w razie problemów.


--------------------
Mój blog, Portfolio, Zarabianie przez interNET
Go to the top of the page
+Quote Post
cheerockie
post 12.01.2013, 18:47:12
Post #17





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 11.01.2013

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
programista28
post 13.01.2013, 00:10:13
Post #18





Grupa: Zarejestrowani
Postów: 88
Pomógł: 2
Dołączył: 14.05.2011

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
mieszkos
post 13.01.2013, 01:53:57
Post #19





Grupa: Zarejestrowani
Postów: 78
Pomógł: 11
Dołączył: 1.04.2009

Ostrzeżenie: (0%)
-----

nie wiem co tu odwalacie tongue.gif ale można to zrobić tak

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

po kllikajcie w kwadraciki

Ten post edytował mieszkos 13.01.2013, 01:55:02
Go to the top of the page
+Quote Post
cheerockie
post 13.01.2013, 09:52:01
Post #20





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 11.01.2013

Ostrzeżenie: (0%)
-----

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?
Go to the top of the page
+Quote Post
« Następny starszy · PHP · Następny nowszy »
 

2 Stron V   1 2 >
Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 10.06.2024 - 08:55
Powered By IP.Board © 2024  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn