IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

display sous IE


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    25
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2007
    Messages : 25
    Points : 11
    Points
    11
    Par défaut display sous IE
    Bonjour,

    J'ai un problème avec l'affichage sous IE (sous Firefox ca marche nickel).

    J'ai un select et des champs input de type texte. Suivant le nombre que je choisis dans le select, les champs input s'affichent ou non grâce à la propriété :
    ....style.display = "block"; et ...style.display = "none";

    Avec IE, lorsque je selectionne un element dans le select, la fonction javascript appelé me cache TOUT les champs (on dirait qu'ils les met tous à none à chaque fois).

    Voici mon 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
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
     
    function change_nb_champ() {
     
    	visible = document.getElementById("nbch").value;
    	i = 1;
     
    	for(w=1; w <= 5 ; w++) {
     
    		if(i<=visible) {
    			document.getElementById('l'+i).style.display="block";
    		} else {
    			document.getElementById('l'+i).style.display="none";
    		}
     
    		i++;
    	}
     
     
    }
     
    Nombre de Champ : <select id="nbch" name="nbchamp" onChange="change_nb_champ();">
    <option>1</option><option>2</option><option>3</option><option>4</option><option>5</option>
    </select>
    <br /><br />
     
        &nbsp;Nom du champ   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    Flux Rss<br />
    	<div id="l1"><input type="text" name="n1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input size="70" type="text" name="f1"> <a href="#" onClick="popup('n1');">flux</a></div>
    	<div id="l2"><input type="text" name="n2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input size="70" type="text" name="f2"> <a href="#" onClick="popup('n2');">flux</a></div>
    	<div id="l3"><input type="text" name="n3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input size="70" type="text" name="f3"> <a href="#" onClick="popup('n3');">flux</a></div>
    	<div id="l4"><input type="text" name="n4">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input size="70" type="text" name="f4"> <a href="#" onClick="popup('n4');">flux</a></div>
     	<div id="l5"><input type="text" name="n5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input size="70" type="text" name="f5"> <a href="#" onClick="popup('n5');">flux</a></div>
    Merci d'avance !

  2. #2
    Membre à l'essai
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    25
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2007
    Messages : 25
    Points : 11
    Points
    11
    Par défaut
    problème résolu ca venait de là
    visible = document.getElementById("nbch").value;

    Désolé pour le dérangement

  3. #3
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 648
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 648
    Points : 11 137
    Points
    11 137
    Par défaut
    bonjour,

    i est un entier par contre la valeur retournée par
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    visible = document.getElementById("nbch").value;
    est une chaine de caractères.

    [edit]trop tard [/edit]

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. compatibilité style display sous IE
    Par kOrt3x dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 27/10/2010, 15h55
  2. Problème sous Firefox display none / block
    Par jeromed dans le forum Balisage (X)HTML et validation W3C
    Réponses: 12
    Dernier message: 05/02/2010, 17h08
  3. style.display sous IE
    Par tibotibo69 dans le forum Général JavaScript
    Réponses: 31
    Dernier message: 08/04/2008, 17h09
  4. pb avec display:table-row d'une <tr> sous ie
    Par bibile dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 13/02/2006, 11h12
  5. Display un sous menu : affichage progressif des sous rubriq.
    Par sokette dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 27/12/2005, 16h15

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo