11521 sujets

JavaScript, DOM et API Web HTML5

Fonction zoom

Bonjour, à tous j'ai une question pour vous.

Voilà j'ai un code javascript pour le zoom que j'ai trouvé sur internet il fonctionne très bien mais j'aimerais rajouter une ligne qui dit stoperais la fonction à partir d'une certaine taille

Voici le code 

<script>
		var fontSize = 1;	
		function zoomIn() {
			fontSize += 0.1;
			document.body.style.fontSize = fontSize + "em";
		}
		function zoomOut() {
			fontSize -= 0.1;
			document.body.style.fontSize = fontSize + "em";
		}
	</script>


Je vous remercie d'avance pour votre aide
Salut

Je pense que l'on n'a pas la totalité de vos codes. Comment ces fonctions sont-elles appelées ? On peut sans doute agir à ce niveau.

Sinon, une simple condition if avec des limites, exemple :

function zoomIn() {
fontSize += 0.1;

if (fontSize >= 0.1 && fontSize <= 0.9){
document.body.style.fontSize = fontSize + "em";
}
}
Meilleure solution
La fonction est appelé comme ceci 


<button name="+" onclick="zoomIn()" >Zoom +</button>
<button name="-" onclick="zoomOut()" >Zoom -</button>
Sujet clos
Aller à