Discussion :

[Sylvercis]

Bonjour,

J'affiche une popup que je centre sur l'écran et qui contient des champs à remplir.
Le problème c'est que sur ma tablette j'ai constaté que le clavier virtuel vient chevaucher la popup.
J'aimerai détecter l'affichage du clavier pour pouvoir recalculer le centrage de la popup ou pour la déplacer simplement tout en haut de la fenêtre.

Si tout cela n'est pas possible, il faudrait au moins que je puisse détecter si j'ai affaire a une tablette.

Quelqu'un à une idée ?
Merci.

[01001111]

bonsoir, d'une part regarder du côté des userAgents (sortie sur navigator.userAgent) peut être efficace.
d'autre part l'ouverture du clavier de tablette génère à mon avis un évènement resize.

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

window.onresize=function(e) { /* fixer mes bugs d'affichage */ }

en espérant que cela t'est utile

[SylvainPV]

Bonjour,

N'utilise PAS les user-agents, c'est une méthode inefficace coûteuse et non future-proof. L'User Agent sniffing est la cause de nombreux maux, ce qui explique qu'aujourd'hui les navigateurs ont des User Agent qui ne ressemblent plus à rien :

Microsoft Edge : Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.135 Safari/537.36 Edge/12.<OS build number>

L'ouverture du clavier virtuel doit normalement déclencher un évènement "resize". Sur certains browsers mobile comme les vieux Android, ce n'est pas le cas. La seule solution consiste alors à appliquer un timeout après le focus d'un champ texte, ou de vérifier à intervalles réguliers l'espace disponible.