afficher/masquer un bout de ligne html

Version imprimable

bonjour,
j'ai repris un bout de code présent sur ce forum permettant d'afficher ou masquer du texte en cliquant sur un groupe de 2 radio boutons
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <script type='text/javascript'> function toggletexte(status){ Obj=document.getElementById('zonetexte') Obj.style.display=status } </script> </head> <body> <input type='radio' name='toggle' value="none" id='hide' onclick="toggletexte(this.value)" /><label for='hide'>masquer</label><br/> <input type='radio' name='toggle' value="block" id='show'onclick="toggletexte(this.value)" /><label for='show'>montrer</label><br/> <p style="display:inline;">Veuillez choisir votre code <span id="zonetexte">provisoire</span></p>
ça fonctionne presque, à savoir que le mot

Citation:

provisoire

ne s'affiche pas sur la meme ligne que le début de la phrase

comment faire pour que tout soit sur une seule ligne ?

13/04/2007, 18h32
SpaceFrog

ne pas utiliser la balise p ... ?

bonjour,

span est une balise de type inline et non de type block. Si tu lui attribues le style block, tu as un retour à la ligne ;)

Voici ton code corrigé (en rouge). Par ailleurs, j'ai donné l'attribut checked à un de tes boutons.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <html> <head> <title></title> </head> <script type='text/javascript'> function toggletexte(status){ Obj=document.getElementById('zonetexte') Obj.style.display=status } </script> </head> <body> <input type='radio' name='toggle' value="none" id='hide' onclick="toggletexte(this.value)" /><label for='hide'>masquer</label><br/> <input type='radio' name='toggle' value="inline" id='show'onclick="toggletexte(this.value)" checked="checked" /><label for='show'>montrer</label><br/> <p style="display:block;">Veuillez choisir votre code <span style="display:inline" id="zonetexte">provisoire</span></p> </body> </html>

16/04/2007, 11h18
jakouz

Merci ça marche c'est super !!!