Comment peut-on régler un texte dans OpenElement afin que la taille puisse être modifié par le lecteur, dans les paramètres du navigateur ?

Dans le template Senslight qui sert de base pour mon site, Je n'arrive qu'à obtenir une taille standard, en pixels, pour tous les éléments textes. Je préfererais que l'utilisateur soit en mesure de le modifier à sa guise. C'est un element de confort que, personellement, j'aprécie de rencontrer en navigant sur les sites web



Merci pour les reponses

Merci!

Je n'avais pas songé à un réglage direct par bouton sur le site. Je pensais à la possibilité de modifier la taille des caractères dans les options du navigateur, mais c'est exact qu'il y a encore des anciens programmes encore en activité en 2019.


Si je comprends bien le code, je crée dans mon calque top un code html avec le code ci-dessus. Y a t'il quelque chose comme startbody ou endbody à choisir?

Dans ma page, je crée un bouton avec la classe "smallerText" et un autre avec "largerText"

Y a t'il un réglage à faire dans les blocs de texte ?

Est que TOUS les textes sont affectés?
Est-ce que cela a une action sur les hauteurs réglées en em ou en ex ?

Je ne veux surtout pas modifier certains textes, tels les boutons, les titres dans un cadre et certains textes reglés dans des panneaux en absolute. 

Cordialement
LVO

Je vais ajouter ça à la liste des tutos

Testé avec succès.

Merci pour la réponse..

Cordialement

Après discussions avec Dmit, la recommandation de ce dernier est d'utiliser le code suivant:

$('.textePlus').click(function(){

changeSize(10);

});

$('.texteMoins').click(function(){

changeSize(-10);

});

function changeSize(deltaPercent){ // "Noter" la taille d'origine, peu importe d'ou elle provient, puis modifier-la

var selector = 'input, select, textarea, button, span, .OESZ_Link, txtsizing'; // a ajouter selon besoin

$(selector).each(function(){

var $el = $(this);

if (!$el.data('oe_orig_size')) { // jamais affecte - memoriser la taille d'origine

$el.data('oe_orig_size', $el.css('font-size'));

$el.data('oe_size_coef', 1.0);

}

$el.data('oe_size_coef', $el.data('oe_size_coef') + deltaPercent*0.01);

$el.css('font-size', 

(parseFloat($el.data('oe_orig_size')) * $el.data('oe_size_coef')) + 'px');

});

}