Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][JavaScript]Ukrycie domyślnie diva...
Alessio
post
Post #1





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 5.07.2009

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

Jak zrobić, by div był widoczny tylko ten co w polu input jest zaznaczony, bo pokazuje mi tego drugiego też, natomiast gdy zaznacze któryś z divów ręcznie to działa, pokazuje tylko ten jeden, jak to zrobić?
[HTML] pobierz, plaintext 
  1. <html>
  2.  
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5. <script language="javascript" type="text/javascript" src="script.js"></script>
  6. <title>divy, ukrywane</title>
  7. <style type="text/css">
  8. body {font-family:verdana;font-size:14pt;color:#FF0000;}
  9. </style>
  10. </head>
  11. <body>
  12.  
  13. Pokaż diva:<br />
  14.  
  15. <input type="radio"  checked="checked" value="1" id="url1" onClick="return uploadfile('url1');" />1 div<br />
  16. <input type="radio"  value="2" id="url2" onClick="return uploadfile('url2');" />2 div
  17.  
  18.  
  19. <br /><br />
  20. <div id="test1">
  21.  
  22. Zawartość diva 1 
  23.  
  24. </div>
  25. <div id="test2">
  26.  
  27. druga zawartosc diva
  28.  
  29. </div>
  30. </body>
  31.  
  32. </html>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. function uploadfile(id)
  2. {
  3.     if(document.getElementById(id).value==1)
  4.     {
  5.     document.getElementById("test2").style.display="none";
  6.     document.getElementById("test1").style.display="block";        
  7.     return true;
  8.     }
  9.     if(document.getElementById(id).value==2)
  10.     {
  11.     document.getElementById("test1").style.display="none";
  12.     document.getElementById("test2").style.display="block";    
  13.     return true;
  14.     }        
  15. }
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 1)
barthpl
post
Post #2





Grupa: Zarejestrowani
Postów: 142
Pomógł: 35
Dołączył: 5.12.2006
Skąd: Wrocław

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

[HTML] pobierz, plaintext 
  1. <div id="test2" style="display: none">
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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 · Linearny+ · Przełącz na: Drzewo

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

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