Discussion :

[sp2308]

Bonjour

J ai fait un test sur ma tablette avec une page et deux div, une visible, l autre non dans un formulaire de connexion lorsque je clique sur un lien, j affiche l une ou l autre des div.

Code :

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

<a href="#" class="text-center new-account" onclick="$(form_login).toggle();$(form_perdu).toggle();">Se connecter </a>

Sur mon pc sous windows, cela fonctionne parfaitement, le DIV devient 'hide' et l'autre 'show' mais sur ma tablette, sous android, rien !

Y a t il obligation de mattre jquery pour android ? Doit on respecter une structure speciale dans l arborecence du site, Doit on etre obligatoirement connecté quand le jquery est malgré tout à la source du site ?

Merci pour votre aide

(Je precise que je ne suis pas connecté avec ma tablette (j attends la reexpedition du code que j ai perdu)

stephane

[danielhagnoul]

Bonsoir

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$( function(){ // forme abrégée de $(document).ready(function(){
 
 
    /*
     * Je n'ai aucune expérience avec Android.
     * 
     * <a href="#" class="text-center new-account" onclick="$(form_login).toggle();$(form_perdu).toggle();">Se connecter </a>
     * 
     * Mais ce code est une horreur ! Même en  Vanilla JS c'est une horreur !
     * 
     * Pour le HTML : <a href="#" class="text-center new-account">Se connecter</a>
     * 
     * En supposant qu'il s'agit d'ID
     */
    $( "a.new-account" ).on( "click", function(){
        $( "#form_login" ).toggle();
        $( "#form_perdu" ).toggle();
    });
 
});

[sp2308]

Merci

D accord ce n est pas tres 'propre' mais c etait pour essayer sur une tablette.
Donc j ai codé comme il faut pour que le clic sur le div login...

Code :

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

1
2
3
4
5
6
$(document).ready(function(){
  $('#login').click(function(e) {  
        $( "#form_login" ).toggle();
        $( "#form_perdu" ).toggle();
    });
});

mais cela ne fonctionne pas . Quand je clique sur le tablette, rien sinon un agrandissement de la taille de la police.
J ai bien verifié les parametres de la tablette et le javascript est activé.

Cela doit venir du navigateur car même la boite d alerte originale jquery ne se ferme pas sur le clic sur la tablette alors que tout est ok sur le pc...

Une idee ?

merci

[danielhagnoul]

Bonjour

Lorsque vous dites "je clique sur ma tablette" à mon avis ce n'est pas avec une souris, mais avec le doigt. Comme je vous le disais ci-dessus, je n'ai aucune expérience avec un appareil tactile.

Je vous conseille de voir l'API et la documentation de jQuery Mobile.

On y parle de "vclick" et de "tap" !

[sp2308]

Merci mais en, c est ma premiere tablette et j ai du passer à coté d un parametre ...

Si j installe le site en ligne sur un hebergeur gratuit tout fonctionne correctement.

Merci

stephane