changer le margin-top par JavaScript
Une Bévue
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.
???
SAM
> si je fais :
> document.getElementById("divContainer").style.marginTop=(i-75)+" px";
>
> rien ne bouge...
+"px";
ou :
+ "px";
non ?
--
St�phane Moriaux avec/with iMac-intel
Une Bévue
> +"px";
> ou :
> + "px";
>
> non ?
Ben si !
Ils sont flemmards les parsers cette ann�e ? ;-)
Une Bévue
>
> ou :
> + "px";
était défini dans une feuille de style css externe ou interne ?
plutôt que dans le html ?
SAM
> On 08/10/2011 23:04, SAM wrote:
>> non ?
>
> Ben si !
pour une fois qu'il tente d'a�rer son code ... c'est rat�.
> Ils sont flemmards les parsers cette ann�e ? ;-)
Il existe des produits pour nettoyer les lunettes ;-)
Nota:
il ne suffit pas d'acheter le produit, il faut aussi l'utiliser.
SAM
> On 08/10/2011 23:04, SAM wrote:
>>
>> +"px";
>> ou :
>> + "px";
>
> �tait d�fini dans une feuille de style css externe ou interne ?
> plut�t que dans le html ?
panicompri
"quoi" marcherait(ou non) ?
atouzazar :
l'espace ind�sirable est ind�sirable partout
puisque, � la base, ind�sirable dans la css
Une Bévue
> Le 09/10/11 09:53, Une Bévue a écrit :
>> On 08/10/2011 23:04, SAM wrote:
>>>
>>> +"px";
>>> ou :
>>> + "px";
>>
>> était défini dans une feuille de style css externe ou interne ?
>> plutôt que dans le html ?
>
> panicompri
>
>
> "quoi" marcherait(ou non) ?
>
>
> atouzazar :
> puisque, à la base, indésirable dans la css
Non, je ne parlais pas de l'espace.
C'est #style.top=i+"px";
Est ce que ça marche que le style soit défini dans le html (<div
style="...) ou par feuille interne ou externe
--
Une Bévue
SAM
>
> Non, je ne parlais pas de l'espace.
> C'est #style.top=i+"px";
> Est ce que ça marche que le style soit défini dans le html (<div
> style="...) ou par feuille interne ou externe
sauf à ce que ça ait changé en HTML.5/CSS.3,
- par feuille, il est certain que non : ce n'y est pas du JS
- par attribut style, même si alors le JS peut le lire,
ce doit être pareil et inopérant.
... pas de calculs en code html ou css.
Seules les css, pour un truc spécial et si le brouteur le veut bien, ont
un mécanisme de count et marker
(je ne l'ai jamais vu fonctionner)
--
Stéphane Moriaux avec/with iMac-intel
Une Bévue
OK, ça correspond bien à ce que j'ai en mémoire et à mon expérience
récente.
Pour être clair si j'ai :
...
<style> #myDivId { marin-top : -125px; ...
...
<body><div id='myDivId'... Pas de style
Ou bien
Pas de <style> pour #myDivId
...
<body><div id='myDivId' style='marin-top: -125px;...
Dans le premier cas modifier marginTop par js ne marche pas, dans le second
ça roule, c'est bien ça ?
Si c'est bien vrai, je trouve ça curieux et quelque peu ringard...
--
Une Bévue
Une Bévue
> Dans le premier cas modifier marginTop par js ne marche pas, dans le second
> �a roule, c'est bien �a ?
> Si c'est bien vrai, je trouve �a curieux et quelque peu ringard...
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)
SAM
> Une B�vue<unbewus...@fai.invalid> wrote:
>
>> Dans le premier cas modifier marginTop par js ne marche pas, dans le second
>> �a roule, c'est bien �a ?
>> Si c'est bien vrai, je trouve �a curieux et quelque peu ringard...
>
> 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 ???
... 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)
Une Bévue
> en JS on ne peut pas *lire* le style s'il n'est pas :
> - ou JavaScript� auparavant ( $('foo').style.display='none'; )
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.
> - ou directement styl� dans la balise ( <p id='foo' style="... )
ah oui, donc c'est bien un cas sp�cial.
> on peut n�anmoins faire lire la feuille de style mais c'est un peu +
> compliqu�
oui j'ai fait �a, il y a tr�s longtemps.
> (surtout si elle a �t� faite pas un certain Yvon)
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)
Une Bévue
> il va me falloir refaire un test, ce que tu avances l� me trouble, ce
> sera pour apr�s d�jeuner.
Bon j'ai r�alis� un petit test qui me permet de -vraiment- comprendre
tes propos )))
Here it is :
<http://82.226.217.239/js_tests/js_css_style/index.html>
C'est clair maintenant, j'esp�re m'en souvenir !!!
SAM
> SAM<stephanemor...@wanadoo.fr.invalid> wrote:
>
>> en JS
>
> oui j'ai fait �a, il y a tr�s longtemps.
>
>> (surtout si elle a �t� faite pas un certain Yvon)
>
> oui, merci pour le compliment !
;-)
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).
> 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.
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)
> m�me le W3C n'arrive pas � pondre un validateur correct pour le CSS3...
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