[JS + CSS] Red�finir le zoom de la page en un clic
Bonjour,
Nous utilisons une interface web pour un CRM. Les utilisateurs sont �quip�s de PC tablettes tactiles pour saisir leurs commandes.
Cependant avec leurs *gros doigts*, il leur arrive de zoomer malencontreusement sur la page ... ce qui rend ensuite leur saisie plus difficile (des champs disparaissent du cadre et il faut alors utiliser l'ascenceur).
L'id�e serait de leur proposer un bouton, qui en un clic leur r�tablirait le niveau de zoom ad�quat (100%).
Les raccourcis clavier du type Ctrl+0 ou l'utilisation du scroll souris sont � proscrire (usage nomade en full tactile).
J'ai bien pondu un petit truc qui permet de red�finir la propri�t� CSS de chacun des �l�ments de la page � zoom: 100% (j'utiliser prototype):
Code:
1
2
3
4
5
6
7
8
9
| function setOriginalZoom(){
$$('body').each(function(objSon){
objSon.style.zoom = '100%';
objSon.childElements().each(function(objSSon){
objSSon.style.zoom = '100%';
});
});
} |
MAIS il semblerait que la propri�t� CSS vienne APRES le param�tre de zoom d'affichage d�finit dans le navigateur. Celui-ci semble inaccessible via JS ...
Y'a t'il une solution simple � mon probl�me?
Merci de votre aide.
