modifier un font-size par le dom

J'ai progressé mais il reste un problème.
- D'abord, le progrès : j'ai pas tout compris, mais ça ne marche qu'avec des petites valeurs, et comme pour bien voir, dans mon site, j'avais mis une grosse valeur... Mais en remplaçant 3 par 0.3, ça s'est mis à marcher (je comprends pas, mais c'est comme ça)
- Le problème qui reste : si je remplace le * par un + (dans function changeFont) (pour pouvoir revenir à la valeur initiale NoSmoking), quand je clique sur A+, il ne se passe rien...

Il ne reste plus qu'un problème : comment s'attribuer à soi-meme un plus :mrgreen: ?
Le remplacement du * par un + ne marchait pas à cause d'un bug que j'ai fini par voir : en fait, c'est pas "*" qu'il fallait remplacer par "+" mais "sizeFont*". La ligne correcte, c'est sizeFont += (parseFloat(valeur)); et pas sizeFont += (sizeFont+parseFloat(valeur)); (C'est évident, mais j'ai mis plusieurs jours à le voir...)

Encore une question au sujet des px à passer en em (et je suis mal) : j'ai plein de px dans la feuille css avec des margin (top, left, right and bottom), des padding, des border, width, height et de plus le menu (qui est généré par mon outil, mais de façon dégueu) contient plein de width, height, margin,etc avec des nombres en dur et en px (et y a à peu près 400 lignes)(bonjour le boulot ! :aie:)(et surtout qu'à chaque fois que je mets à jour le menu, il est regénéré)(mais pas top pour apporter la possibilité de "resizer" le texte...). Mon idée et j'aurais besoin de votre avis : je vire toutes ces cotes en dur, j'attribue des classes CSS aux différentes entitées, et je rajoute ces nouvelles classes à la feuille de style qui existe déjà ; bon, ça sera à refaire à chaque fois que le menu est regénéré, mais je ne vois rien d'autre ; votre avis ?
Mais par contre, pour passer des px à des em dans le CSS existant, je sèche, car le px est relatif à la résolution de l'écran, alors que le em d'une entité html est relatif à la taille de l'entité html contenante (si j'ai bien compris), donc rien à voir...une idée ?

La taille en em dépend de la taille par défaut, paramètre du navigateur et de la fonte utilisée.

A lire :fleche: http://www.w3.org/Style/Examples/007/units

J'avoue que ces derniers temps, ayant autre chose à faire, j'ai fait une pause sur ce sujet, mais l'idée que j'ai eu, c'est de remplacer toutes les dimensions actuellement en px (donc avec des valeurs en dur), par des pourcentages ; cette idée tient-elle la route ?

tu as la réponse dans le lien fourni.

OK, mais à part que c'est recommandé (aussi bien pour les écrans que pour le papier), rien ; je pense quand même que c'est une bonne idée ; je ferai un essai avant de me lancer...

Je viens de faire un petit essai :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<style> .pixel { font-size:10px; } .pourcent { font-size:100%; } .class_em { .font-size:1em; } </style> <p class="pixel">pixel</p> <p class="pourcent">pourcent</p> <p class="class_em">em</p>

---

et la fonction zoom de IE marche aussi bien pour les 3, alors que je m'attendais que pour les pixels, ça ne marche pas ; quelle est l'explication ?

Citation:

---

Envoyé par laurentSc

Je viens de faire un petit essai :
...
et la fonction zoom de IE marche aussi bien pour les 3, alors que je m'attendais que pour les pixels, ça ne marche pas ; quelle est l'explication ?

---

encore faudrait-il que nous sachions quel code javascript final tu utilises.

Citation:

---

Envoyé par laurentSc

La fonction zoom de IE marche aussi bien pour les 3

---

Affichage > Zoom

agrandit ou réduit tous les élements du document.

Affichage > Taille du texte (sur IE)

agrandit ou réduit uniquement les textes dont la taille n'est pas spécifiée en pixels.

Citation:

---

En effet, sous IE (*) une police dont la taille a été précisée en pixel ne peut ni être agrandie ni réduite via le menu : Affichage > Taille du texte

---

Citation:

---

Affichage > Taille du texte (sur IE)
agrandit ou réduit uniquement les textes dont la taille n'est pas spécifiée en pixels.

---

Si c'est pas une contradiction, c'est quoi ? :aie: Et laquelle des propositions est juste ?

Citation:

---

encore faudrait-il que nous sachions quel code javascript final tu utilises.

---

Si ce fil de discussion est dans le forum js, c'est qu'au départ, j'étais parti sur une solution js. Et d'ailleurs, le code js que j'utilises, il vient de toi :ccool::

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

<script type="text/javascript"> function CSS_PropertyValue( oElem, property){ var docStyle=''; if( window.getComputedStyle){ docStyle=document.defaultView.getComputedStyle(oElem,null); } else if( oElem.currentStyle){ docStyle = oElem.currentStyle; } return docStyle[property]; } function changeFont( valeur){ var sizeFont = CSS_PropertyValue( document.body, 'fontSize'); var unitFont = sizeFont.replace(/(.[0-9])/g, ''); sizeFont = parseFloat( sizeFont); sizeFont += (valeur); document.body.style.fontSize = sizeFont +unitFont; } </script>

---

Citation:

---

Envoyé par laurentSc

Si c'est pas une contradiction, c'est quoi ?

---

Et quelques jours après le réveillon ? Vidé de toutes substances alcooliques t'en penses quoi ? :mrgreen:

Allez on trinque ! À la tienne Lolo !
:chin:

Même là, je croyais d'abord ne pas m'être trompé :rouleau:, et il a fallu que je relise plusieurs fois tes 2 propositions, et code un exemple :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<style> .pixel { font-size:20 px; } .fontem { font-size:2 em; } </style> <p class="pixel">Pixel=20</p> <br> <p class="fontem">Em=2</p>

---

pour m'apercevoir que j'avais mal lu :mouarf:
A la tienne : :chin:

Au fait, les substances, elles sont pas alcooliques, mais alcoolisées :mouarf:

Visiblement c'est :resolu:, ne pas oublier de valider et pendant que j'y suis :chin: à vous.

Oui, c'est résolu ; il reste des problèmes, mais la solution nécessite de localiser un traitement (ce n'est pas mon code que je cherche à modifier) et cela nécessite de bien le connaître (et il y a un max de fichiers et de lignes de code :aie:)