Ajax et retour en haut de page après exécution [Résolu]

[malickdieye]

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.

[Bovino]

Code :

<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 :

<a href="#" class="tt" onclick="action_ajax('alerte','idee','id_idee','id_com','signal_idee');return false;">

[malickdieye]

Merci beaucoup ! C'est nickel now !

Thanks a lot !