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 :

visualiser et modifier location div


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Développeur
    Inscrit en
    Janvier 2010
    Messages
    232
    Détails du profil
    Informations personnelles :
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur

    Informations forums :
    Inscription : Janvier 2010
    Messages : 232
    Par défaut visualiser et modifier location div
    Bonjour,

    Quand je fais
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    alert('left = ' +document.getElementById('elementDiv').style.left);
    dans mon code, il ne s'affiche rien.... alors que ma div est correctement située sur ma page :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    .diva
    {
       font-size:18pt;
       border:2pt black solid;
       padding:10pt;
       text-align:right;
       position:absolute;
       top:100px;
       left:300px;
       width:200px ;
       display:none;   
    }
    Si bien que je n'arrive plus après à positionner une autre div par rapport à celle-ci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('elementDivTri').style.left=document.getElementById('elementDiv').style.left+document.getElementById('elementDiv').style.width+50;
    Dans firebug, tous les document...style.left valent ""
    Merci pour vos idées
    Bonne journée

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Ton code JavaScript fait référence à
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('elementDiv')
    donc à une div dont l'id est "elementDiv", mais dans le code CSS, il s'agit des éléments de classe "diva"...

    On pourrait voir le HTML correspondant ?
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre éclairé
    Profil pro
    Développeur
    Inscrit en
    Janvier 2010
    Messages
    232
    Détails du profil
    Informations personnelles :
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur

    Informations forums :
    Inscription : Janvier 2010
    Messages : 232
    Par défaut
    code HTML
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div  class="diva" id="elementDiv";>
    Merci

  4. #4
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    Bonjour,

    Peut-être que le point-virgule le perturbe :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div  class="diva" id="elementDiv";>

  5. #5
    Membre éclairé
    Profil pro
    Développeur
    Inscrit en
    Janvier 2010
    Messages
    232
    Détails du profil
    Informations personnelles :
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur

    Informations forums :
    Inscription : Janvier 2010
    Messages : 232
    Par défaut
    visiblement ce n'est pas ça... maintenant il me dit undefined !!!
    Merci pour la réponse

  6. #6
    Membre éclairé
    Profil pro
    Développeur
    Inscrit en
    Janvier 2010
    Messages
    232
    Détails du profil
    Informations personnelles :
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur

    Informations forums :
    Inscription : Janvier 2010
    Messages : 232
    Par défaut
    J'ai trouvé quelque chose, mais j'aurais savoir la différence.
    Il s'agit de repérer, pour une div, la position left.
    Quand je fais
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('elementDiv').style.left)
    j'obtiens ... rien
    Quand je fais
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('elementDiv').offsetLeft
    j'obtiens la bonne valeur.....et pourtant, voir mon code plus haut, j'ai bien renseigné la propriété left à la création de la div...
    QQ peut-il m'expliquer?
    Merci

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

Discussions similaires

  1. JS qui permet de modifier une div dans ma page à partir d'un clic
    Par sheira dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 28/09/2010, 10h53
  2. Réponses: 2
    Dernier message: 08/06/2010, 01h57
  3. Modifier contenu div
    Par HaTnuX dans le forum Général JavaScript
    Réponses: 16
    Dernier message: 09/02/2007, 14h10
  4. Ma page se recharge au lieu de juste modifier le div
    Par finalfx dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 28/12/2006, 16h06
  5. [URGENT]modifier un DIV
    Par Invité dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 31/03/2006, 17h59

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