IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

ajaxstart / ajaxstop et cursor wait


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de Dark Ryus
    Profil pro
    Développeur informatique
    Inscrit en
    Avril 2007
    Messages
    333
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Avril 2007
    Messages : 333
    Par défaut ajaxstart / ajaxstop et cursor wait
    Bonjour,

    Dans ma fonction ajaxstart(), j'affiche une div qui me recouvre toute ma page afin que l'utilisateur ne clique pas n'importe où pendant le temps de chargement. Ma div fonctionne bien, j'ai mis un fond rouge donc je ne peux pas la loupé, ça cache tout.

    Mon souci est que sur cette div, j'ai mis un cursor:wait dans le css, mais il ne fonctionne pas, le curseur reste inchangé (pointer).

    Si je met un alert dans ma fonction ajaxStart après show() , alors mon curseur wait fonctionne bien jusqu'à ajaxstop, pourquoi ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    // Début de requêtes
    jQuery(document).ajaxStart(function () {
        $("#DIV_CACHE_MOI_TOUT").show();
    });
    // Fin de requêtes
    jQuery(document).ajaxStop(function () {
        $("#DIV_CACHE_MOI_TOUT").hide();
    });
    Merci d'avance.

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Bonsoir

    Pourquoi ? sans le contexte.

    Je suggère d'essayer : $("#DIV_CACHE_MOI_TOUT").show().css("cursor", "wait");.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  3. #3
    Membre éclairé Avatar de Dark Ryus
    Profil pro
    Développeur informatique
    Inscrit en
    Avril 2007
    Messages
    333
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Avril 2007
    Messages : 333
    Par défaut
    Cela ne marche pas, j'ai toujours mon curseur d'origine.

    Le but est de mettre une div transparente sur tous le site pendant les chargement de l'ajax, puis de la masquer, afin que l'utilisateur ne s'amuse pas à cliquer partout

Discussions similaires

  1. C# Waiting Cursor
    Par mcvan dans le forum Développement Windows
    Réponses: 1
    Dernier message: 27/02/2013, 14h04
  2. Réponses: 3
    Dernier message: 19/12/2012, 15h09
  3. DataGrid Expander Cursor Wait
    Par gridin dans le forum Windows Presentation Foundation
    Réponses: 3
    Dernier message: 29/03/2011, 17h54
  4. Wait cursor et accessibilité des menus
    Par Depteam1 dans le forum MFC
    Réponses: 3
    Dernier message: 23/09/2004, 19h01
  5. BIOS - WAIT (AT,PS)
    Par Biglo dans le forum x86 16-bits
    Réponses: 4
    Dernier message: 18/02/2003, 20h50

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo