Discussion :

[systemofaxav]

Salut, encore une petite question

J'essaie de recuperer le style d'un Element, par exemple la bordure.
Pour ça je fais un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

element =  getElementBy...

et je stocke dans une variable son style:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

style = element.style.border;

Le problème, c'est que je n'arrive pas à modifier cette variable, j'ai l'impression qu'elle n'est pas au format chaine de caractère (elle n'affiche rien dans un alert())
Par exemple, j'aimerais changer la couleur de la bordure, mais je ne sais pas comment modifier cette variable.

Je suis sur de bien récupèrer le style, puisque quand je l'applique a un autre element ça marche.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

element2.style.border = style;

Merci d'avance pour vos réponse éclairées (et eclairantes )

[denisC]

Par exemple, j'aimerais changer la couleur de la bordure, mais je ne sais pas comment modifier cette variable.

Essaye borderColor.

Mais sinon, la variable border devrait être au format chaine de caractère. Tu as une page HTML simplifié montrant ton problème?
PS: sous quel navigateur?

[systemofaxav]

Essaye borderColor.

Je me suis mal expliqué, je ne veux pas modifier le style, je veux le récupèrer.

Je fais un éditeur de site dynamique (en ligne), et quand on selectionne un element sur la page, l'interface d'édition doit se remplir automatiquement avec les styles de l'element sélectionné, pour qu'ils soient eventuellement modifiés.

Mais je n'arrive pas a exploiter la variable que je récupère en faisant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

element.style.border //ou n'importe quel style

J'utilise FireFox, et je n'ai pas de source HTML, puisque mon site est construit avec php à partir d'une base de donnée.

Sinon, c'est une succession de <DIV id="qqch" class="qqh"> imbriqués. (je n'applique pas de style aux id, c'est juste pour differencier mes élements)
Pour le moment, le style n'est pas sauvegardé dans la BD, il est dans une feuille de style.

J'ai déjà fait une interface simplifiée, qui permets de modifier les style, mais pour changer un seul style, il faut remplir tous les champs (ce qui est plutôt contraignant )

[siddh]

euh je comprend pas trop, le style.borderColor est en lecture/ecriture donc si tu en fais un alert, tu verras bien que tu le récupère.

sinon penches toi sur computedStyle

[systemofaxav]

Je n'ai pas essayé avec ce style en particulier, je ne l'ai fait qu'avec 'top' et 'border', mais le alert n'affichait rien.

[systemofaxav]

En faisant une recherche google sur computedStyle, j'ai trouvé un post sur ce forum avec le même problème que moi :http://www.developpez.net/forums/sho...d.php?t=149828

Je vais essayer ça, merci pour l'indication

[denisC]

En faisant une recherche google sur computedStyle, j'ai trouvé un post sur ce forum avec le même problème que moi :http://www.developpez.net/forums/sho...d.php?t=149828

Je vais essayer ça, merci pour l'indication

Tout à fait, la variable style ne te donne accès qu'au style définit directement sur ton objet (directement en HTML ou en Javascript) et pas au style réel de l'objet qui est fonction de son héritage, de sa classe et des feuilles de style....