afficher/masquer un bout de ligne html

**jakouz** · 13/04/2007, 17h23

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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 ?

**SpaceFrog** · 13/04/2007, 17h32

ne pas utiliser la balise p ... ?

**Auteur** · 13/04/2007, 18h53

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**jakouz** · 16/04/2007, 10h18

Merci ça marche c'est super !!!

afficher/masquer un bout de ligne html

JavaScript

Discussions similaires

Partager

Partager