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 :

offsetLeft et arbre DOM


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Inscrit en
    Décembre 2006
    Messages
    411
    Détails du profil
    Informations forums :
    Inscription : Décembre 2006
    Messages : 411
    Par défaut offsetLeft et arbre DOM
    Bonjour,

    J'utilise la propriété offsetLeft, offsetTop et offsetParent afin de retrouver la position d'un élément sur une page
    Celà fonctionne mais jusqu'à maintenant j'exécutais ma fonction à l'évènement load de la page donc une fois que la page est chargée et il faudrait que je puisse gagner du temps et savoir la position avant la fin de chargement de la page car très souvent il y a des scripts qui continuent à se charger longtemps empêchant le lancement de ma fonction
    Le problème qu'il y a vient de l'arbre DOM. Mon script affiche à l'écran une image et ensuite essaie de rechercher sa position afin de savoir si elle sera visible à l'écran de l'internaute ou non. J'ai entendu que le souci c'est qu'il faudrait attendre le chargement complet de la page pour récupérer des positions d'objets sur une page. Pouvez vous m'expliquer comment l'objet DOM tree fonctionne
    Lorsque ma fonction s'éxécute après le body, le DOM TREE n'est-il pas encore créé et donc accessible rendant de ce fait ma fonction inopérante ???
    Car j'ai lancé ma fonction sans l'évènement Load et celà a bizarrement fonctionné alors qu'il parait que celà ne doit pas
    Help please je ne veux pas être surpris si celà ne devait pas marcher finalement

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Décembre 2009
    Messages
    25
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2009
    Messages : 25
    Par défaut
    Bonjour,
    Dans l'ordre de chargement:
    Un arbre DOM se remplis , il existe a tout moment
    les scripts du "head" (la branche du "body" n'existe pas encore),
    puis du "body", (que les objet DOM qui se situent au dessus du script existe),
    et du "onload" (là tous l'arbre DOM existe).

    Ce source vous montrera comment l'arbre se construit, au différente étape.

    Si du source est exécuté dans le "body" ou dans le "head", cela peur ralentie le chargement de l'arbre DOM.
    Tant qu'une étape n'est pas terminée, la suivante ne se fait pas, à l'exception du JavaScript lancer par "windows.setTimeout" ou de "windows.setInterval".

    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
     
    <html>
        <head>
            <script language="JavaScript">
                alert("in head:\n"+document.getElementsByTagName('head')[0].parentNode.innerHTML);
            </script>
        </head>
        <body onload='alert("in onload:\n"+document.getElementsByTagName("head")[0].parentNode.innerHTML);'>
            <div style="background:#00ff00;top:0px;left:0px;width:10px;height:10px;"></div>
            <script language="JavaScript">
                alert("in body:\n"+document.getElementsByTagName('head')[0].parentNode.innerHTML);
            </script>
            <div style="background:#ff0000;top:10px;left:10px;width:10px;height:10px;"></div>
        </body>
    </html>
    --
    http://vgt.fr

Discussions similaires

  1. [DOM] Remplacer un arbre DOM par un autre
    Par kingmandrax dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 31/10/2006, 12h20
  2. [DOM] Copier un arbre DOM en vue de le modifier
    Par kingmandrax dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 12/10/2006, 10h05
  3. Recursion sur un arbre DOM
    Par crimsonPhantom dans le forum Général Python
    Réponses: 1
    Dernier message: 22/08/2006, 15h41
  4. [XML][Java] parser plusieurs fichiers en un seul arbre DOM ?
    Par mrlenul dans le forum XML/XSL et SOAP
    Réponses: 2
    Dernier message: 29/11/2005, 11h09
  5. [DOM] Serialiser arbre DOM en fichier XML
    Par Overflow64 dans le forum Format d'échange (XML, JSON...)
    Réponses: 4
    Dernier message: 20/10/2004, 11h53

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