Taille des caractères et préférences utilisateur |
Répondre |
Auteur |
Sujet Recherche Options des sujets
|
LVO
Senior Member Depuis le: 02 Mai 2018 Status: Inactif Points: 115 |
Options des messages
Thanks(0)
Envoyé : 23 Feb 2019 à 15:23 |
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 |
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6513 |
Options des messages
Thanks(0)
|
https://www.sitepoint.com/community/t/visitor-control-font-size-on-a-website/20130/8
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<title>Font size with jQuery</title>
</head>
<body>
<a href="#" id="largerText">A+</a>
|
<a href="#" id="smallerText">A-</a>
<p>E tu, "Lorem ipsum" ?!</p>
<script>
$("#largerText").click(function() {
$("body, input, select, textarea, button").css("font-size", (parseInt($("body").css("fontSize")) * 1.1) + "px");
});
$("#smallerText").click(function() {
$("body, input, select, textarea, button").css("font-size", (parseInt($("body").css("fontSize")) * 0.9) + "px");
});
</script>
</body>
</html>
|
|
LVO
Senior Member Depuis le: 02 Mai 2018 Status: Inactif Points: 115 |
Options des messages
Thanks(0)
|
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 |
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6513 |
Options des messages
Thanks(1)
|
Il va falloir travailler un peu plus que ça
Créez les boutons que vous désirez utiliser et donnez-leur les classes perso textePlus et texteMoins ajoutez le code javascript suivant en endbody
Tout le texte de la page variera en conséquence. Dans ce code, les facteurs de changement de taille sont 1.1 et 0.9. Edité par Hobby001 - 25 Feb 2019 à 13:37 |
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6513 |
Options des messages
Thanks(1)
|
Je vais ajouter ça à la liste des tutos
|
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
super taff ça Hobby001
|
|
LVO
Senior Member Depuis le: 02 Mai 2018 Status: Inactif Points: 115 |
Options des messages
Thanks(0)
|
Testé avec succès.
Merci pour la réponse.. Cordialement |
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6513 |
Options des messages
Thanks(0)
|
Correction au code JS pour inclure tout le texte
$(".textePlusBox").click(function() {
}); $(".texteMoinsBox").click(function() {
}); |
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6513 |
Options des messages
Thanks(1)
|
Après discussions avec Dmit, la recommandation de ce dernier est d'utiliser le code suivant:
$(function(){
} }); |
|
Répondre | |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |