Discussion :

[momox19]

Bonjour à vous.

Voila comme l'indique mon sujet, mon problème se situe au niveau de l'ascenseur vertical de mon navigateur.

En fait, j'ai une page avec un tableau contenu dans un div (id = divA). Lorsque je clique sur un lien de ce tableau sa met à jour dynamiquement un autre tableau ( id= divB ). Cela fonctionne sans problème. Le problème est que si le tableau est long, je baisse l'ascenseur à droite mais lorsque je clique sur mon lien l'ascenseur remonte ce qui est dommage... car sa gâche l'effet de mise à jour dynamique. J'ai bien trouvé de mettre un scrollto ds le onload de body mais la sa m'aide pas car je ne rappelle pas le body donc....

Alors ma question est : comment peut on conserver ou forcer la position de l'ascenseur après avoir cliquer sur un lien mettant à jour dynamiquement mon divB.??

En gros comment lier AJAX et javascript avec un ascenseur qui bouge pas.

Ça fait pas mal de temps que je cherche et je trouve pas.

[E.Bzz]

Bonjour et bienvenu sur Developpez.com

Pas sûr que ton problème soit directement lié à Ajax.
Un <A href="#"> peut donner ce résultat si tu n'as pas terminé le onclick par un "return false".

Si ce n'est pas le cas, il faudrait voir le code (Javascript + HTML généré)

A+

[momox19]

Merci pour l'accueil ^^.

Alors j'ai bien pensé au système d'ancre mais cela, ne résoud pas mon problème dans le sens où si je met une ancre elle apparaîtra tout en haut de mon écran. Alors que moi ce que je veux c'est vraiment "BLOQUER l'ascenceur". Qu'il ne bouge pas d'un PETE.

Donc je te montre mon code :

Ci dessous, voici mon lien "M" qui appelle mon javascript. Quand je clique dessus il doit faire apparaitre une formulaire.php dans le div modiFormulaire

Code html :

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

1
2
3
4
5
6
7
<div class="texte" id="texte">
 
	       <a href="#" onclick="envoieRequete('includes/adm/p619/formulaire.php?act=M&num_annuaire=29&recharge&scrollpos='+document.documentElement.scrollTop,'modifFormulaire');"> <strong>M</strong></a>
 
            <div id="modifFormulaire"></div>
 
    </div>

Ci dessous le code javascript appelé :

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
16
17
18
19
20
21
22
23
24
 
 
 function envoieRequete(url,id)
 {
        var xhr = getXhr();
	xhr.open("GET",url,true);
 
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
 
	xhr.send(null);
 
        // On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			leselect = xhr.responseText; 
			//fonction rechargeant les scripts
                        evalueScripts(id);
			document.getElementById(id).innerHTML = leselect;
 
		}
	}
 }

Et pour finir le contenu de mon formulaire.php est un formulaire ce qu'il y'a de plus simple. Je ne juge donc pas nécessaire de le mettre. En fait je souhaiterais bloquer l'ascenceur la où il se trouve avant que je clique sur "M".

Ainsi la position de l'ascenceur avant et après que j'ai cliqué n'aura pas changé.

[E.Bzz]

Tu as loupé ce morceau :

si tu n'as pas terminé le onclick par un "return false".

==>

Code :

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

<a href="#" onclick="envoieRequete('includes/adm/p619/formulaire.php?act=M&num_annuaire=29&recharge&scrollpos='+document.documentElement.scrollTop,'modifFormulaire');return false;">  <strong>M</strong></a>

Par contre, tu ne devrais plus avoir besoin du scrollTop ...

A+

[momox19]

Que dire à part ......... MERCI. C'est exactement ce que je voulais... ^^ 2jours de galère et toi tu me résous le problème en 2s... Si j'avais su, j'aurais eu recours à la solution developpez.com plus tôt.


Le seul problème est que ça fonctionne, c'est clair. ^^C'est même parfait. Cependant je ne comprend pas le pourquoi du comment. En fait pourrais-tu juste me dire comment agit le retour false par rapport à la position de l'ascenseur.

[E.Bzz]

En fait pourrais-tu juste me dire comment agit le retour false par rapport à la position de l'ascenseur.

La position de l'ascenseur n'est qu'un effet collatéral.
Si tu ajoute un onclick dans un lien, l'enchainement est le suivant :

1. click sur le lien
2. exécution de la fonction onclick() du lien
3. appel au href du lien

Or le href="#" fait appel au sommet de la page courante.
Le "return false;" a pour but de stopper l'évènement en cours. Le traitement s'arrête au 2) ci-dessus.
On ne fait donc plus appel au href. Aucun lien n'étant appelé, on reste sur place.
Une illustration simple :

Code html :

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

<a href="http://www.google.fr" onclick="return window.confirm('Aller sur Google ?');">Google</a>

EDIT :

Si j'avais su, j'aurais eu recours à la solution developpez.com plus tôt.

A+