Discussion :

[kate59]

bonjour,
voila j ai réussi a afficher une input après choix d'une liste déroulante dynamique dont voici le code:

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
$content.='<select name="choixPosteSelect" onChange="ifOther(this.value)" id="selectPoste" style="display:block;">';
while ($donnees = mysql_fetch_assoc($res)) {
  // Si on change de catégorie, on l'affiche dans le <select>.
if ($donnees['nom_categorie'] !== $num_categorie) {
    $num_categorie = $donnees['nom_categorie'];
    $content.='<optgroup label="'.$num_categorie.'">';
  }
  //On ajoute "logiquement" notre <option>.
 $content.=' <option value="'.$donnees['nom_sous_categorie'].'">'.$donnees['nom_sous_categorie'].' 
 ';
}
$content.='</option></select><BR /><BR />
<label id="immobilier">Surface</label><input type="text" id="inputImmobilier" name="SurfaceVenteImmo" value="" maxLength="32" style="display:none;" /></P>
<label id="immobilier">Pieces</label><input type="text" id="inputImmobilier" name="PiecesVenteImmo" value="" maxLength="32" style="display:none;" /></P>
<label id="immobilier">Prix</label><input type="text" id="inputImmobilier" name="PrixventeImmo" value="" maxLength="32" style="display:none;" /></P>';

dont voici le code:

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
<script type="text/javascript">
function ifOther(elem){
 
 
  if(elem == 'Bureaux et Commerces'){
 
    document.getElementById('inputImmobilier').style.display = 'block'; 
    document.getElementById('selectPoste').style.display = 'block';
    document.getElementById('selectPoste').value = '';
 
  }
  else{
    document.getElementById('inputImmobilier').style.display = 'none'; 
    document.getElementById('selectPoste').style.display = 'block';
	ocument.getElementById('selectPoste').style.display = 'block';
    document.getElementById('inputImmobilier').value = '';
  }
}
</script>

mais moi je veux apparaitre en même tant le label et qu' il soit invisible au début.Je voulais mettre tous dans un div et faire appariatre ce div.
Mais on m a dit que il ne fallait pas faire de div invisible si les donnée seront rentrer dans la base. Est ce véridique?

[SpaceFrog]

visibility:hidden != display:none

en effet des elements de form en display none ne sont pas transmis lors d'un submit
les elements hidden le sont

[kate59]

MERCI POUR LA REPONSE.
comment faire pour fAire apparaitre le label et le input sans div?

[javatwister]

d'abord, essaie de ne pas donner le même id à 3 éléments de ta page;
évite aussi d'attribuer une valeur "" à une liste déroulante;
attention aux copiés-collés dans tes scripts, qui te font écrire ocument pour document;
quand tu fermes une balise (</p>) vérifie que tu l'as ouverte auparavant;
de préférence, ne répète pas 2 fois la même instruction dans un script;
quand tu déclares en css qu'un élément a un "display:block" puis que tu redéclares cette valeur en JS, cherche si à un moment tu as vraiment besoin de changer cette valeur... (donc de la déclarer...);

Merci pour le code php, très précieux pour comprendre ton problème de label invisible;

[SpaceFrog]

avec un fiedset ?

[Bovino]

Merci pour le code php, très précieux pour comprendre ton problème de label invisible;

Effectivement !
Pour rappel :

Suite à ce rappel, je voudrais porter à votre attention que ce forum ne doivent contenir que le code affiché par le navigateur. En effet, les codes PHP ou tout autre langage dynamique ne servent qu'à générer le corps de votre page et donc votre problème ne pourra être résolu qu'en étudiant le code interprété par le navigateur. De ce fait, avant de poser votre question merci d'épurer votre code de tout langage serveur.
...
Tout post ne respectant pas les conditions sus-citées sera instantanément supprimé.

[kate59]

merci encore pour tous ses conseil j ai changer donc le script qui marche.

Code :

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

1
2
3
4
5
6
<fieldset id="Immobilier" "style="border: none">
<label>Surface</label>
<input type="text" "style="width: 100px" class="text" id="inputImmobilier" name="SurfaceVenteImmo" style="visibility=hidden"/>
<label>Pieces</label>
<input type="text" "style="width: 100px" class="text" id="inputPiece" name="PieceVenteImmo" style="visibility=hidden" /><BR />
</fieldset>

et mon nouveau code pour qu'il transmet bien dans la base:

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
<script type="text/javascript">
function ifOther(elem){
 
 
  if(elem == 'Bureaux et Commerces'){
document.getElementById('Immobilier').style.visibility = 'visible';
 
 
  }
  else{
 
document.getElementById('Immobilier').style.visibility = 'hidden';
 
    /*document.getElementById('Immobilier').value = '';*/
  }
}
</script>

met j ai juste un petit pb c'est que des que j'arrive sur le formulaire les input sont la.Et c est quand je vais sur la liste qui est pourtant sur mon premier enregistrement de la liste qu'il disparaisse.Merci de votre aide.