Taillefonte

Soyez le premier à donner votre avis sur cette source.

Snippet vu 4 617 fois - Téléchargée 19 fois

Contenu du snippet

Changer la taille du texte sans recharger la page.

Utilisation :
<span onClick="tailleFonte('+');"> Augmenter </span>
<span onClick="tailleFonte(0);"> Rétablir </span>
<span onClick="tailleFonte('-');"> Diminuer </span>

Pour voir en temps réel : www.virtuacom.fr.

Source / Exemple :


// 
// Tiger-222, Mai 2009.
// 
// Description :
//	Changer la taille du texte sans recharger la page.
//
// Utilisation :
// 	<span onClick="tailleFonte('+');"> Augmenter </span>
//	<span onClick="tailleFonte(0);"> Rétablir </span>
//	<span onClick="tailleFonte('-');"> Diminuer </span>
//
function tailleFonte(modif)
{
	var reset 	= 11;	// Taille par défaut
	var min 	= 8;	// Taille minimale
	var max 	= 16;	// Taille maximale
	var actuelle 	= 0;	// Taille actuelle
	var nouvelle 	= 0;	// Nouvelle taille
	
	// Récupération de la taille actuelle :
	if ( window.getComputedStyle )
	{ 
		actuelle = window.getComputedStyle(document.body,null).fontSize;
	}
	else
	{
		actuelle = document.body.currentStyle.fontSize;
	}
	
	// Suppression du suffixe 'px' :
	actuelle = actuelle.substring(0, (actuelle.length - 2));
	
	// Détermination de la nouvelle taille :
	if ( modif === 0 && actuelle !== reset )
	{
		document.getElementsByTagName('body')[0].style.fontSize = reset + 'px';
	}
	else if ( modif == '+' && actuelle < max && actuelle !== reset )
	{
		nouvelle = new Number(actuelle) + 1;
		document.getElementsByTagName('body')[0].style.fontSize = nouvelle + 'px';
	}
	else if ( modif == '-' && actuelle > min && actuelle !== reset )
	{
		nouvelle = new Number(actuelle) - 1;
		document.getElementsByTagName('body')[0].style.fontSize = nouvelle + 'px';
	}
}

Conclusion :


C'est simple mais efficace et le code fonctionne aussi sous IE.

A voir également

Ajouter un commentaire

Commentaires

Messages postés
6
Date d'inscription
mercredi 26 septembre 2007
Statut
Membre
Dernière intervention
5 mai 2010

Merci pour ce code, j'ai eu un de ces mal à trouver un script efficace et complet.
Merci encore ;)
Messages postés
7
Date d'inscription
lundi 19 juillet 2004
Statut
Membre
Dernière intervention
17 juillet 2009

Bonjour,

Merci pour ta réponse, j'ai essayé avec ton idée mais ça ne veut pas bouger :/

C'est dommage, mais merci quand même, j'utiliserai ton script dans d'autres pages quand les i-Frames ne seront plus nécessaires.
Messages postés
13
Date d'inscription
lundi 23 juin 2003
Statut
Membre
Dernière intervention
27 septembre 2008

Tente voir de remplacer document par le nom d ton iframe peut être...
Messages postés
7
Date d'inscription
lundi 19 juillet 2004
Statut
Membre
Dernière intervention
17 juillet 2009

Bonjour,

Merci pour ce script sympa, mais est-ce que ça marche avec des i-frames ? J'ai un peu de mal à le faire fonctionner.

Merci d'avance pour la réponse :)
Messages postés
4
Date d'inscription
vendredi 31 août 2007
Statut
Membre
Dernière intervention
18 janvier 2009

Merci !
Afficher les 9 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.