Bonjour ami programmeur, j'utilise ce code dans un bouton. Il permet de grossir le texte d'une page WEB.
sScript est chaîne = [
{
const textElements = document.querySelectorAll('p, h1, h2, h3, h4, h5, h6, span, a, div');
var currentSize;
textElements.forEach(element => {
currentSize = parseFloat(window.getComputedStyle(element, null).getPropertyValue('font-size'));
// alert(currentSize);
element.style.fontSize = (currentSize * 1.1) + 'px';
// alert(element.style.fontSize);
});
}
]
FEN_Principale.HTM_WEB.ExécuteJS(sScript)
Ce code fonctionne très bien en grossit chaque element texte de 10% mais le code suivant ne fonctionne qu'en simulation et pas sur le mobile. Il augmente lui aussi le texte de 10% au lieu de le réduire. Pourtant les alerts montrent que la valeur est correcte.
sScript1 est chaîne = [
{
const textElements = document.querySelectorAll('p, h1, h2, h3, h4, h5, h6, span, a, div');
var currentSize;
textElements.forEach(element => {
currentSize = parseFloat(window.getComputedStyle(element, null).getPropertyValue('font-size'));
// alert('1: ' + currentSize);
currentSize = Math.round(currentSize * 0.9);
// alert('2: ' + currentSize);
element.style.fontSize = currentSize + 'px';
// alert('3: ' + element.style.fontSize);
});
}
]
FEN_Principale.HTM_WEB.ExécuteJS(sScript1)
Peux importe ce que j'essaie dans le 2e code, la valeur est toujours augmentée.
Quelqu'un aurait des idées?
--
Jean Turcotte
WX 2025