Discussion :

[Arnaudp33x33]

Bonjour à tous,
voilà un moment que je galère avec ma remontée de page automatique.
Je m'explique.

J'ai une page (page1.php) qui contient cette fonction javascript : (#cadrebase est une class css)

Code :

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

1
2
3
4
5
<script type="text/javascript"> 
function goto(Page) {
        $('#cadrebase').load(Page);
    }
</script>

et qui appel la page2.php avec plusieurs liens en fonction des sections à afficher dans la page, avec un événement onclick :

Code html :

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

1
2
3
<a onclick="goto('page2.php?parametres=1'); window.location.hash='letop';" class="bout_param"></a>
<a onclick="goto('page2.php?statistiques=1'); window.location.hash='letop';" class="bout_stats"></a>
...

Tous cela marche très bien, mais la page2.php contient plusieurs sections que je souhaiterais pouvoir accéder automatiquement en haut de page au chargement de l'appel onclick, car quand on est au bas d'une page d'une section et qu'on bascule sur une autre, elle est calé au même niveau que la précédente.
J'ai placé une ancre au top général des sections

Code html :

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

<p id="letop"></p>

qui marche bien avec un lien en bas de page, mais je n'arrive pas à l'atteindre avec mon onclick depuis la page1.php.
J'ai testé un peu tout, mais rien n'y fait...dans la fonction, après la 1ère fonction du onclick...

Si quelqu'un aurait une idée se serait fantastique

Arnaud

[Invité]

Bonjour,

à priori, aucun rapport avec PHP. Je déplace dans le forum JavaScript.

[Arnaudp33x33]

ah oui, erreur de ma part, j'ai pensé à mes pages de base.
Arnaud

[st3ff]

bonjour,
je connais pas trop JQuery ni comment fonctionne la méthode load, mais pourquoi tu n'essaies pas d'ajouter tout simplement le hash à la fin de ton URL?
du style: goto('page2.php?parametres=1#letop')

Pardon, après avoir jeté un oeil a la doc, il semble qu'on puisse passer en paramètre un callback 'complete', appelé une fois que la page a été chargée, et tu doit pouvoir à ce moment naviguer vers le hashtag.

[Arnaudp33x33]

Merci pour ta réponse.
Je pense effectivement que la réponse se trouve dans cette doc

J'ai tenté pas mal de choses mais sans succés, dès que j'ajoute qlq chose dans la fonction goto, plus rien ne s'affiche, j'ai essayé avec les ", sans, avec ', sans, avec #letop en argument, avec # en fin de mon onclick avec un espace devant,...mais nada arghhhhhh !

Code :

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

1
2
3
4
5
function goto(Page) {
 
        $('#iframe2').load(Page #letop);
 
    }

[Invité]

Bonjour,

essaie :

Code :

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

        $('#iframe2').load(Page+'#letop');

[st3ff]

ou peut être:

Code :

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

1
2
3
4
5
function goto(Page) {
        $('#cadrebase').load(Page, function(){
               window.location.hash='letop';
        });
    }

[Arnaudp33x33]

Merci pour ta réponse

Après avoir modifié mes ancres, ça fonctionne !
J'ai repris mon code d'origine avec

Code :

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

window.location.hash='letop'

appelé par le onclick en 2ème argument, mais j'ai dut nomer chaque ancre...et ça fonctionne
Donc j'ai top1, top2, ... et 3 ancres par section pour ne pas perdre la variable.

Encore merci à tous pour votre aide

Arnaud