Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Prawidłowe wyświetlanie menu + include
cheerockie
post
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
 
 Start new topic
Odpowiedzi
programista28
post
Post #2





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 (IMG:style_emoticons/default/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

Posty w temacie
- cheerockie   Prawidłowe wyświetlanie menu + include   11.01.2013, 13:39:18
- - programista28   Moze umiesc strone w ramkach jesli chcesz miec wid...   11.01.2013, 15:21:53
- - cheerockie   To znaczy? Czy ramki rozwiążą mój problem? Tak ab...   11.01.2013, 16:55:29
- - ZeTu   O coś takiego ci chodzi z tym aktywnym adresem w l...   11.01.2013, 18:43:16
- - cheerockie   Tylko gdzie i jak mam to dodać? Słaba jestem z php...   11.01.2013, 18:53:34
- - ZeTu   Zobacz demko http://takie-sobie.zoba.eu/demo/1/ W ...   11.01.2013, 19:04:38
- - cheerockie   Jak rozumiem aktywny klik jest na czerwono. O to m...   11.01.2013, 19:18:59
- - ZeTu   Ok to daj mi chwilkę   11.01.2013, 19:23:32
- - cheerockie   Ok   11.01.2013, 19:28:52
- - ZeTu   A skąd masz takie menu?   11.01.2013, 19:50:59
- - cheerockie   Ojejku wyczyściłam już pliki cookie z mojego lapto...   11.01.2013, 20:13:46
- - ZeTu   No wlasnie jest problem :/   11.01.2013, 20:18:04
- - cheerockie   A jaki? Hmmm. To może inaczej, Może inne menu? W ...   11.01.2013, 20:27:38
- - ZeTu   No bo to menu jest dwu poziomowe tak? A po klinięc...   11.01.2013, 20:32:46
- - cheerockie   Dzięki za przykłady, jak rozumiem takie menu http:...   11.01.2013, 21:27:25
- - ZeTu   Tak, jak coś to napisz tutaj w razie problemów.   11.01.2013, 21:40:14
- - cheerockie   Hej. Próbowałam i próbowałam i nie mogę zrozumieć ...   12.01.2013, 18:47:12
- - programista28   RE: Prawidłowe wyświetlanie menu + include   13.01.2013, 00:10:13
- - mieszkos   nie wiem co tu odwalacie ale można to zrobić tak ...   13.01.2013, 01:53:57
- - cheerockie   Dziekuję Wam wszystkim, wasza pomoc jest nezbędna....   13.01.2013, 09:52:01
- - mieszkos   ofc, że tak załaduj bibliotekę jQuery w sekcji me...   13.01.2013, 17:03:25
- - cheerockie   Ok, Spróbuję i się odezwę.   13.01.2013, 20:59:59
- - ZeTu   Znalazłem ciekawy sposób przy użyciu JS, nazywa si...   14.01.2013, 19:30:30

« Następny starszy · PHP · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 27.12.2025 - 12:31
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn