Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Dynamiczny CSS w PHP
Forum PHP.pl > Forum > Przedszkole
Fixer
24.10.2004, 12:52:03
Witam,
Mam tabelkę na której znajduje się menu.
Chiał bym by po wybraniu zakładki w menu zmieniała ona styl który zapisany jest w pliku css.

zobaczcie może najpierw przykład.
Po kliknięciu w link ma się zmienić dynamicznie wygląd klikniętej zakładki przy uzyciu stylów css.
Jak mam to zrobić stosując php?

Na razie doszedłem do czegos takiego.
definiuję zmienne dla odpowiednich styli zapisanych w pliku css:
[PHP] pobierz, plaintext 
  1. <?
  2.   $zakladka_on = &#092;"selected\";      //zakładka wybrana przez użytkownika
  3.   $zakladka_off = &#092;"notselected\"; //zakładka nie wybrana
  4.   $luka_on = &#092;"selected0\";           //luka dla wybranej zakladki
  5.   $luka_off = &#092;"notselected0\";     //luka zamknieta dla nie wybranej zakładki
  6. ?>
[PHP] pobierz, plaintext


W pliku z menu mam zaś
zamiast 
[HTML] pobierz, plaintext 
  1. <TD class=selected> <a href="menu.php?s=grupy">Grupy</a></TD>
[HTML] pobierz, plaintext

robię 
[HTML] pobierz, plaintext 
  1. <TD class=<? echo ($zakladka_on); ?> <a href="menu.php?s=grupy">Grupy</a></TD>
[HTML] pobierz, plaintext

Ten sposób jednak nie funkcjonuje, jak powinienem to rozwiązać?
Jestem w ten sposób w kropce... sadsmiley02.gif
Z góry dzięki za pomoc...
Misiek
24.10.2004, 13:06:46
Ja myślę, że to chodzi o JavaScript. ocClick() czy coś takiego. Nie jestem pewnien, nie umiem dać Ci konkretnej rady, ale chyba powinieneś szukać w JavaScript.

Pozdrawiam
mike
24.10.2004, 13:58:32
@Misiek JavaScript odpada, tutaj chodzi o zmianę treści dokumentu .html a JavaScript działa po stronie użytkownika wiec nie można jej tutaj zastosować
@Fixer Twój sposób moim zdaniem jest dobry ale robisz błąd, spróbuj tak:
[HTML] pobierz, plaintext 
  1. <td class="<? echo ($zakladka_on); ?>"><a href="menu.php?s=grupy">Grupy</a></td>
[HTML] pobierz, plaintext
Fixer
24.10.2004, 15:54:16
OK, poradziłem sobie już z tym


[PHP] pobierz, plaintext 
  1. <?php
  2.   $z_on = &#092;"selected\";
  3.   $z_off = &#092;"notselected\";
  4.   $l_on = &#092;"selected0\";
  5.   $l_off = &#092;"notselected0\";
  6.  
  7.   $s=$_GET[&#092;"s\"];
  8.  
  9.   function z_on_off($link)
  10.   {
  11. 	if ($_GET[&#092;"s\"] == $link)
  12. 	  {
  13. 		echo('selected');
  14. 	  }
  15. 	else
  16. 	  {
  17. 		echo('notselected');
  18. 	  }
  19. 	return 0;
  20.   }
  21.  
  22.   function l_on_off($link)
  23.   {
  24. 	if ($_GET[&#092;"s\"] == $link)
  25. 	  {
  26. 		echo('selected0');
  27. 	  }
  28. 	else
  29. 	  {
  30. 		echo('notselected0');
  31. 	  }
  32. 	return 0;
  33.   }
  34.  
  35. 	function write_link($page, $link)
  36. 	{
  37. 		if ( $page == $_GET['s'] )
  38. 		{ echo($link); }
  39. 		else { echo('<a href=\"index.php?s='.$page.'\">'.$link.'</a>'); }
  40. 	}
  41. ?>
  42. <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">
  43. <HTML>
  44. <HEAD>
  45. <META HTTP-EQUIV=\"Content-Type\" CONTENT=\"text/html; charset=iso-8859-2\">
  46. <META NAME=\"Author\" CONTENT=\"Fixer\">
  47. <LINK href=\"styles.css\" type=text/css rel=STYLESHEET>
  48. </HEAD>
  49.  
  50. <BODY>
  51.  
  52. <table width=\"100%\" height=\"100%\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\">
  53.   <tr>
  54. 	<td align=\"center\" valign=\"top\">
  55. <table width=\"755\" border=\"0\" align=\"center\" cellpadding=\"5\" cellspacing=\"1\" bgcolor=\"#000000\">
  56.   <tr>
  57. 	<td height=\"105\" align=\"left\" valign=\"top\" bgcolor=\"#FFFFFF\">LOGO...</td>
  58.   </tr>
  59. </table>
  60.  
  61. <TABLE width=\"755\" border=\"0\" align=\"center\" cellSpacing=0>
  62.   <TBODY>
  63. 	<TR>
  64. 	  <TD height=\"6\" colspan=\"19\" noWrap><IMG height=1 alt=\"\" src=\"\" width=1 border=0></TD>
  65. 	</TR>
  66. 	<TR>
  67. 	  <TD height=\"10\" noWrap class=\"<? z_on_off(&#092;"\"); ?>\"><? write_link('', 'News'); ?></TD>
  68. 	  <TD class=td0>&nbsp;</TD>
  69. 	  <TD noWrap class=\"<? z_on_off(&#092;"uzytkownicy\"); ?>\"><? write_link('uzytkownicy', 'Użytkownicy'); ?></TD>
  70. 	  <TD class=td0>&nbsp;</TD>
  71. 	  <TD noWrap class=<? z_on_off(&#092;"grupy\"); ?>><? write_link('grupy', 'Grupy'); ?></TD>
  72. 	  <TD class=td0>&nbsp;</TD>
  73. 	  <TD noWrap class=<? z_on_off(&#092;"ustawienia\"); ?>><? write_link('ustawienia', 'Ustawienia'); ?></TD>
  74. 	  <TD class=td0>&nbsp;</TD>
  75. 	  <TD noWrap class=<? z_on_off(&#092;"administracja\"); ?>><? write_link('administracja', 'Administracja'); ?></TD>
  76. 	  <TD class=td0>&nbsp;</TD>
  77. 	  <TD colspan=\"5\" class=empty><IMG height=1 alt=\"\" src=\"\" width=1 border=0></TD>
  78. 	</TR>
  79. 	<TR>
  80. 	  <TD height=\"6\" class=<? l_on_off(&#092;"\"); ?>><IMG height=1 alt=\"\" src=\"\" width=1 border=0></TD>
  81. 	  <TD class=<? echo ($l_off); ?>><IMG height=1 alt=\"\" src=\"\" width=1 border=0></TD>
  82. 	  <TD class=<? l_on_off(&#092;"uzytkownicy\"); ?>><IMG height=1 alt=\"\" src=\"\" width=1 border=0></TD>
  83. 	  <TD class=<? echo ($l_off); ?>><IMG height=1 alt=\"\" src=\"\" width=1 border=0></TD>
  84. 	  <TD class=<? l_on_off(&#092;"grupy\"); ?>><IMG height=1 alt=\"\" src=\"\" width=1 border=0></TD>
  85. 	  <TD class=<? echo ($l_off); ?>><IMG height=1 alt=\"\" src=\"\" width=1 border=0></TD>
  86. 	  <TD class=<? l_on_off(&#092;"ustawienia\"); ?>><IMG height=1 alt=\"\" src=\"\" width=1 border=0></TD>
  87. 	  <TD class=<? echo ($l_off); ?>><IMG height=1 alt=\"\" src=\"\" width=1 border=0></TD>
  88. 	  <TD class=<? l_on_off(&#092;"administracja\"); ?>><IMG height=1 alt=\"\" src=\"\" width=1 border=0></TD>
  89. 	  <TD class=<? echo ($l_off); ?>><IMG height=1 alt=\"\" src=\"\" width=1 border=0></TD>
  90. 	  <TD width=\"100%\" class=<? echo ($l_off); ?>><IMG height=1 alt=\"\" src=\"\" width=1 border=0></TD>
  91. 	</TR>
  92. 	<TR align=\"left\" valign=\"top\" bgcolor=\"#FFFFFF\">
  93. 	  <TD height=\"336\" colSpan=15 class=podmenu>
  94. 		<?
  95. 		/* MENU */
  96. 			switch ( $_GET['s'] )
  97. 			{
  98. 			case '': include('news.php'); break;
  99. 			case 'uzytkownicy': include('users.php'); break;
  100. 			case 'grupy': include('groups.php'); break;
  101. 			case 'ustawienia': include('settings.php'); break;
  102. 			case 'administracja': include('administration.php'); break;
  103. 			}
  104. 	   ?>
  105. 	  </TD>
  106. 	</TR>
  107.   </TBODY>
  108. </TABLE>
  109. 	<table width=\"755\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"text_10\">
  110. 	  <tr>
  111. 		<td height=\"15\" align=\"center\" valign=\"bottom\">Copyright &copy; by <a href=\"mailto:bestlogin@fixer.devtown.net?subject=bestlogin%20admin\">fixer</a>. All right reserved.</td>
  112. 	  </tr>
  113. 	</table></td>
  114.   </tr>
  115. </table>
  116.  
  117. </BODY>
  118. </HTML>
[PHP] pobierz, plaintext
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.