2 votes

Les liens du site et les champs de saisie ne fonctionnent pas sur l'iPad

Les liens et boutons de notre site ne fonctionnent pas sur un iPad. En fait, même en cliquant (ou en touchant) un champ de saisie, le champ n'est pas mis en évidence et le clavier de l'iPad n'apparaît pas.

Le site a été construit en PHP (framework CodeIgniter) sans rien de trop sophistiqué en termes d'interface utilisateur (HTML, CSS, un peu de Javascript et de JQuery). Pas de flash.

Y a-t-il des raisons pour lesquelles le site ne fonctionne pas correctement sur un iPad ?

EDIT : Je suis désolé si cela ressemble à un message publicitaire, ce n'était pas l'intention. Le nom de domaine était inclus dans l'article mais il est dans les commentaires pour ceux qui veulent le visiter et l'essayer. J'ai toujours l'erreur cependant - en visitant sur un iPhone et un iPad, la page s'affiche mais les liens et le champ de saisie ne sont pas cliquables.

3voto

MiQUEL Points 2338

Je l'ai enfin trouvé. Voici la solution :

Quelque part, vous avez défini l'élément sur lequel vous ne pouvez pas écrire :

input,select,textarea{ 
    -webkit-user-select: none; 
}

Remplacer par :

input,select,textarea{
    -webkit-user-select: text;
}

0voto

Ben Points 1140

Il ne peut s'agir que de l'une ou l'autre des choses suivantes.

  1. Vous avez du code attaché à l'événement mousedown et vous renvoyez false.
  2. Vous avez d'autres erreurs JavaScript/Markup.

Comme le suggère "mu is to short", validez votre code, voir ici

Supprimez le script en bas, d'une part il ne fait rien et d'autre part la balise script n'a pas d'attribut charset. Corrigez toutes les erreurs mentionnées ci-dessus, puis postez un message si cela ne fonctionne toujours pas.

0voto

xaxxon Points 5389

Vous devez vous assurer que vous traitez les événements natifs tels que "touchstart", "touchend" et "touchmove". Si vous traitez ces événements, vous n'obtiendrez pas d'événements "click".

http://developer.apple.com/library/IOs/#documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

Le clic ne se déclenche que si vous ne gérez pas les événements natifs.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X