IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[JS + CSS] Red�finir le zoom de la page en un clic


Sujet :

JavaScript

  1. #1
    Membre confirm�
    Inscrit en
    Mars 2007
    Messages
    186
    D�tails du profil
    Informations personnelles :
    �ge : 52

    Informations forums :
    Inscription : Mars 2007
    Messages : 186
    Par d�faut [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 : S�lectionner tout - Visualiser dans une fen�tre � part
    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.

  2. #2
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    document.body.style.zoom="100%";
    �a ne suffit pas ?
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  3. #3
    Membre confirm�
    Inscrit en
    Mars 2007
    Messages
    186
    D�tails du profil
    Informations personnelles :
    �ge : 52

    Informations forums :
    Inscription : Mars 2007
    Messages : 186
    Par d�faut
    Bonjour,

    Citation Envoy� par SpaceFrog Voir le message
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    document.body.style.zoom="100%";
    �a ne suffit pas ?
    Dans l'absolu �a devrait ... mais :

    1. L'application doit �tre compatible tout navigateur... d'o� mon $$('body').each() ... je suis oblig� d'utiliser la forme it�rative pour passer avec certitude sur tout les �l�ments.
    2. Mon petit script marche tr�s bien, comme le tiend d'ailleurs. MAIS si je mets une valeur de zoom quelconque, il l'affecte sur toute la page ET ce zoom s'ajoute au zoom d�finit par l'utilisateur sur la page. A la fin le r�sultat est rarement celui escompt�.

  4. #4
    Membre confirm�
    Inscrit en
    Mars 2007
    Messages
    186
    D�tails du profil
    Informations personnelles :
    �ge : 52

    Informations forums :
    Inscription : Mars 2007
    Messages : 186
    Par d�faut
    Comme on peut s'emballer et tout m�langer quand on a mal dormi !! (on se trouve les excuses qu'on peut :o)
    Tout va bien, le script fonctionne bien, simplement il y avait des �l�ments dans ma page qui se dimensionnaient dans le onLoad, et qui ne retrouvaient pas leur bonne place apr�s le changement de zoom, ce qui me donnait le sentiment d'inacheve et a perturb� mon jugement.

    Je v�rifie tout de m�me que tout fonctionne, et je ferme le thread.

Discussions similaires

  1. [HTML/CSS] Espace au fond d'une page avec un div height = 100%
    Par Miles Raymond dans le forum Mise en page CSS
    R�ponses: 8
    Dernier message: 31/10/2008, 11h12
  2. [XHTML|CSS] Question sur la mise en page
    Par stilobique dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 4
    Dernier message: 11/03/2007, 18h09
  3. VBA-Excel zoom sur une page
    Par maxtin dans le forum Macros et VBA Excel
    R�ponses: 11
    Dernier message: 20/10/2006, 18h50
  4. [CSS] Forcer l'ascenseur sur une page.
    Par Angeldu74 dans le forum Mise en page CSS
    R�ponses: 5
    Dernier message: 23/01/2006, 22h33
  5. [css] [xhtml] affichage couleur fond de page
    Par TERRIBLE dans le forum Mise en page CSS
    R�ponses: 12
    Dernier message: 30/12/2005, 13h06

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo