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 :

Taille de table modifiée sur Onchange avec Firefox


Sujet :

JavaScript

  1. #1
    Membre habitué
    Inscrit en
    Juillet 2006
    Messages
    747
    Détails du profil
    Informations forums :
    Inscription : Juillet 2006
    Messages : 747
    Points : 185
    Points
    185
    Par défaut Taille de table modifiée sur Onchange avec Firefox
    Voila mon souci, il est tout bête. Je dispose d'un champ select. Initialement sous le champ il y a une cadre rouge de largeur 100% de la page. Lorsque je sélectionne le choix 2, le cadre rouge disparait bien mais lorsque je re sélectionne le Choix 1 le cadre rouge apparait mais la largeur est égale a son contenu alors que je voudrais qu'elle soit toujours a 100%.

    Ceci se produit sous FIREFOX et je ne sais pas pourquoi..
    Merci pour votre aide


    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
    		<TABLE width='100%' cellspacing='5'>
    			<tr>
    				<TD>
    					<select id='change_profil' onChange= 'Change_Type_profil();'>										
    						<option>Choix 1</option>									
    						<option>Choix 2</option>									
    						<option>Choix 3</option>																	
    					</select>										
    				</TD>
    			</tr>
    		</TABLE>
     
     
    		<TABLE width='100%'  id='cadre_rouge'>
    			<tr style='background-color:#ff0000;' height='20px'>
    				<td>a</td>
    			</tr>
    		</TABLE>

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    	function Change_Type_profil() {
    		if ((document.getElementById('change_profil').options[document.getElementById('change_profil').selectedIndex].text) == 'Choix 1')
    			document.getElementById('cadre_rouge').style.display='block';
    		else
    			document.getElementById('cadre_rouge').style.display='none';	
    	}

  2. #2
    Membre habitué
    Inscrit en
    Juillet 2006
    Messages
    747
    Détails du profil
    Informations forums :
    Inscription : Juillet 2006
    Messages : 747
    Points : 185
    Points
    185
    Par défaut
    Bon pour ceux que ca intéresse, j'ai trouvé une solution qui me convient parfaitement moi.

    Pour IE , je laisse ....style.display='block';

    Pour FIREFOX, je met ....style.display='table-row';

    Voila, plus de problème !!!!!! VIVE MOI

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

Discussions similaires

  1. Ecran noir sur dailymotion avec firefox
    Par tanaka59 dans le forum Firefox
    Réponses: 2
    Dernier message: 08/02/2013, 09h48
  2. problème avec select sur onchange
    Par Kerod dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 01/12/2005, 14h05
  3. Problème avec affichage d'une table modifiée
    Par auriolbeach dans le forum Access
    Réponses: 6
    Dernier message: 31/10/2005, 15h45
  4. [ADO multiposte]MàJ d'1 table modifiée sur 1 autre poste
    Par joebarthib dans le forum Bases de données
    Réponses: 15
    Dernier message: 22/12/2003, 09h50

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