Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: tresc zalezna od wyboru w rozwijanej liscie
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
1010
24.03.2007, 09:30:29
chce zrobic pole rozwijanej listy i ze jak wybierze pierwsza opcje to pokazuje sie jeden tekst a jak druga to drugi tekst. Niestety nie jestem za mocny w javascript i nie wiem jak sie do tego zabrac...
ferr
24.03.2007, 11:51:27 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3.  <head>
  4. 	<title>Form</title>
  5. 	<script type="text/javascript">
  6.  
  7. 	window.onload = Laduj;
  8.  
  9. 	function Laduj()
  10. 	{
  11. 		document.forms[0].wybor.onchange = Pokaz;
  12. 	}
  13. 	function Pokaz()
  14. 	{
  15. 		var nazwa = "id-"+this.value
  16. 		var blok = document.getElementById(nazwa);
  17.  
  18. 		if (blok.style.display == 'none')
  19. 		{
  20. 			blok.style.display = 'block';
  21. 		}
  22. 		else
  23. 		{
  24. 			blok.style.display = 'none';
  25. 		}
  26.  
  27. 		var elements = document.getElementsByTagName('div');
  28. 		for (var i = 0;i < elements.length ;i++ )
  29. 		{
  30. 			if (elements[i].id)
  31. 			{
  32. 				if (elements[i].id != nazwa)
  33. 				{
  34. 					elements[i].style.display = "none";
  35. 				}
  36. 			}
  37. 		}
  38. 	}
  39. 	</script>
  40.  
  41.  </head>
  42.  
  43.  <body>
  44.   <div>
  45. 	<form name="form" method="post">
  46. 		<select name="wybor">
  47. 			<option value="1">opcja pierwsza</option>
  48. 			<option value="2">opcja druga</option>
  49. 		</select>
  50. 	</form>
  51. 	<div id="id-1" style="display: none;">raz</div>
  52. 	<div id="id-2" style="display: none;">dwa</div>
  53.  </body>
  54. </html>
[HTML] pobierz, plaintext
1010
24.03.2007, 19:48:34
W jednym pliku jak to podstawiłem to jak wybrałem opcje to białe okno sie robi i nic więcej. Czym to może być spowodowane? I jak to naprawić?
ferr
24.03.2007, 20:27:49
Spojrz na HTML - <optiony> musza miec value w cyfrach. Np. jesli option ma value 1, to div, ktory ten option odkryje musi miec id="id-1", analogicznie - 3 = id="id-3" itd.
1010
24.03.2007, 20:56:54
tak też mam... i nie działa.
ferr
24.03.2007, 21:37:18
Pokaz swoj dokument, nie jestem jasnowidzem smile.gif
1010
24.03.2007, 23:10:12 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><title>Społeczność - Panel kontrolny użytkownika</title>
  3.  
  4.  
  5.  
  6. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  7. <link rel="stylesheet" type="text/css" media="screen" href="profil/screen.css">
  8. <link rel="alternate" href="http://infonia.pl/spolecznosc" type="application/rss+xml" title="Społeczność">
  9.  
  10.  
  11. <style type="text/css">
  12. body {
  13. margin: -13px;
  14. padding: 0px;
  15. }
  16. A:link {COLOR: #111111; TEXT-DECORATION: none;}
  17. A:visited {COLOR: #111111; TEXT-DECORATION: none;}
  18. A:active {COLOR: #97222B; TEXT-DECORATION: none;}
  19. A:hover {COLOR: #97222B; TEXT-DECORATION: none;}
  20. A: {COLOR: #000000; TEXT-DECORATION: none;}
  21.  
  22.  font-family: Verdana,;
  23.  font-size: 1;
  24. </style>
  25. <script type="text/javascript">
  26.  
  27. window.onload = Laduj;
  28.  
  29. function Laduj()
  30. {
  31. document.forms[0].wybor.onchange = Pokaz;
  32. }
  33. function Pokaz()
  34. {
  35. var nazwa = "id-"+this.value
  36. var blok = document.getElementById(nazwa);
  37.  
  38. if (blok.style.display == 'none')
  39. {
  40. blok.style.display = 'block';
  41. }
  42. else
  43. {
  44. blok.style.display = 'none';
  45. }
  46.  
  47. var elements = document.getElementsByTagName('div');
  48. for (var i = 0;i < elements.length ;i++ )
  49. {
  50. if (elements[i].id)
  51. {
  52. if (elements[i].id != nazwa)
  53. {
  54. elements[i].style.display = "none";
  55. }
  56. }
  57. }
  58. }
  59. </script>
  60. </head><body>
  61.  
  62. <div id="wrapper">
  63.  
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71.  
  72. <table align="center" cellspacing="19">
  73.  
  74.  
  75.  
  76.  
  77. </table>
  78.  
  79.  
  80.     <br>
  81. <table align="center" border="0" cellpadding="0" cellspacing="0" width="750">
  82.   <tbody><tr>
  83.  
  84.     <td rowspan="2" colspan="6" valign="top"><a href="http://infonia.pl/index.php"><img src="profil/infonia_01.gif" alt="informacje" border="0" height="105" width="308"></a></td>
  85.     <td rowspan="2" colspan="3" valign="top"></td>
  86.     <td colspan="7" height="83" valign="top"><img src="profil/infonia_03.gif" usemap="#Map" alt="menu" border="0" height="83" width="455"></td>
  87.   </tr>
  88.   <tr>
  89.     <td style="background-image: url();" colspan="4" height="22" valign="middle">
  90.     <div align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#889ca1" face="verdana" size="1">30 Październik imieniny obchodzi: Zenobii, Edmunda, Przemysława
  91. </font><center></center></div>
  92.     </td>
  93.  
  94.     <td colspan="3" valign="top"></td></tr><tr>
  95.  
  96.   </tr>
  97.   <tr>
  98.     <td height="9" width="6"></td>
  99.     <td width="2"></td>
  100.     <td width="139"></td>
  101.     <td width="148"></td>
  102.     <td width="13"></td>
  103.  
  104.     <td width="2"></td>
  105.     <td width="3"></td>
  106.     <td width="1"></td>
  107.     <td width="11"></td>
  108.     <td width="172"></td>
  109.     <td width="12"></td>
  110.     <td width="1"></td>
  111.     <td width="211"></td>
  112.  
  113.     <td width="48"></td>
  114.  
  115.     <td width="2"></td>
  116.     <td width="9"></td> </tr>
  117.  
  118.  
  119. </tbody></table><map name="Map"><area title="news" alt="news" href="http://news.infonia.pl/" coords="38,16,111,74" shape="rect"><area title="darmowe gry java" alt="darmowe gry java" href="http://gry.infonia.pl/" coords="121,17,189,75" shape="rect"><area title="forum" alt="forum" href="http://infonia.pl/forum" coords="200,17,257,75" shape="rect"><area title="darmowe aliasy wap" alt="darmowe aliasy wap" href="http://4wap.pl/" coords="273,16,336,75" shape="rect"><area title="mapa" alt="mapa portalu" href="http://infonia.pl/mapa" coords="354,13,408,75" shape="rect">
  120.  
  121.  
  122.  
  123.  
  124.  
  125.  
  126. </map>
  127.  
  128.  
  129. <table align="center" cellspacing="17">
  130.  
  131. </table>
  132.  
  133.  
  134. <font color="#111111" face="Verdana, Arial, Helvetica, sans-serif" size="1">&nbsp; <a href="http://infonia.pl/" alt="infonia.pl"><b>inf<font color="#eca23e">o</font>nia.pl </b></a> &gt; <a href="http://infonia.pl/spolecznosc" alt="spolecznosc">spolecznosc</a> <i><font color="#a81717">beta</font></i><br><br>
  135.  
  136.  
  137.  
  138. 	</font><div id="navigation">
  139.  
  140.  
  141.  
  142. <font color="#111111" face="Verdana, Arial, Helvetica, sans-serif" size="1"><a href="wyloguj.php"><img src="profil/edytuj.jpg">	Wyloguj się</a> | <a href="profil.php?action=profil"><img src="profil/edycja.jpg"> Edytuj swoje dane</a> |
  143. <a href="profil.php?action=szukaj"><img src="profil/szukaj.jpg"> Szukaj użytkownika</a> | <a href="profil.php?action=przyjaciele"><img src="profil/przyjaciele.jpg"> Przyjaciele</a> | <img src="profil/rank.png"><a href="profil.php?action=ranking"> Ranking użytkowników</a> 
  144.  
  145.  
  146. 	</font></div>
  147.  
  148.  
  149.  
  150.  
  151.  
  152. <font color="#111111" face="Verdana, Arial, Helvetica, sans-serif" size="1">  <br><br>
  153.  
  154.  
  155.  
  156.  
  157.  
  158.  
  159.  
  160. </font><div class="table_border"><font color="#111111" face="Verdana, Arial, Helvetica, sans-serif" size="1">Witaj <b>~</b><a href="profil.php?action=uzytkownik&id_uzytkownika=58"><font color="#ff9606"><b>kalinowski</b></font></a> w społeczności infonia.pl!</font><br>
  161.  
  162.  
  163.  
  164.  
  165. </div>
  166.  
  167. <div class="table_border">
  168.  
  169.  
  170. <div>
  171.  
  172.  
  173.  
  174.  
  175. </div>
  176.  
  177.  
  178.  
  179. <font size="1" face="verdana"><span style=background-color:rgb(209,223,232)>Dodawanie <b>pików</b> </span><br><br>
  180. <font color="#219E34">Prosimy o <b>nie wpisywanie http://</b> do linków. Akceptujemy tylko linki bezpośrednie do plików. Nie przyjmujemy uploaderów typu rapidshare itp.</font><br><br>
  181. <table><form action="profil.php?action=dodaj_plik4" method="post"  enctype="multipart/form-data"><input type="hidden" name="id_kategorii" value="10"><input type="hidden" name="id_podkategorii" value="14"><tr><td>Nazwa pliku:</td><td><input type="text" name="nazwa"></td></tr><tr><td>Opis:</td><td><textarea name="opis" height="80" width="80"></textarea></td></tr><tr><td>Metoda dodania pliku</td><td><select name="wybor"><option value="1">jeden</option><option value="2">dwa</option></select></td></tr><tr><td>URL:</td><td>http://<input type="text" name="url"></td></tr><tr><td align="center" colspan="2"><input type="submit" value="zapisz"></td></tr></table></center><div id="id-1" style="display: none;">jedyneczka</div><div id="id-2" style="display: none;">dwojeczka</div>
  182.  
  183.  
  184.  
  185.  
  186. <!-- End user_cp_login.html -->
  187.  
  188.  
  189.  
  190.  
  191. </body></html>
  192. </tr></tr></table></font></font></center></div>
  193.  
  194. <center><font face="verdana" size="1"><font color="#111111" face="Verdana, Arial, Helvetica, sans-serif" size="1"><br>Copyright by <b>Inf<font color="orange">o</font>nia.pl</b> - Wszelkie prawa zastrzeżone <br>
[HTML] pobierz, plaintext
ferr
25.03.2007, 00:41:26 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><title>Społeczność - Panel kontrolny użytkownika</title>
  3.  
  4.  
  5.  
  6. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  7. <link rel="stylesheet" type="text/css" media="screen" href="profil/screen.css">
  8. <link rel="alternate" href="http://infonia.pl/spolecznosc" type="application/rss+xml" title="Społeczność">
  9.  
  10.  
  11. <style type="text/css">
  12. body {
  13. margin: -13px;
  14. padding: 0px;
  15. }
  16. A:link {COLOR: #111111; TEXT-DECORATION: none;}
  17. A:visited {COLOR: #111111; TEXT-DECORATION: none;}
  18. A:active {COLOR: #97222B; TEXT-DECORATION: none;}
  19. A:hover {COLOR: #97222B; TEXT-DECORATION: none;}
  20. A: {COLOR: #000000; TEXT-DECORATION: none;}
  21.  
  22.  font-family: Verdana,;
  23.  font-size: 1;
  24. </style>
  25. <script type="text/javascript">
  26.  
  27. window.onload = Laduj;
  28.  
  29. function Laduj()
  30. {
  31. document.forms[0].wybor.onchange = Pokaz;
  32. }
  33. function Pokaz()
  34. {
  35. var nazwa = "id-"+this.value
  36. var blok = document.getElementById(nazwa);
  37.  
  38. if (blok.style.display == 'none')
  39. {
  40. blok.style.display = 'block';
  41. }
  42. else
  43. {
  44. blok.style.display = 'none';
  45. }
  46.  
  47. var elements = document.getElementById('napisy').getElementsByTagName('div');
  48. for (var i = 0;i < elements.length ;i++ )
  49. {
  50. if (elements[i].id)
  51. {
  52. if (elements[i].id != nazwa)
  53. {
  54. elements[i].style.display = "none";
  55. }
  56. }
  57. }
  58. }
  59. </script>
  60. </head><body>
  61.  
  62. <div id="wrapper">
  63.  
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71.  
  72. <table align="center" cellspacing="19">
  73.  
  74.  
  75.  
  76.  
  77. </table>
  78.  
  79.  
  80.     <br>
  81. <table align="center" border="0" cellpadding="0" cellspacing="0" width="750">
  82.   <tbody><tr>
  83.  
  84.     <td rowspan="2" colspan="6" valign="top"><a href="http://infonia.pl/index.php"><img src="profil/infonia_01.gif" alt="informacje" border="0" height="105" width="308"></a></td>
  85.     <td rowspan="2" colspan="3" valign="top"></td>
  86.     <td colspan="7" height="83" valign="top"><img src="profil/infonia_03.gif" usemap="#Map" alt="menu" border="0" height="83" width="455"></td>
  87.   </tr>
  88.   <tr>
  89.     <td style="background-image: url();" colspan="4" height="22" valign="middle">
  90.     <div align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#889ca1" face="verdana" size="1">30 Październik imieniny obchodzi: Zenobii, Edmunda, Przemysława
  91. </font><center></center></div>
  92.     </td>
  93.  
  94.     <td colspan="3" valign="top"></td></tr><tr>
  95.  
  96.   </tr>
  97.   <tr>
  98.     <td height="9" width="6"></td>
  99.     <td width="2"></td>
  100.     <td width="139"></td>
  101.     <td width="148"></td>
  102.     <td width="13"></td>
  103.  
  104.     <td width="2"></td>
  105.     <td width="3"></td>
  106.     <td width="1"></td>
  107.     <td width="11"></td>
  108.     <td width="172"></td>
  109.     <td width="12"></td>
  110.     <td width="1"></td>
  111.     <td width="211"></td>
  112.  
  113.     <td width="48"></td>
  114.  
  115.     <td width="2"></td>
  116.     <td width="9"></td> </tr>
  117.  
  118.  
  119. </tbody></table><map name="Map"><area title="news" alt="news" href="http://news.infonia.pl/" coords="38,16,111,74" shape="rect"><area title="darmowe gry java" alt="darmowe gry java" href="http://gry.infonia.pl/" coords="121,17,189,75" shape="rect"><area title="forum" alt="forum" href="http://infonia.pl/forum" coords="200,17,257,75" shape="rect"><area title="darmowe aliasy wap" alt="darmowe aliasy wap" href="http://4wap.pl/" coords="273,16,336,75" shape="rect"><area title="mapa" alt="mapa portalu" href="http://infonia.pl/mapa" coords="354,13,408,75" shape="rect">
  120.  
  121.  
  122.  
  123.  
  124.  
  125.  
  126. </map>
  127.  
  128.  
  129. <table align="center" cellspacing="17">
  130.  
  131. </table>
  132.  
  133.  
  134. <font color="#111111" face="Verdana, Arial, Helvetica, sans-serif" size="1">&nbsp; <a href="http://infonia.pl/" alt="infonia.pl"><b>inf<font color="#eca23e">o</font>nia.pl </b></a> &gt; <a href="http://infonia.pl/spolecznosc" alt="spolecznosc">spolecznosc</a> <i><font color="#a81717">beta</font></i><br><br>
  135.  
  136.  
  137.  
  138. 	</font><div id="navigation">
  139.  
  140.  
  141.  
  142. <font color="#111111" face="Verdana, Arial, Helvetica, sans-serif" size="1"><a href="wyloguj.php"><img src="profil/edytuj.jpg">	Wyloguj się</a> | <a href="profil.php?action=profil"><img src="profil/edycja.jpg"> Edytuj swoje dane</a> |
  143. <a href="profil.php?action=szukaj"><img src="profil/szukaj.jpg"> Szukaj użytkownika</a> | <a href="profil.php?action=przyjaciele"><img src="profil/przyjaciele.jpg"> Przyjaciele</a> | <img src="profil/rank.png"><a href="profil.php?action=ranking"> Ranking użytkowników</a> 
  144.  
  145.  
  146. 	</font></div>
  147.  
  148.  
  149.  
  150.  
  151.  
  152. <font color="#111111" face="Verdana, Arial, Helvetica, sans-serif" size="1">  <br><br>
  153.  
  154.  
  155.  
  156.  
  157.  
  158.  
  159.  
  160. </font><div class="table_border"><font color="#111111" face="Verdana, Arial, Helvetica, sans-serif" size="1">Witaj <b>~</b><a href="profil.php?action=uzytkownik&id_uzytkownika=58"><font color="#ff9606"><b>kalinowski</b></font></a> w społeczności infonia.pl!</font><br>
  161.  
  162.  
  163.  
  164.  
  165. </div>
  166.  
  167. <div class="table_border">
  168.  
  169.  
  170. <div>
  171.  
  172.  
  173.  
  174.  
  175. </div>
  176.  
  177.  
  178.  
  179. <font size="1" face="verdana"><span style=background-color:rgb(209,223,232)>Dodawanie <b>pików</b> </span><br><br>
  180. <font color="#219E34">Prosimy o <b>nie wpisywanie http://</b> do linków. Akceptujemy tylko linki bezpośrednie do plików. Nie przyjmujemy uploaderów typu rapidshare itp.</font><br><br>
  181. <table><form action="profil.php?action=dodaj_plik4" method="post"  enctype="multipart/form-data"><input type="hidden" name="id_kategorii" value="10"><input type="hidden" name="id_podkategorii" value="14"><tr><td>Nazwa pliku:</td><td><input type="text" name="nazwa"></td></tr><tr><td>Opis:</td><td><textarea name="opis" height="80" width="80"></textarea></td></tr><tr><td>Metoda dodania pliku</td><td><select name="wybor"><option value="1">jeden</option><option value="2">dwa</option></select></td></tr><tr><td>URL:</td><td>http://<input type="text" name="url"></td></tr><tr><td align="center" colspan="2"><input type="submit" value="zapisz"></td></tr></table></center><div id="napisy"><div id="id-1" style="display: none;">jedyneczka</div><div id="id-2" style="display: none;">dwojeczka</div></div>
  182.  
  183.  
  184.  
  185.  
  186. <!-- End user_cp_login.html -->
  187.  
  188.  
  189.  
  190.  
  191. </body></html>
  192. </tr></tr></table></font></font></center></div>
  193.  
  194. <center><font face="verdana" size="1"><font color="#111111" face="Verdana, Arial, Helvetica, sans-serif" size="1"><br>Copyright by <b>Inf<font color="orange">o</font>nia.pl</b> - Wszelkie prawa zastrzeżone <br>
[HTML] pobierz, plaintext


Prosze, dodalem div id="napisy" i zmienilem pewna rzecz w skrypcie.
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.