[résolu]Feuille de style et DHTML

[KewlCat]

Bonjour !

 

Comme je sais que voue êtes très doués en DHTML et CSS, est-ce que quelqu'un pourrait m'expliquer le phénomène suivant : lien ?

 

Je ne comprends pas pourquoi j'ai accès aux attributs de position uniquement lorsque la balise est porteuse de ces infos dans son style=" ... ", et pas lorsque tout est embarqué dans la feuille de style (qu'elle soit dans la page ou référencée par un <link rel="...">). J'ai par ailleurs essayé de passer par une classe spéciale (les fameux # et . ) mais ça ne change rien au problème, ces attributs sont vides (même pas "indéfinis") à l'ouverture de la page...

 

Comme vous pouvez le constater, ces attributs sont malgré tout parfaitement exploitables (puisque la "fenêtre" se déplace) mais j'ai juste un léger problème lorsque je veux calculer à quel endroit du titre de la fenêtre j'ai cliqué...

[Myki]

Tiens un post de KC sans réponse .... c'est pas bien.

 

Myki, en passant

[KewlCat]

C'est sympa, mais je crois que pour avoir du succès il vaut mieux changer de nick...

[Laubean]

Tu veux une liste?

[KewlCat]

Toi, va plutôt chercher ton frère au lieu de dire des bêtises ;-p

[Laubean]

Je lui envoie un mail, il verra ca demain

[Myki]

Et sinon, Miossec, il a tenu pendant le concert ?

 

Myki, private joke

[Nyk_o]

Toi, va plutôt chercher ton frère au lieu de dire des bêtises ;-p

Salut,

 

J'ai déjà regardé ton pb....

 

J'arrive pas non plus à récupérer la moindre propriété (left, top, position...) sans passer par

 style="top:10;left:20...."

 

Dslé g essayé pleins de trucs en javascript, mias pas moyen

 

 

++

Nyko

[KewlCat]

OK merci... Tant pis, je vais ajouter des style="" pour doubler ce qu'il y a dans la feuille de style...

J'espère que ça ne m'empêchera pas de valider mes pages pour XTHML 1.0 + CSS ...

[KewlCat]

Résolu !

 

Enfin... "contourné" serait plus exact...

Puisque je n'ai pas ces attributs au chargement de la page, je vais les chercher moi-même dans ma efuille de style (dans le onload) !

    function init() {
     for (i = 0; i < document.styleSheets.item(0).cssRules.length; i++) {
       regle = document.styleSheets.item(0).cssRules.item(i);
       if ((regle.type == CSSRule.STYLE_RULE) && (regle.selectorText == "#monTab2")) {
         id = document.getElementById("monTab2");
         id.style.left = regle.style.left;
         id.style.top = regle.style.top;
         id.style.width = regle.style.width;
         id.style.height = regle.style.height;
       }
     }
   }

 

Je me suis aidé des références CSS2 / DOM du W3C : http://www.w3.org/TR/DOM-Level-2-Style/css.html

 

Voilà. Comme ça ma page passe sans erreurs au validator XHTML 1.0 strict, et elle fait exactement ce pour quoi elle a été prévue lorsque le DOCTYPE est présent...