Forum PHP.pl > [HTML][JavaScript]Ukrycie domyślnie diva...

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript]Ukrycie domyślnie diva...

Alessio

5.07.2009, 22:17:50

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 
<html>
 
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script language="javascript" type="text/javascript" src="script.js"></script>
<title>divy, ukrywane</title>
<style type="text/css">
body {font-family:verdana;font-size:14pt;color:#FF0000;}
</style>
</head>
<body>
 
Pokaż diva:<br />
 
<input type="radio"  checked="checked" value="1" id="url1" onClick="return uploadfile('url1');" />1 div<br />
<input type="radio"  value="2" id="url2" onClick="return uploadfile('url2');" />2 div
 
 
<br /><br />
<div id="test1">
 
Zawartość diva 1 
 
</div>
<div id="test2">
 
druga zawartosc diva
 
</div>
</body>
 
</html>
[HTML] pobierz, plaintext

[HTML] pobierz, plaintext 
function uploadfile(id)
{
    if(document.getElementById(id).value==1)
    {
    document.getElementById("test2").style.display="none";
    document.getElementById("test1").style.display="block";        
    return true;
    }
    if(document.getElementById(id).value==2)
    {
    document.getElementById("test1").style.display="none";
    document.getElementById("test2").style.display="block";    
    return true;
    }        
}
[HTML] pobierz, plaintext

barthpl

5.07.2009, 22:21:24

[HTML] pobierz, plaintext 
<div id="test2" style="display: none">
[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.