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 :

[DOM] Modification d'un style CSS (Déclaration attendue, mais ..)


Sujet :

JavaScript

  1. #1
    Membre confirmé Avatar de d-Rek
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2007
    Messages
    438
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2007
    Messages : 438
    Points : 455
    Points
    455
    Par défaut [DOM] Modification d'un style CSS (Déclaration attendue, mais ..)
    Bonjour à tous,

    Firefox me sort une erreur bizarre : "Déclaration attendue, mais 148px trouvé. Passage à la déclaration suivante."
    Alors que je modifie d'autres div juste avant de la même sorte, toujours leur top et même leur left et aucun problème.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('madiv').style.top='148px';
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    #madiv{
    	position:absolute;
    	top:148px;
    	left:5px;
    	background-color:#FFFFFF;
    	width:234px;
    	height:300px;
    	border:1px solid #000;
    	text-align:left;
    	display:none;
    }

  2. #2
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Bonjour,
    à quelle moment (évènement / action) est lancée l'instruction
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('madiv').style.top='148px';
    ?

    A+

  3. #3
    Membre confirmé Avatar de d-Rek
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2007
    Messages
    438
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2007
    Messages : 438
    Points : 455
    Points
    455
    Par défaut
    Dans un switch/case suivant la valeur fournie par une requête XmlHttpRequest.

  4. #4
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Citation Envoyé par d-Rek Voir le message
    Dans un switch/case suivant la valeur fournie par une requête XmlHttpRequest.
    Sûrement un problème de "chronologie" des instructions dans cette partie ...
    Peut-on voir le code (appel Ajax + les traitements qui suivent jusqu'à l'instruction à problème) ?

    A+

  5. #5
    Membre confirmé Avatar de d-Rek
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2007
    Messages
    438
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2007
    Messages : 438
    Points : 455
    Points
    455
    Par défaut
    Je fais ni plus ni mois que ça :
    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
     
    ...
    if(xhrp.readyState==4 && xhrp.status==200){
    	var rep = eval('('+xhrp.responseText+')');
    	switch(rep.Event){
    		case 0: .. break;
    		case 1: 
    			document.getElementById('madiv1').style.top='148px';
    			document.getElementById('madiv2').style.display='none';
    			document.getElementById('madiv3').style.top='148px';
    			autrefunction();
    			break;
    		default:return;
    	}
    }
    ..
    Si je vire la modif de madiv3, j'ai une erreur sur le none.
    autrefunction() ne touche pas à madiv3

  6. #6
    Membre confirmé Avatar de d-Rek
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2007
    Messages
    438
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2007
    Messages : 438
    Points : 455
    Points
    455
    Par défaut
    Mais effectivement, si je vire l'appel à autrefunction, ça passe..

    Edit :
    Solution trouvé : je créé une div par un createElement DOM dans le même conteneur que la div que je mettais en display none. C'est pas logique car cette div ne devait pas être affectée par cette modification...

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

Discussions similaires

  1. Modification du style css en localhost
    Par houssine91 dans le forum Dreamweaver
    Réponses: 3
    Dernier message: 30/07/2013, 13h14
  2. Réponses: 4
    Dernier message: 04/08/2012, 00h15
  3. Modification de styles css
    Par popy67 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 23/04/2009, 15h51
  4. [DOM] Modification du style en fonction du grand-parent ?!
    Par ghohm dans le forum Général JavaScript
    Réponses: 17
    Dernier message: 03/07/2007, 15h50

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