changer le margin-top par JavaScript
Le
Une Bévue

si je fais :
document.getElementById("divContainer").style.marginTop=(i-75)+" px";
rien ne bouge
si par contre j'écris :
style="position: absolute; top: 0px;left: 50%; margin-left: -250px;
margin-top: "+(i-75)+"px; opacity: 0.6; background-color:
rgb(0,0,0);padding:10px;";
puis :
document.getElementById("divContainer").setAttribute("style", style);
ça roule.
je ne comprends pas pourquoi ça ne marche pas dans le premier cas
d'autant plus que si je log sur la console :
document.getElementById("divContainer").style.marginTop;
ça me retourne un résultat correct.
???
document.getElementById("divContainer").style.marginTop=(i-75)+" px";
rien ne bouge
si par contre j'écris :
style="position: absolute; top: 0px;left: 50%; margin-left: -250px;
margin-top: "+(i-75)+"px; opacity: 0.6; background-color:
rgb(0,0,0);padding:10px;";
puis :
document.getElementById("divContainer").setAttribute("style", style);
ça roule.
je ne comprends pas pourquoi ça ne marche pas dans le premier cas
d'autant plus que si je log sur la console :
document.getElementById("divContainer").style.marginTop;
ça me retourne un résultat correct.
???
+"px";
ou :
+ "px";
non ?
--
Stéphane Moriaux avec/with iMac-intel
Ben si !
Ils sont flemmards les parsers cette année ? ;-)
et est-ce que ça marcherait de la même manière si le style de la div
était défini dans une feuille de style css externe ou interne ?
plutôt que dans le html ?
pour une fois qu'il tente d'aérer son code ... c'est raté.
Il existe des produits pour nettoyer les lunettes ;-)
Nota:
il ne suffit pas d'acheter le produit, il faut aussi l'utiliser.
--
Stéphane Moriaux avec/with iMac-intel
panicompri
"quoi" marcherait(ou non) ?
atouzazar :
l'espace indésirable est indésirable partout
puisque, à la base, indésirable dans la css
--
Stéphane Moriaux avec/with iMac-intel
Bon, je viens tout juste de faire l'essai ça roule même avec le css
définit dans <style...
ça doit être une vieille donnée ???
--
« L'éléphant ne peut pas courir et se gratter
les fesses en même temps. »
(Proverbe africain)
... heu ...
ce que je voulais dire est que :
en JS on ne peut pas *lire* le style s'il n'est pas :
- ou JavaScripté auparavant ( $('foo').style.display='none'; )
- ou directement stylé dans la balise ( <p id='foo' style="... )
on peut néanmoins faire lire la feuille de style mais c'est un peu +
compliqué
(surtout si elle a été faite pas un certain Yvon)
--
Stéphane Moriaux avec/with iMac-intel
Ah bon, sur ---tous--- les butineurs ?
il va me falloir refaire un test, ce que tu avances là me trouble, ce
sera pour après déjeuner.
ah oui, donc c'est bien un cas spécial.
oui j'ai fait ça, il y a très longtemps.
oui, merci pour le compliment !
il est vrai que la "logique" css m'échappe, ce n'est pas un outil tourné
vers l'extérieur, vers les utilisateurs, mais vers l'intérieur, les
concepteurs de browsers, je présume.
même le W3C n'arrive pas à pondre un validateur correct pour le CSS3...
--
« Chez un homme politique, les études c'est quatre ans de droit,
puis toute une vie de travers. »
(Coluche)
Bon j'ai réalisé un petit test qui me permet de -vraiment- comprendre
tes propos )))
Here it is :
C'est clair maintenant, j'espère m'en souvenir !!!
--
« Chez un homme politique, les études c'est quatre ans de droit,
puis toute une vie de travers. »
(Coluche)
;-)
J'ai eu eu abordé les css il y a un bon bout de temps ... après l'usage
des tables pour faire de la mise en forme, de la mise en page, et ... je
dois avouer que ça bien dû me prendre 2 ans pour
comprendre-intégrer-adopter la méthode css qui est, de mon point de vue,
à l'opposé complète relativement à celle tabléiforme.
À ce jour je n'arrive plus à comprendre qu'on se farcisse encore des
tables pour autre chose que de la présentation de données.
Je tape tout (enfin .. le peu que je tape) à la mimine et, vraiment, le
réflexe "table" ne me vient pas.
Tout ça pour dire : « oui j'abonde, les css çà se mérite. »
Pour les css en elles-mêmes, à mon sens, ce n'est que pure réflexion
géométrique (ce qu'elles, au demeurant, n'ont pas d'autre rôle/but :
présentation dans l'espace à 2 dimensions)
Ensuite ça ce complique un brin si en plus on veut agir via JavaScript
sur (et à la limite créer) des règles de style(s).
les concepteurs de mise en forme : fonte, taille, couleur, arrière plan,
en titre ou § ou exergue, place laissée à l'image (taille, marge autour,
flottante ou non) etc. etc. du même tonneau.
tonneau se rapportant à tout et n'importe quoi (pas seulement les
balises html qui ont un sens par elles-mêmes mais aussi leurs
transformations (liste en menu, éléments inline modifiés en boites, etc)
Ha !? Les css.3 ... c'est-y abouti et définitif ?
Si oui, m'étonnerait que le validator-css3 ne soit pas au point, au
moins pour l'essentiel.
Si non ... ben ... che sera vera
--
Stéphane Moriaux avec/with iMac-intel