Afficher/masquer des champs de formulaire à la demande

**renaud26** · 16/10/2006, 10h46

Bonjour à tous,

J'ai crée une petite fonction pour afficher ou masquer des champs à la demande. C'est impec pour en masquer, mais je ne sais pas comment faire pour les réafficher ensuite...
la fonction:

Code :

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
25
26
 
function nb_liens_visibles(nb){
var val;
var newval;
val = document.getElementById('nb_liens_actifs').options[document.getElementById('nb_liens_actifs').selectedIndex].value;
newval = ++val;
for(var i= newval;i<=nb;i++){
document.getElementById("lien"+i+"").style.display = 'none';
}
}
 
//d'abord le select qui appelle la fonction
<?php
echo "<select name='nb_liens_actifs' onChange='nb_liens_visibles($nb_liens)'>";
for($nb=1;$nb<=$nb_liens;$nb++)
{
echo "<option value='$nb'>$nb</option>";
}
echo "</select>";
 
//et le bout de code du formulaire
for($m=1; $m<= $nb_liens; $m++)
{
echo "<input type='text' name='lien[]' id='lien$m' style='display'>";
}
?>

Donc, si $nb_liens vaut 6, par exemple, au chargement de la page, j'ai 6 champs affichés. Si je select que je ne veux que 4 champs visibles, les champs 5 et 6 se masquent bien. Mais si je reselect 5, je ne sais pas réafficher le champ N° 5...

Merci d'avance pour le coup de main.

**SpaceFrog** · 16/10/2006, 11h33

la syntaxe est :

Code :

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

1
2
3
 style='display:block'  
ou
  style='display:none'

et en javascript :

Code :

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

1
2
3
 
obj.style.display="block"
obj.style.display="none"

block peut varier en focntion ede l'élément et du style d'affichage souhaité :
block inline ...

**renaud26** · 16/10/2006, 11h58

oui, merci, SpaceFrog, je rectifie. Mais c'est plutôt au niveau de ma fonction que ça va pas...Vu que j'ai fait une boucle pour masquer les champs de X à Y (si le user select 4, je masque 5 et plus), je ne sais pas les réafficher ensuite...