Bonjour,

Je souhaitais savoir si on pouvait insérer dans un site emagine le système de A+ A- A= pour augmenter ou diminuer la taille de la police.

Si oui comment faut-il procéder ?

Merci

Bonjour,

C'est effectivement réalisable, et un nombre croissant de sites E-Majine ou Izi-Media proposent cette alternative (qui est un "plus" en terme d'accessibilité) en utilisant les CSS et au besoin du Javascript.

Libre à vous de retenir la solution qui vous conviendra le mieux, en voici quelques-unes exposées sur Alsacreations :

http://forum.alsacreations.com/topic-6-11551-1-Boutons-AugmenterDiminuer-la-Taille-du-Texte-.html

Cordialement,
Yann Faurie

Bonjour,

Je me suis débrouillé avec le lien que vous m'avez indiqué.

J'ai crée un fichier taille_css.js dans lequel j'y ai mis le code suivant


je l'ai mis sur le serveur dans le répertoire /scripts/
j'ai rajouté le lien dans le header de la page mainPage.html


je change dans les CSS la taille de body {font-size:65%;} en 0.7em car le javascript est configuré en em.

Puis j'ai rajouté dans la page mainPage.html les liens

a+

a-

j'enregistre et sauveagrde mais quand je clique dessus rien ne se passe.

Pouvez-vous m'éclairer sur le sujet car j'ai supprimé, enlevé, rajouté ça ne veut rien savoir je n'ai pas de solution ?

Merci

Bonjour Antoine,

As-tu essayé le onclick sur l'image ?
J'ai vérifier sur quelques un de nos sites et le onclick (pas beau) est sur l'image.

Bonjour Kilian

Merci de m'apporter tes lumières
Pour répondre à ta question j'ai mis dans mainPage.html la ligne suivante



(PS : pour afficher le code sélectionnez et afficher le code source (bouton droit)car je n'arrive pas à insérer les balises[Code])

l'image s'affiche bien mais quand on clique dessus rien ne se passe je me demande aussi il ne faut pas mettre href="javascript:void(0)" plutôt href="#" et onClick plutôt que onclick j'ai essayé les deux mais ça ne marche pas.

bref y-a-t-il d'autres lumières pour m'éclairer ?
Je vous remercie d'avance

Voila ce que j'ai par exemple sur le site de la ville des Herbiers (lesherbiers.fr) :

JS :

 
var t;			
t = 1;
function changerTaille(modif) {
	t = t + modif;
	document.getElementsByTagName("body")[0].style.fontSize = t + "em";		
	}
 

HTML :

 
<span class="fontsize">
<a class="LinkIn" title="Réduire la taille du texte du contenu" href="#"><img alt="Réduire la taille du texte du contenu" onclick="changerTaille(-0.1); return false;" src="/images/a-.png"></a>
<a class="LinkIn" title="Aggrandir la taille du texte du contenu" href="#"><img alt="Aggrandir la taille du texte du contenu" onclick="changerTaille(0.1); return false;" src="/images/a+.png"></a>
</span>
 

CSS :
Toutes les polices que je souhaite pouvoir agrandir/diminuer sont exprimées en "em"
(Je pense que ton problème peut venir de là, mais sans URL dur à dire).

PS : pour bien formater ton code : http://communaute.medialibs.com/support/faq/#faq9