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 :

Pb avec [object].style.....


Sujet :

JavaScript

Mode arborescent

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    D�cembre 2004
    Messages
    49
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : D�cembre 2004
    Messages : 49
    Par d�faut Pb avec [object].style.....
    Bonjour, � tous je veux me servir des propri�t�s de style de mon objet div � partir d'un javascript. Je me rends compte que si je veux afficher les propri�t�s de style (left et top ici) de celle-ci, elles ne s'affichent pas car vide or pourtant ces propri�t�s sont d�finies dans une feuille de style.

    Voici la feuille de style (div2.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
     
    div#dep{
     background-color:red;
     width:150px;
     height:50px;
     position:absolute;
     float:left;
     left:0px;
     top:0px;
     
    }
     
    div#dep2{
     background-color:yellow;
     
     width:300px;
     height:300px;
     position:absolute;
     float:left;
     
    }
    Voici la page HTML avec le javascript simplissime!

    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
     
    <html>
    <head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="div2.css">
    </head>
    <script language="javascript">
        function afficheToi(strDiv)
        {
            var maDiv;
            maDiv=document.getElementById('dep');
            alert("x:"+maDiv.style.left+" y:"+maDiv.style.top);
        }
    </script>
    <body >
    <div id='dep2'   ></div>
    <div id='dep' onmousedown="afficheToi('dep');">Ma div</div>
     
     
     
    </body>
    </html>.
    De plus, j'ai remarqu� que si je d�clare le style directement dans la div cela fonctionne bizarre non? Or cette "d�claration directe" ne conviens pas car je souhaite utilis� des feuilles de styles externes.

    Une solution?
    Merci.
    Fichiers attach�s Fichiers attach�s

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. D�finir un textBox password avec le style XP
    Par NicolasJolet dans le forum Windows
    R�ponses: 3
    Dernier message: 19/03/2006, 13h43
  2. R�ponses: 1
    Dernier message: 03/03/2006, 13h53
  3. R�ponses: 1
    Dernier message: 30/11/2005, 14h57
  4. Renvoi d'une valeur dans un champ avec un style
    Par m@thieu dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 15/11/2005, 18h09
  5. Appeler un programme sur le poste client avec <object>
    Par ouioui2000 dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 2
    Dernier message: 22/08/2005, 14h40

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