FORUMS PROFESSIONNELS
WINDEV
,
WEBDEV
et
WINDEV Mobile
Accueil
|
Messages récents
|
Connexion
|
Déconnexion
|
Français
Accueil
→
WINDEV Mobile 2024
→
Zoom Champ HTML Android iOS
Zoom Champ HTML Android iOS
Débuté par popoy, 24 mai 2018 09:26 - 3 réponses
Connectez-vous…
popoy
#1
Posté le 24 mai 2018 - 09:26
Comme vous le savez, L'option "Autoriser le zoom" permet à l'utilisateur de modifier le zoom en écartant/resserrant les doigts.
Mes questions :
1. Comment fait-on pour récupérer la valeur du zoom ?
Z. Comment modifier le zoom par programmation ?
Signaler
0
0
popoy
#2
Posté le 25 mai 2018 - 13:29
personnes n'as une piste de réponse !?
Signaler
0
0
popoy
#3
Posté le 30 mai 2018 - 19:31
Pour la détection du zoom, j'ai trouvé ce code JavaScript qui fonctionne sur tous les navigateurs.
<
!
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
>
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
Si vous avez des bouts de codes même en Java ou Objective C , Je suis preneur.
Signaler
0
0
florence
#4
Posté le 14 novembre 2019 - 16:15
Ton post date de plus d'un an mais il m'a bien aidé, je te dis un grand merci pour avoir publié ta solution, ce bout de code javascript qui m'a permis d'activer le zoom je n'arrive pas activer sur les champs html dans android.
Signaler
0
0
→ Revenir à WINDEV Mobile 2024
WINDEV 2024
WEBDEV 2024
WINDEV Mobile 2024
WINDEV (précédentes versions)
WEBDEV (précédentes versions)
WINDEV Mobile (précédentes versions)
Etats & Requêtes
Hors-sujet
Outils
Français
English
Español
Portuguesa
Fermer cette fenêtre
Type de recherche
Uniquement les sujets
Tous les messages
Période de recherche
Date indifférente
Moins d'une heure
Moins de 24 heures
Moins d'une semaine
Moins d'un mois
Moins d'un an
Annuler
Aperçu de votre message
Ajouter une image
Importer une image depuis une URL
Envoyer une image depuis un fichier de votre disque
Déposez ici un fichier ou cliquez sur "Parcourir..."
ou
Annuler
0%
WLangage
SQL
XML, HTML
JAVA, Javascript
Texte