11550 sujets

JavaScript, DOM et API Web HTML5

Bonjour à toutes et à tous


Je cherche partout à droite ou à gauche mais aucune réponse concrète.


Je vous montre le tous apres je vous explique sa sera plus simple.


Code Javascript :

var tgs = new Array( 'div','td','tr');

var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;

function ts( trgt,inc ) {
	if (!document.getElementById) return
	var d = document,cEl = null,sz = startSz,i,j,cTags;
	
	sz += inc;
	if ( sz < 0 ) sz = 0;
	if ( sz > 6 ) sz = 6;
	startSz = sz;
		
	if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];

	cEl.style.fontSize = szs[ sz ];

	for ( i = 0 ; i < tgs.length ; i++ ) {
		cTags = cEl.getElementsByTagName( tgs[ i ] );
		for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
	}
}



Code HTML :

<html>
<head>
<script language="JavaScript" type="text/javascript" SRC="textsizer.js"></script>
</head>
<body>
<a href="javascript:ts('body',1)">Agrandir</a>
<a href="javascript:ts('body',-1)">Réduire</a>
<p>Essai de texte à agrandir ou à réduire</p>
</body>
</html>


Explications :

le script fonctionne parfaitement mais j'aimerai inter-réagir avec le clavier avec une combinaison de touche gentre ctrl + pour agrandir et ctrl - pour rétrécir.

PS : Mon niveau en programation n'est pas expert ^^ mais on aprend de jours en jours.

Je vous remerci tous ceux qui pourais me venir en aide. En att je continue à chercher de mon coté.
Modifié par squall049 (03 Sep 2011 - 21:58)
squall049 a écrit :
le script fonctionne parfaitement mais j'aimerai inter-réagir avec le clavier avec une combinaison de touche gentre ctrl + pour agrandir et ctrl - pour rétrécir.


Utilises des tailles de police relatives, et tu verras que les browsers le font déjà...
jb_gfx a écrit :
Euh oui, c'est une fonction de base de tous les navigateurs


Ce qui, somme toute, est extrêmement logique : indiquer une taille par rapport à une autre, c'est le rôle des rédacteurs, indiquer la base de la taille, c'est le rôle de l'utilisateur, ce, partout, y compris en impression, en lecture d'écran, etc.

Et tu verras que c'est plus rapide et plus sympa que de chercher une solution JS retord qui va parcourir tous les styles pour modifier les polices en fonction de ce qui est déjà Smiley smile
bonsoir à tous

Déjà merci à ceux qui m'on répondu

Se que je cherche a faire c'est de pouvoir utilisé une touche du clavier ou plus (de préférence une combinaisons de touche) pour activer le javascript.

Le résultat final sera pas dans un site web mais dans un logitiel qui utilise une fenêtre qui gère le html donc faut que sa se fasse avec une touche et non comme un site.

Une fois fini il y a aucun bouton de navigation ni de menu pour géré comme sur les navigateurs pour géré l'agrandissement ou le rétrécisement. Donc je doit le faire en javascript. Le script est ok mais je planche pour l'activation avec les touches claviers pour la fonction afrandir ou rétrécir et non avec des liens.

merci d'avance
Modifié par squall049 (13 Sep 2011 - 19:37)