BullGuard Antivirus Sale - 60% Off with 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: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Lien Direct à ce Post Sujet: Texte de grosseur variable par le visiteur
    Envoyé : 25 Feb 2019 à 13:56
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 - 04 Mar 2019 à 18:54
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Lien Direct à ce Post Envoyé : 04 Mar 2019 à 18:52
Tuto modifié selon la recommandation de Dmit
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 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.078 secondes.