Antivirus offre spéciale - jusqu'à 60 % de réduction avec openElement !
Accueil Forum Accueil Forum >

openElement

> Tutoriaux utilisateurs
  Nouveaux messages Nouveaux messages Fil RSS  - Texte de grosseur variable par le visiteur
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Sujet ferméTexte de grosseur variable par le visiteur

 Répondre Répondre
Auteur
Message
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: Feb 14 2015
Pays: Canada QC
Status: Inactif
Points: 4511
Lien Direct à ce Post Sujet: Texte de grosseur variable par le visiteur
    Envoyé : Feb 25 2019 à 12:56pm
Objectif: Donner au visiteur le contrôle sur la taille du texte.

Il faut créer deux éléments de contrôle soit du texte, des boutons ou des images.  Puis leur donner les classes perso textePlus et texteMoins.

Créez un bloc de code javascript en position end-body et joutez le code javascript suivant:


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

$(function(){
$('.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');
});
}
});





Edité par Hobby001 - Mar 04 2019 à 5:54pm
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose de gros. http://denislafrance.net/
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: Feb 14 2015
Pays: Canada QC
Status: Inactif
Points: 4511
Lien Direct à ce Post Envoyé : Mar 04 2019 à 5:52pm
Tuto modifié selon la recommandation de Dmit
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose de gros. http://denislafrance.net/
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 10.18
Copyright ©2001-2014 Web Wiz Ltd.

Cette page a été affichée en 0,031 secondes.
Acheter votre vélo en ligne