[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:
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:
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:
<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:
echo 'Traitement réussi'
!
Si quelqu'un sait pourquoi ce retour en haut de page se fait systématiquement.
