Forum PHP.pl > [js] Problem z menu, tudzież zakładkami

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [js] Problem z menu, tudzież zakładkami

Tales

29.12.2007, 14:24:45

Z góry napiszę, że jestem nie za bardzo doświadczony, ponieważ dopiero co zaczynam "grzebać" w JS.

Stworzyłem coś takiego:

[HTML] pobierz, plaintext 
<html> 
<head> 
<script type="text/javascript"> 
function sprawdzAwatar() 
{ 
if(document.getElementById("rb1").checked) { 
document.writeln("Wybrano element 1") } 
else if(document.getElementById("rb2").checked) { 
document.writeln("Wybrano element 2") } 
} 
</script> 
</head> 
<body> 
<input type="radio" 
name="grupa1" 
id="rb1" 
checked /> Element nr 1 
<input type="radio" 
name="grupa1" 
id="rb2"/> Element nr 2 
<script type="text/javascript"> 
setInterval("sprawdzAwatar();", 2500); 
</script> 
</body> 
</html>
[HTML] pobierz, plaintext

Jednak napotkałem się na problem:
skrypt zamiast wyswietlic napis "Wybrano element 1" obok tych pól do wyboru zastępuje je tym napisem.

Jak można to zmienić? (O ile się da...)

Pozdrawiam i z góry dziękuje za odpowiedź.

Liko

29.12.2007, 14:33:08

[HTML] pobierz, plaintext 
<html>
    <head>
        <script type="text/javascript">
            function sprawdzAwatar()
            {
                if(document.getElementById("rb1").checked)
                {
                    document.getElementById("rv").innerHTML = 'Wybrano element 1';
                }
                else if(document.getElementById("rb2").checked)
                {
                    document.getElementById("rv").innerHTML = 'Wybrano element 2';
                }
            }
        </script>
    </head>
    <body>
        <input type="radio" name="grupa1" id="rb1" checked="checked" onchange="sprawdzAwatar();" /> Element nr 1 <br />
        <input type="radio" name="grupa1" id="rb2" onchange="sprawdzAwatar();"/> Element nr 2
        <div id="rv"></div>
    </body>
</html>
[HTML] pobierz, plaintext

O takie coś Tobie chodzi?

Ps. Popraw kod, wstaw go w znaczniki [ HTML ]

JaRoPHP

29.12.2007, 14:53:54

[HTML] pobierz, plaintext 
<html>
<head>
<script type="text/javascript">
function sprawdzAwatar() {
	var oNewSpan = document.createElement("span");
	var oOldSpan = document.getElementById("comment");
	if (document.getElementById("rb1").checked) {
		var oText = document.createTextNode("Wybrano element 1");
	} else if (document.getElementById("rb2").checked) {
		var oText = document.createTextNode("Wybrano element 2");
	}
 
	oNewSpan.id = "comment";
	oNewSpan.appendChild(oText);
	oOldSpan.parentNode.replaceChild(oNewSpan, oOldSpan);
}
 
</script>
</head>
<body>
<input type="radio" name="grupa1" id="rb1" checked="checked" /><label for="rb1">Element nr 1</label>
<input type="radio" name="grupa1" id="rb2"/><label for="rb2">Element nr 2</label>
<span id="comment"></span>
<script type="text/javascript">
setInterval("sprawdzAwatar();", 2500);
</script>
</body>
</html>
[HTML] pobierz, plaintext

Tales

29.12.2007, 22:37:46

Bardzo dziękuje za odpowiedź.

Wykorzystam ten pierwszy od Liko, gdyż wydaje mi się ławiejszy, bardziej przejrzysty i przede wszystkim rozumiem jego działanie.

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.