Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

changer le margin-top par JavaScript

8 views
Skip to first unread message

Une Bévue

unread,
Oct 8, 2011, 12:46:56 PM10/8/11
to
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.

???

SAM

unread,
Oct 8, 2011, 5:04:12 PM10/8/11
to
Le 08/10/11 18:46, Une B�vue a �crit :

> 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

unread,
Oct 8, 2011, 11:12:27 PM10/8/11
to
On 08/10/2011 23:04, SAM wrote:
> +"px";
> ou :
> + "px";
>
> non ?

Ben si !
Ils sont flemmards les parsers cette ann�e ? ;-)

Une Bévue

unread,
Oct 9, 2011, 3:53:31 AM10/9/11
to
On 08/10/2011 23:04, SAM wrote:
>
> +"px";
> ou :
> + "px";

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 ?

SAM

unread,
Oct 9, 2011, 6:34:10 AM10/9/11
to
Le 09/10/11 05:12, Une B�vue a �crit :

> 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

unread,
Oct 9, 2011, 6:36:42 AM10/9/11
to
Le 09/10/11 09:53, Une B�vue a �crit :

> On 08/10/2011 23:04, SAM wrote:
>>
>> +"px";
>> ou :
>> + "px";
>
> 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 ?

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

unread,
Oct 9, 2011, 9:18:08 AM10/9/11
to
SAM <stephanemor...@wanadoo.fr.invalid> wrote:
> Le 09/10/11 09:53, Une Bévue a écrit :

>> On 08/10/2011 23:04, SAM wrote:
>>>
>>> +"px";
>>> ou :
>>> + "px";
>>
>> 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 ?

>
> panicompri
>
>
> "quoi" marcherait(ou non) ?
>
>
> atouzazar :
> l'espace indésirable est indésirable partout
> 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

unread,
Oct 9, 2011, 10:13:58 AM10/9/11
to
Le 09/10/11 15:18, Une Bévue a écrit :

>
> 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

unread,
Oct 9, 2011, 10:50:02 AM10/9/11
to


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

unread,
Oct 10, 2011, 7:29:19 AM10/10/11
to
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 ???

--
� L'�l�phant ne peut pas courir et se gratter
les fesses en m�me temps. �
(Proverbe africain)

SAM

unread,
Oct 13, 2011, 4:32:14 AM10/13/11
to
Le 10/10/11 13:29, Une B�vue a �crit :

> 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

unread,
Oct 13, 2011, 6:05:13 AM10/13/11
to
SAM <stephanemor...@wanadoo.fr.invalid> wrote:

> 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

unread,
Oct 13, 2011, 7:41:22 AM10/13/11
to
Une B�vue <unbewus...@fai.invalid> wrote:

> 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

unread,
Oct 13, 2011, 7:45:25 PM10/13/11
to
Le 13/10/11 12:05, Une B�vue a �crit :

> SAM<stephanemor...@wanadoo.fr.invalid> wrote:
>
>> en JS
>> 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 !

;-)

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

0 new messages