Ancre et ajax

Bonjour a tous

Je vais tenter d'être clair et compréhensible.... :ptdr:

J'ai un code PHP qui récupère des données depuis une base mysql et l'affiche sous forme de table HTML dynamiquement via ajax. La page est plus longue que l'ecran, il est donc neccessaire de scroller....
Une des valeurs est cliquable et met a jour des informations dans la cellule suivante (toujours via ajax) via un DIV.
Un bouton permet de fermer ces informations pour faire les disparaitre (une page php vide est appelée pour remplacer les données du DIV)

Cependant apres l'appel javascript et de ma page PHP vide, la fenêtre s'affiche en haut de la page et a nouveau il faut descendre avec la souris pour retrouver la valeur cliquable initiale.

J'ai essayé de mettre des ancres mais ça ne marche pas. lorsque je lance ma fonction javascrit pour remplacer ma div avec une valeur vide, la page est repositionnée au debut....

Je ne sais comment rappeler l'emplacement précédent.....


Peu être un classique mais je ne trouve pas de solution

Merci à vous i jamais vous passez par là :)

C’est confus. Peut-être si tu nous montrais déjà le code HTML généré (Ctrl+U dans ton navigateur)…

Et ça:

Citation:

---

Envoyé par devphpdid

Un bouton permet de fermer ces informations pour faire les disparaitre (une page php vide est appelée pour remplacer les données du DIV)

---

Attends tu fais une requête vers le serveur pour récupérer zéro information ? À quoi ça sert ? Tu ne peux pas simplement utiliser JavaScript pour vider le <div> ?

Citation:

---

Cependant apres l'appel javascript et de ma page PHP vide, la fenêtre s'affiche en haut de la page et a nouveau il faut descendre avec la souris pour retrouver la valeur cliquable initiale.

---

Tu fais bien une requête Ajax ? Ce que tu décris ça ressemble à un rechargement de page classique. Ou alors tu réécris le code HTML de la page entière ?

Citation:

---

J'ai essayé de mettre des ancres mais ça ne marche pas. lorsque je lance ma fonction javascrit pour remplacer ma div avec une valeur vide, la page est repositionnée au debut...

---

En gros, pour faire une ancre, il te faut un élément avec un id, par exemple

Code:

---

<div id="emplacement">

---

Et par script tu modifies l’adresse de la page :

Code:

---

location.hash = '#emplacement';

---

Veille bien à n’avoir qu’une seule fois le même id dans toute la page.

merci de l'interet..
Oui je comprends que ce soit confus..Le code est assez long....
Pour les ancres, je fais bien appel à des id uniques avec location.hash = '#'+ma_variable_id genere auparavant;

Je ne sais pas comment vider le DIV via javascript, effectivment ça simplierait.....Je vais regarder...
Oui c'est plus simple...avec un simple document.getElementById(elementID).innerHTML = "";

Pour le reste je vais essayer d'être plus concis

Je charge une page
Dans celle ci un menu deroulant.
Le choix d'un item, affiche en fin de page, dans un DIV, un tableau d'un centaine de lignes (via ajax).
Chaque lignes est identifiée par un id (unique).
Lorsque je clique sur cette id, des informations s'affichent dynamiquement (via ajax) dans une cellule à côté, avec un bouton pour fermer (une fonction vers document.getElementById(elementID).innerHTML = "")
la cellule d'information est bien vidée mais la page (contenant les données initiales + le tableau) est affiché depuis debut et non là où le clique a été fait..sans que je ne recharge la page.....C'est suite l'appel de la fonction javascript

Suis je plus clair ?

C’est un peu plus clair. Peux-tu me montrer le code HTML d’un de ces boutons, et la façon dont tu appelles la fonction JS ?

Lorsque je dis bouton c'est juste un texte CLOSE avec un appel a une fonction js ONCLICK=closinfo(mon_id_unique).
La fonction est document.getElementById(mon_id_unique).innerHTML = "";.

Masi je crois que c'est une tres bonne question ! car

Le code HTML est

Code:

---

echo "<a href=# onclick=closinfo(mon_id_unique)>Close</a>";

---

le # ne poserait pas un probleme ?
J'essaye....et effectivement ..... Comme quoi il suffit de poser les bonnes questions :lol: trop fort !