Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Ukrywanie i pokazywanie elementu.
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
sebekzosw
11.05.2008, 11:16:08
Witam! Mam taki skrypt napisany w języku JavaScript. To działa tak: Jeżeli zaznaczę checkbox o nazwie check to pokaże mi się pole input o nazwie tutul - wszystko pięknie działa, ale... nie potrafię zrobić zrobić ukrywania pola select jeżeli pokazuje mi się pole input. Mógłby ktoś dorobić tą "opcję" do tego skryptu bo ja nie potrafię. Poniżej przedstawiam obecny kod, który mam:

[HTML] pobierz, plaintext 
  1. <html>
  2. 	<head>
  3. 		<title>Ukrywanie elementów</title>
  4. 		<script language="JavaScript" type="text/javascript">
  5. 			//<![CDATA[
  6. 				function pokaz() {
  7. 				obj=document.getElementById('ukryte');
  8. 				objCheck=document.getElementById('zaznaczanie');
  9. 				if (objCheck.checked)
  10. 					obj.style.display="";
  11. 				else
  12. 					obj.style.display="none";
  13. 				}
  14. 			//]]>
  15. 		</script>
  16. 	</head>
  17.  
  18. 	<body>
  19.  
  20. 		<input type="checkbox" id="zaznaczanie" onClick="pokaz()" name="check" value="1" />Wpisz tytuł<br />
  21.  
  22. 		<select id="lista" name="tytul">
  23. 			<option value="1">Tytuł 1</option>
  24. 			<option value="2">Tytuł 2</option>
  25. 			<option value="3">Tytuł 3</option>
  26. 		</select>
  27.  
  28. 		<input type="text" name="tytul" id="ukryte" style="display:none" value="" />
  29.  
  30. 	</body>
  31. </html>
[HTML] pobierz, plaintext


Pozdrawiam, Sebekzosw
webdice
11.05.2008, 11:22:36
Pisane z palca, ewentualne błędy sobie poprawisz. 

[HTML] pobierz, plaintext 
  1. <script language="JavaScript" type="text/javascript">
  2. //<![CDATA[
  3. function pokaz() {
  4. obj=document.getElementById('ukryte');
  5. obj2=document.getElementById('lista');
  6. objCheck=document.getElementById('zaznaczanie');
  7. if (objCheck.checked)
  8. {
  9. obj.style.display="";
  10. obj2.style.display="none";
  11. }else{
  12. obj.style.display="none";
  13. obj2.style.display="";
  14. }
  15. }
  16. //]]>
  17. </script>
[HTML] 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.