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

AJAX Discussion :

[AJAX] Icone de chargement et rafraichissement auto


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Décembre 2008
    Messages
    124
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Conseil

    Informations forums :
    Inscription : Décembre 2008
    Messages : 124
    Par défaut [AJAX] Icone de chargement et rafraichissement auto
    Bonjour tout le monde
    J'ai d'eux chose qui me bloque
    1- Afficher l'icone de chargement ajax lors du traitement.
    J'ai utilisé ce code :

    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
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
     
    			function getXhr(){
                                    var xhr = null; 
     
    				if(window.XMLHttpRequest) // Firefox et autres
    				   xhr = new XMLHttpRequest(); 
    				else if(window.ActiveXObject){ // Internet Explorer 
    				   try {
    			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
    			            } catch (e) {
    			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
    			            }
    				}
    				else { // XMLHttpRequest non supporté par le navigateur 
    				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
    				   xhr = false; 
    				} 
                                    return xhr;
    			}
    			function RDV(){
     
    				var xhr = getXhr();
    				// On défini ce qu'on va faire quand on aura la réponse
    				xhr.onreadystatechange = function(){
    				if(xhr.readyState == 3) {
    					document.getElementById('image').innerHTML = "Loading";
    					}
                     if(xhr.readyState == 4 && xhr.status == 200){
    						leselect = xhr.responseText;
    						document.getElementById('Dispo').innerHTML = leselect;
    					}
    				}
    				xhr.open("POST","templates/ja_purity/SAV_dispo.php",true);
    				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    				sel = document.getElementById('Date_RDV');
    				idDate_RDV = sel.value;
    				xhr.send("idDate_RDV="+idDate_RDV);
    			}
    Le mot Loading s'affiche avec le résultat de la requête

    2- Mettre un rafraichissement auto de la partie ajax.


    Merci d'avance

  2. #2
    Membre éprouvé
    Homme Profil pro
    Chef de projet NTIC
    Inscrit en
    Octobre 2002
    Messages
    98
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Chef de projet NTIC
    Secteur : Transports

    Informations forums :
    Inscription : Octobre 2002
    Messages : 98
    Par défaut
    Il ne faut pas mettre l'affichage du 'Loading' dans le callback mais juste avant le send. Tu peux même le mettre après d'ailleurs puisque c'est asynchrone...

    Pour le deuxième point je comprends pas très bien ce que tu veux faire, mettre un timer ?

  3. #3
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Décembre 2008
    Messages
    124
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Conseil

    Informations forums :
    Inscription : Décembre 2008
    Messages : 124
    Par défaut
    Citation Envoyé par CiTriX Voir le message
    Il ne faut pas mettre l'affichage du 'Loading' dans le callback mais juste avant le send. Tu peux même le mettre après d'ailleurs puisque c'est asynchrone...

    Pour le deuxième point je comprends pas très bien ce que tu veux faire, mettre un timer ?
    Merci CiTriX sa marche pour l'icone de chargement ,
    pour ma 2eme question, je cherche une possibilité pour actualisé les résultat de la requête, comme si l'utilisateur a cliqué sur le bouton qui appel la fonction.

  4. #4
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    Citation Envoyé par skins Voir le message
    2- Mettre un rafraichissement auto de la partie ajax.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    setInterval(function() {RDV();}, 10000)
    Le 2° paramètre représente le délai en millisecondes (ici = 10 secondes, donc) ...

    A+

  5. #5
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Décembre 2008
    Messages
    124
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Conseil

    Informations forums :
    Inscription : Décembre 2008
    Messages : 124
    Par défaut
    Bonjour E.Bzz
    J'ai remplacer
    par
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    setInterval(function() {RDV();}, 10000)
    mais je n'arrive pas a avoir un rafraichissement auto, même la fonction n'est plus reconnue
    Merci pour ton aide

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par skins Voir le message
    Bonjour E.Bzz
    J'ai remplacer
    par
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    setInterval(function() {RDV();}, 10000)
    mais je n'arrive pas a avoir un rafraichissement auto, même la fonction n'est plus reconnue
    Merci pour ton aide
    D'après ce que tu expliques, tu as tout simplement supprimé la définition de ta fonction RDV(), il est donc normal qu'elle ne soit plus reconnue.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function RDV(){
    // Code de la fonction
    }
    setInterval(function() {RDV();}, 10000);
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  7. #7
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Décembre 2008
    Messages
    124
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Conseil

    Informations forums :
    Inscription : Décembre 2008
    Messages : 124
    Par défaut
    Citation Envoyé par Bovino Voir le message
    D'après ce que tu expliques, tu as tout simplement supprimé la définition de ta fonction RDV(), il est donc normal qu'elle ne soit plus reconnue.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function RDV(){
    // Code de la fonction
    }
    setInterval(function() {RDV();}, 10000);
    Yes sa marche , merci beaucoup Bovino

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Icone de chargement
    Par Mucho dans le forum wxWidgets
    Réponses: 4
    Dernier message: 01/12/2006, 16h22
  2. [CF 2.0] Comment utiliser l'icone de chargement de Windows Mobile ?
    Par Jérôme Lambert dans le forum Windows Mobile
    Réponses: 2
    Dernier message: 06/09/2006, 13h50
  3. rafraichissement auto
    Par jules_29 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 11
    Dernier message: 21/04/2006, 10h57
  4. [AJAX] temps de chargement
    Par GTJuanpablo dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 05/03/2006, 23h02
  5. Réponses: 1
    Dernier message: 17/08/2005, 22h38

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