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 658
    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 658
    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