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] Ajax et retour en haut de page après exécution


Sujet :

AJAX

  1. #1
    Candidat au Club
    Profil pro
    Étudiant
    Inscrit en
    Novembre 2006
    Messages
    2
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Novembre 2006
    Messages : 2
    Par défaut [AJAX] Ajax et retour en haut de page après exécution
    Bonjour tout le monde,
    J'ai un petit soucis avec un script. Je mets en place sur un site que je développe un système de vote, d'alerte, d'ajout aux favoris...et pour cela j'utilise ajax pour pas avoir à recharger mes pages. Le script fonctionne nickel mais voilà après chaque appel il y'a un retour systématique en haut de page même si celle-ci ne se recharge pas.

    La partie du script js qui gère l'appel du script php :


    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
    var xhr = getXhr()
    	xhr.onreadystatechange = function(){
    	if(xhr.readyState != 4 ){
    document.getElementById(id_contenant).innerHTML='<img src="files/images/loading.gif" alt="patientez" />';
     
    		}
    		if(xhr.readyState == 4 && xhr.status == 200){
    		document.getElementById(id_contenant).innerHTML = xhr.responseText;
    		//document.body.scrollTop = position ;
    		//document.documentElement.scrollTop = position2 ;
    		}
    	}
    xhr.open("GET","fonctions_php/script_ajax.php?action="+action+"&type_element="+type+"&id_idee="+idee+"&id_com="+com+"",true);
     
    xhr.send(null);
    J'ai fait appel à la proprieté
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.body.scrollTop
    pour pouvoir revenir à l'emplacement de départ mais c'est pas top, j'ai des petits flash au clic.

    Ce traitement se trouve dans une fonction (action_ajax()), fonction que j'appelle de cette façon avec les bons paramètres :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" class="tt" onclick="action_ajax('alerte','idee','id_idee','id_com','signal_idee');">
    Mon script php fait juste un traitement au niveau de la BDD puis renvoie un code html ou un simple
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    echo 'Traitement réussi'
    !

    Si quelqu'un sait pourquoi ce retour en haut de page se fait systématiquement.

  2. #2
    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
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" class="tt" onclick="action_ajax('alerte','idee','id_idee','id_com','signal_idee');">
    Il n'y a pas de rechargement parce que le lien pointe sur une ancre, si ce n'était pas le cas, il y aurait rechargement.

    Si tu ne veux pas que le href du lien soit suivi, il suffit d'inhiber le comportement par défaut du clic sur le lien :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" class="tt" onclick="action_ajax('alerte','idee','id_idee','id_com','signal_idee');return false;">
    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

  3. #3
    Candidat au Club
    Profil pro
    Étudiant
    Inscrit en
    Novembre 2006
    Messages
    2
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Novembre 2006
    Messages : 2
    Par défaut Perfect !
    Merci beaucoup ! C'est nickel now !

    Thanks a lot !

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

Discussions similaires

  1. [AJAX] ajax et la vérification des versions des pages.
    Par kaayna dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 20/06/2008, 09h42
  2. formulaire: retour en haut de page
    Par csseur22 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 23/11/2007, 16h36
  3. annuler le retour en haut de page
    Par nocoment dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 30/04/2007, 11h24
  4. # et retour en haut de page
    Par littleqi dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 11/12/2004, 16h08

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