Discussion :

[Ascella]

Bonjour,

j'utilise une requête AJAX (qui appelle un fichier PHP) pour mettre à jour le contenu de lignes (<tr><td>...</td></tr>) dans un tableau HTML.

le tableau HTML fait pas loin de 500 lignes, chacune d'entres elles étant susceptible d'être mise à jour.

Mon souci c'est qu'après chaque requête ajax, le navigateur se positionne tout au début de la page (en haut du tableau HTML).
Si je clique sur la ligne 150 pour la mettre à jour, je ne vois pas la mise à jour car je me retrouve aussitôt en haut du tableau

Quelqu'un aurait une solution à ce problème ?

Merci d'avance, Ascella

[Bovino]

J'imagine que la requête est lancée depuis un lien du type :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="#" onclick="fonction_ajax()">

Si c'est le cas, il suffit de rajouter :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="#" onclick="fonction_ajax(); return false">

[Ascella]

Bonjour Bovino,

merci de ta réponse.

En fait je n'utilise pas d'attribut onXxx dans mes éléments html.
Ils sont pourvus d'un id ou d'une classe identifiante.
Puis j'utilise un gestionnaire d'événements qui associe à chaque élément html la bonne fonction javascript.

J'ai trouvé une solution à mon problème, la méthode Element.scrollTo(elt), j'utilise prototype au fait, qui fait défiler si besoin la vue du navigateur de façon à ce que l'élément y soit visible.

Mais c'est pas encore top.
(ex: je clique sur la ligne 150, la mise à jour à lieu, le navigateur se positionne en haut de page, puis la vue défile jusqu'à ce que la ligne 150 soit visible).

[Bovino]

Le problème vient du fait (je par toujours du principe que ta requête est sur une ancre, faute de code...) que ton lien href="#" pointe vers le haut de la page.
Pour parer à cela, tu peux, dans la fonction appelée dans Event.observe, ajouter au début :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

event.stop();

[Ascella]

Merci Bovino, je viens d'adopter ta méthode.
ça marche mieux (plus comme je veux) que Element.scrollTo(elt).

Il faut que je me penche sur la [propagation / non propagation] des événements. Je n'y connais pas grand chose.

Encore merci pour ton aide.

[Bovino]

Précisément, c'est un des gros avantages de librairies comme Prototype qui offrent une gestion simplifiée des événements là où coder soi-même exige de bonnes connaissances dans les différences entre navigateurs et de créer des solutions spécifiques à chacun d'eux.
En tout cas, ravi d'avoir été utile