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 :

Erreur CSS dans Javascript


Sujet :

JavaScript

  1. #1
    Membre régulier
    Inscrit en
    Juillet 2006
    Messages
    145
    Détails du profil
    Informations personnelles :
    Âge : 41

    Informations forums :
    Inscription : Juillet 2006
    Messages : 145
    Points : 74
    Points
    74
    Par défaut Erreur CSS dans Javascript
    La fonction :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    function popwin(html){
    	div=document.getElementById("popwin");
    	div.innerHTML = html ;
    	width = math.ceil(div.style.width / 2);
    	div.style.margin-left = width;
    	div.style.visibility = 'visible';
    }
    l'erreur donné :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    Erreur : invalid assignment left-hand side
    Code source :
    	div.style.margin-left = width;
    Une idée sur le problème ?

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

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

    tu as confondu la syntaxe CSS et la syntaxe javascript :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    div.style.marginLeft = width;
    par ailleurs appeler sa variable "div" n'est pas très judicieux. Appelle la "monDiv" par exemple.

  3. #3
    Membre expert
    Avatar de FremyCompany
    Profil pro
    Étudiant
    Inscrit en
    Février 2006
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Âge : 33
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2006
    Messages : 2 532
    Points : 3 239
    Points
    3 239
    Par défaut
    Citation Envoyé par Auteur
    bonjour,

    tu as confondu la syntaxe CSS et la syntaxe javascript :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    div.style.marginLeft = width;
    par ailleurs appeler sa variable "div" n'est pas très judicieux. Appelle la "monDiv" par exemple.
    lol, div c'est très bien comme nom de variable Notez que moi j'utilise divContent dans ce genre de cas (lol, je sais tlm s'en fout)

    Sinon tu as raison sur la manière de corriger le problème...

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

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 650
    Points : 11 143
    Points
    11 143
    Par défaut
    Citation Envoyé par FremyCompany
    lol, div c'est très bien comme nom de variable Notez que moi j'utilise divContent dans ce genre de cas (lol, je sais tlm s'en fout)

    Sinon tu as raison sur la manière de corriger le problème...
    C'est que je voulais dire : utiliser un nom de variable en lien avec le rôle ou le contenu du div.
    divTitre, divSousTitre, divContenu, divMenu, divConteneur, divBlabla etc...

    [edit]
    Et non (presque) personne sans fout : je fais pareil . De toute façon, il faut organiser son code d'une manière ou d'une autre pour s'y retrouver.
    [/edit]

  5. #5
    Membre régulier
    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    93
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : Juillet 2006
    Messages : 93
    Points : 111
    Points
    111
    Par défaut
    salut,

    déjà, je pense que ca serait mieux de mettre "var = ..." devant la déclaration de tes variables.

    ensuite, tu n'as pas le droit de donner comme nom "width" a une variable, puisqu'il est déjà utilisé par javascript.

    Tout ce qui est "height, width, div... et aussi test" comme noms de variables sont la cause d'erreurs dans javascript.

    voila j'espère que c'est bon

  6. #6
    Membre régulier
    Inscrit en
    Juillet 2006
    Messages
    145
    Détails du profil
    Informations personnelles :
    Âge : 41

    Informations forums :
    Inscription : Juillet 2006
    Messages : 145
    Points : 74
    Points
    74
    Par défaut
    Et bien comme vous êtes bien parti, je lache le code complet.

    JS :

    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
    32
    33
    34
    35
    36
    function popwin(html){
    	var popdiv = document.getElementById("popwin");
    	var popdiv2 = document.getElementById("popwin2");
     
    	var popdivh = 250;
    	var popdivw = 350;
     
    	popdiv.style.width = popdivw + "px";
    	popdiv.style.height = popdivh + "px";
     
    	popdiv.innerHTML = '<div style=\'text-align:right;border-bottom:1px solid #999999;margin-bottom:3px\'><span class=\'text\' style=\'cursor:pointer\'onclick="close_popwin()">Fermer [X]</span></div><div><span class=\'text\'>' + html + '<span></div>';
     
    if (window.innerWidth)
    	var popdiv2w = window.innerWidth;
    else
    	var popdiv2w = document.body.clientWidth;
     
    if (window.innerHeight)
    	var popdiv2h = window.innerHeight;
    else
    	var popdiv2h = screen.height;
     
    	popdiv.style.top = "150px";
    	popdiv.style.left = (popdiv2w - popdivw)/2 + "px";
     
    	popdiv2.style.height = popdiv2h + "px";
    	popdiv2.style.width = popdiv2w + "px";
     
    	popdiv.style.visibility = 'visible';
    	popdiv2.style.visibility = 'visible';
    }
     
    function close_popwin(){
    	popdiv.style.visibility = 'hidden';
    	popdiv2.style.visibility = 'hidden';
    }
    CSS :

    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
    #popwin {
    	position : absolute;
        visibility : hidden;
    	padding:3px;
        background-color : #FFFFFF;
        border : 1px solid #000000;
     
        color : #000000;
    	font-family: Verdana, Arial, Helvetica, sans-serif;	
    	font-weight:300;
    	font-size:11px;
        }
     
    #popwin2 {
        position : absolute;
        visibility : hidden;
    	top:0;
    	left:0;
        background-color : #000000;
    	filter : Alpha(opacity=60);
    	opacity : 0.60;
        }
    HTML :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div id='popwin2'></div><div id='popwin'></div>
    PHP :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    function popwin($html)
    {
    $traduction = array( "'" => "\\'", "\"" => "\\&quot;", "<" => "&lt;", ">" => "&gt;" );
    $html = strtr($html , $traduction); 
     
    $popwin = "onclick=\"popwin('" . $html . "')\"";
    return $popwin;
    }
    PS : je suis preuneur en matière de critiques.

Discussions similaires

  1. Lien vers css et javascript dans xslt
    Par BigBarbare dans le forum XSL/XSLT/XPATH
    Réponses: 2
    Dernier message: 03/06/2008, 15h43
  2. Réponses: 2
    Dernier message: 22/08/2007, 09h55
  3. Réponses: 1
    Dernier message: 21/08/2007, 17h44
  4. css dans Javascript
    Par zodd dans le forum Général JavaScript
    Réponses: 13
    Dernier message: 09/10/2006, 22h00
  5. erreur de syntaxe javascript dans ma page
    Par Oluha dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 01/02/2005, 14h53

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