Affichage d'une variable Javascript dans du code HTML

Bonjour a toutes & tous !

Voilà, j'ai un petit soucis... et je ne comprends pas pourquoi, n'étant pas vraiment familier du Javascript !

Alors, j'ai un formulaire avec des bouton radio, au changement de la valeur de mon bouton radio, je récupère la valeur de ce bouton en créant la variable javascript et en lui attribuant la "value" du champs. Cela fonctionne car quand je fais un alert(variable); j'ai bien l'affichage de mon choix. Mais lorsque que je fais document.write(variable); cela ne fonctionne pas.

Voici des extraits de mon code :

Attribution de la variable

Code:

---

<div class="formatListItem"><input id="format" name="format" type="radio" value="10x15" onchange="var format = $('#format').val();"/></div>

---

Fonction javascript

Code:

---

1 2 3 4 5 6 7

function afficher_format() { if( format != "") { document.write(format); }else{ document.write('Format'); } }

---

Affichage de la valeur de format dans du HTML

Code:

---

<div id="format"><script>afficher_format();</script></div>

---

Malheureusement tout ça ne fonctionne pas ...

Merci de votre aide !

Code:

---

1 2 3 4 5 6 7

function afficher_format(radio) { var htmlFormat = 'Format'; if('' != radio.value) { htmlFormat = radio.value; } document.getElementById('format-choisi').innerHTML = htmlFormat; }

---

Code:

---

1 2	<div class="formatListItem"><input id="format" name="format" type="radio" value="10x15" onchange="afficher_format(this);"/></div> <div id="format-choisi">Format</div>

---

Bonjour,

Citation:

---

Mais lorsque que je fais document.write(variable); cela ne fonctionne pas.

---

à voir : Comprendre document.write() en JavaScript.