1. Bonjour tout le monde ! Veillez consulter la Politique de forum pour comprendre nos règles, Merci a vous !
    Rejeter la notice

Zoom HTML Android iOS

Discussion dans 'Windev Mobile' créé par popoy, Mai 23, 2018.

Tags:
  1. popoy

    popoy Well-Known Member
    MEMBRE WX

    Inscrit:
    Fev 23, 2018
    Messages:
    3,012
    J'aime reçus:
    1,618
    Il est possible d'activer le zoom sur un champ HTML pour que l'utilisateur puisse agrandir ou réduire l'affichage.

    Mes questions :
    1. Comment fait on pour connaître la valeur de ce zoom?
    2. Comment modifié le zoom par programmation.
    réponse de WM 20 a 23
     
    #1 popoy, Mai 23, 2018
    Tags:
  2. joker

    joker New Member
    MEMBRE WX

    Inscrit:
    Jan 30, 2018
    Messages:
    0
    J'aime reçus:
    14

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

    Il est possible d'activer le zoom sur un champ HTML pour que l'utilisateur puisse agrandir ou réduire l'affichage.

    Mes questions :
    1. Comment fait on pour connaître la valeur de ce zoom?
    2. Comment modifié le zoom par programmation.
    réponse de WM 20 a 23
    Cliquez pour agrandir...
    :)

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

    ,

    As tu essayé "..zoom" ?
    La propriété ..Zoom permet de connaître ou de modifier la valeur du zoom utilisée :

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

     
    #2 joker, Mai 25, 2018
  • popoy

    popoy Well-Known Member
    MEMBRE WX

    Inscrit:
    Fev 23, 2018
    Messages:
    3,012
    J'aime reçus:
    1,618

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

    , merci mais c'est pour les images et carte.
     
    #3 popoy, Mai 25, 2018
    joker apprécie ceci.
  • Morpheous

    Morpheous Active Member

    Inscrit:
    Avr 9, 2018
    Messages:
    182
    J'aime reçus:
    200

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

    et

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

    , mes amis. pour ce que vous voulez faire, vous devez utiliser JavaScript et CSS3 pour l'accomplir. cette bibliothèque .JS a déjà tout implémenté dedans, y compris toutes les fonctionnalités gestuelles.

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

     
    #4 Morpheous, Mai 26, 2018
    Dernière édition: Mai 26, 2018
    joker apprécie ceci.
  • popoy

    popoy Well-Known Member
    MEMBRE WX

    Inscrit:
    Fev 23, 2018
    Messages:
    3,012
    J'aime reçus:
    1,618

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

    et

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

    , mes amis. pour ce que vous voulez faire, vous devez utiliser JavaScript et CSS3 pour l'accomplir. cette bibliothèque .JS a déjà tout implémenté dedans, y compris toutes les fonctionnalités gestuelles.

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

    Cliquez pour agrandir...
    Merci

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

    je vais essayé de l'utiliser avec executejs
     
    #5 popoy, Mai 26, 2018
  • popoy

    popoy Well-Known Member
    MEMBRE WX

    Inscrit:
    Fev 23, 2018
    Messages:
    3,012
    J'aime reçus:
    1,618

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

    , j'ai testé le jquery.panzoom.
    Il ne correspond pas a ce que je cherche.
    Il ne permet de zoomer sur une div ou un élément comme une image mais il ne modifie pas le zoom de la totalité de la page.
    Il ne permet pas de récupérer le zoom.
    Pour la detection j'ai trouver ce script :
    Code (Text):
    <!DOCTYPE html>
    <html dir="rtl">
      <head>
        <meta charset="utf-8" />
        <title>WXFAKI</title>
        <style type="text/css">
    html{color:#000;background:#FFF;}</style>
    <script type="text/javascript"/>

    function supportFullCss3()
    {
        var div = document.createElement("div");
        div.style.display = 'flex';
        var s1 = div.style.display == 'flex';
        var s2 = 'perspective' in div.style;

        return (s1 && s2);
    };

    function getZoomLevel()
    {
        var screenPixelRatio = 0, zoomLevel = 0;

        if(window.devicePixelRatio && supportFullCss3())
            screenPixelRatio = window.devicePixelRatio;
        else if(window.screenX == '0')
            screenPixelRatio = (window.outerWidth - 8) / window.innerWidth;
        else
        {
            var scr = window.frames.screen;
            screenPixelRatio = scr.deviceXDPI / scr.systemXDPI;
        }

        //---------------------------------------
        if (screenPixelRatio <= .11){ //screenPixelRatio >= .01 &&
          zoomLevel = "-7";
        } else if (screenPixelRatio <= .25) {
          zoomLevel = "-6";
        }else if (screenPixelRatio <= .33) {
          zoomLevel = "-5.5";
        } else if (screenPixelRatio <= .40) {
          zoomLevel = "-5";
        } else if (screenPixelRatio <= .50) {
          zoomLevel = "-4";
        } else if (screenPixelRatio <= .67) {
          zoomLevel = "-3";
        } else if (screenPixelRatio <= .75) {
          zoomLevel = "-2";
        } else if (screenPixelRatio <= .85) {
          zoomLevel = "-1.5";
        } else if (screenPixelRatio <= .98) {
          zoomLevel = "-1";
        } else if (screenPixelRatio <= 1.03) {
          zoomLevel = "0";
        } else if (screenPixelRatio <= 1.12) {
          zoomLevel = "1";
        } else if (screenPixelRatio <= 1.2) {
          zoomLevel = "1.5";
        } else if (screenPixelRatio <= 1.3) {
          zoomLevel = "2";
        } else if (screenPixelRatio <= 1.4) {
          zoomLevel = "2.5";
        } else if (screenPixelRatio <= 1.5) {
          zoomLevel = "3";
        } else if (screenPixelRatio <= 1.6) {
          zoomLevel = "3.3";
        } else if (screenPixelRatio <= 1.7) {
          zoomLevel = "3.7";
        } else if (screenPixelRatio <= 1.8) {
          zoomLevel = "4";
        } else if (screenPixelRatio <= 1.9) {
          zoomLevel = "4.5";
        } else if (screenPixelRatio <= 2) {
          zoomLevel = "5";
        } else if (screenPixelRatio <= 2.1) {
          zoomLevel = "5.2";
        } else if (screenPixelRatio <= 2.2) {
          zoomLevel = "5.4";
        } else if (screenPixelRatio <= 2.3) {
          zoomLevel = "5.6";
        } else if (screenPixelRatio <= 2.4) {
          zoomLevel = "5.8";
        } else if (screenPixelRatio <= 2.5) {
          zoomLevel = "6";
        } else if (screenPixelRatio <= 2.6) {
          zoomLevel = "6.2";
        } else if (screenPixelRatio <= 2.7) {
          zoomLevel = "6.4";
        } else if (screenPixelRatio <= 2.8) {
          zoomLevel = "6.6";
        } else if (screenPixelRatio <= 2.9) {
          zoomLevel = "6.8";
        } else if (screenPixelRatio <= 3) {
          zoomLevel = "7";
        } else if (screenPixelRatio <= 3.1) {
          zoomLevel = "7.1";
        } else if (screenPixelRatio <= 3.2) {
          zoomLevel = "7.2";
        } else if (screenPixelRatio <= 3.3) {
          zoomLevel = "7.3";
        } else if (screenPixelRatio <= 3.4) {
          zoomLevel = "7.4";
        } else if (screenPixelRatio <= 3.5) {
          zoomLevel = "7.5";
        } else if (screenPixelRatio <= 3.6) {
          zoomLevel = "7.6";
        } else if (screenPixelRatio <= 3.7) {
          zoomLevel = "7.7";
        } else if (screenPixelRatio <= 3.8) {
          zoomLevel = "7.8";
        } else if (screenPixelRatio <= 3.9) {
          zoomLevel = "7.9";
        } else if (screenPixelRatio <= 4) {
          zoomLevel = "8";
        } else if (screenPixelRatio <= 4.1) {
          zoomLevel = "8.1";
        } else if (screenPixelRatio <= 4.2) {
          zoomLevel = "8.2";
        } else if (screenPixelRatio <= 4.3) {
          zoomLevel = "8.3";
        } else if (screenPixelRatio <= 4.4) {
          zoomLevel = "8.4";
        } else if (screenPixelRatio <= 4.5) {
          zoomLevel = "8.5";
        } else if (screenPixelRatio <= 4.6) {
          zoomLevel = "8.6";
        } else if (screenPixelRatio <= 4.7) {
          zoomLevel = "8.7";
        } else if (screenPixelRatio <= 4.8) {
          zoomLevel = "8.8";
        } else if (screenPixelRatio <= 4.9) {
          zoomLevel = "8.9";
        } else if (screenPixelRatio <= 5) {
          zoomLevel = "9";
        }else {
          zoomLevel = "unknown";
        }

        return zoomLevel;
    };
    </script>
      </head>

      <body>
    <button onclick="alert(getZoomLevel());">Level</button><br>
    <p>
    BONJOUR
    </p>
    </body>
    </html>
    Je l'ai trouver sur le net , je ne me rappelle plus ou.
     
    #6 popoy, Mai 27, 2018
  • popoy

    popoy Well-Known Member
    MEMBRE WX

    Inscrit:
    Fev 23, 2018
    Messages:
    3,012
    J'aime reçus:
    1,618
    Maintenant je cherche a modifier le zoom sur Android et iOS.
    Sur Android , je sais que cela utilise le Webview et sur iOS UIWebView - UIKit
    J'ai trouver des bout de code en Java que je n'ai pas encore testé, je cherche des codes iOS.
     
    #7 popoy, Mai 27, 2018
  • popoy

    popoy Well-Known Member
    MEMBRE WX

    Inscrit:
    Fev 23, 2018
    Messages:
    3,012
    J'aime reçus:
    1,618
    Bon, je n'ai toujours pas trouver la réponse.
    mais trouver un contournement
    au lieu d'essayer de zoomer par programmation, j'aumente la taille du texte grâce à la commande executejs de la 23.
    sur le même principe de mon tutoriel

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

     
    #8 popoy, Juin 19, 2018
    joker apprécie ceci.
    • (Vous devez vous identifier ou vous inscrire pour poster ici.)

    Partager cette page

    Chargement...