Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Zmiana tresci po wyborze radio
JamalBIG
post
Post #1





Grupa: Zarejestrowani
Postów: 496
Pomógł: 1
Dołączył: 16.01.2008
Skąd: Świnoujście

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


Witam

Nie jestem zbytnio obeznany w JavaScript dlatego prosze o wyrozumialosc winksmiley.jpg

Jak moge zmodyfikowac ten kod aby tresci zmienialy sie nie po wyborze pola <select> lecz po wyborze pola <input type="radio">?

Kod
<head>
<script type="text/javascript">
function podmiana(co) {
var ile = document.getElementById("wybor").options.length;
for(var i=1; i<=ile; i++) {
var ktora = "w"+i;
if(ktora == co) {
document.getElementById(ktora).style.display = "block";
}
else if(ktora != co) {
document.getElementById(ktora).style.display = "none";
}
}
}
</script>
</head>

<style type="text/css">
#w1 { display: block; }
#w2,#w3,#w4 { display: none; }
</style>


<form id="formularz" action="#">

<!--
<input type="radio" name="wybor" id="wybor" value="w1" onChange="podmiana(this.value);">
<input type="radio" name="wybor" id="wybor" value="w2" onChange="podmiana(this.value);">
-->

<select name="wybor" id="wybor" onChange="podmiana(this.value);">
<option value="w1">Treść nr 1</option>
<option value="w2">Treść nr 2</option>
<option value="w3">Treść nr 3</option>
<option value="w4">Treść nr 4</option>
</select>

</form>

<div id="w1">Zawartość bloku tekstowego nr 1.</div>
<div id="w2">Zawartość bloku tekstowego nr 2.</div>
<div id="w3">Zawartość bloku tekstowego nr 3.</div>
<div id="w4">Zawartość bloku tekstowego nr 4.</div>


Z gory dzieki za pomoc
Pozdrawiam
Go to the top of the page
+Quote Post

Posty w temacie
- JamalBIG   Zmiana tresci po wyborze radio   14.01.2009, 15:48:14
- - bartg   Nie onChange a onSelect   14.01.2009, 15:52:25
- - skowron-line   Cytat(bartg @ 14.01.2009, 15:52:25 ) ...   14.01.2009, 16:07:00


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 20:30