Question d'apparition en javascript de div

Version imprimable

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

Code:

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:

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?

04/02/2009, 11h05
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
04/02/2009, 11h08
kate59

MERCI POUR LA REPONSE.
comment faire pour fAire apparaitre le label et le input sans div?
04/02/2009, 11h15
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;
04/02/2009, 11h15
SpaceFrog

avec un fiedset ?
04/02/2009, 11h23
Bovino

Citation:

Envoyé par javatwister

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

Effectivement !
Pour rappel :

Citation:

Envoyé par Les règles incontournables d'utilisation de ce forum

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é.

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

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:

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.