Discussion :

[wylls]

Bonjour,

D'habitude je développe en PHP/MySQL, mais j'utilise de temps en temps JavaScript et Jquery.
Pour mon projet, j'ai fait un site qui fonctionne avec les changements de hash pour la navigation, et chaque changement de hash rafraichit le contenu principal de la page.
Mais je rencontre un problème avec la gestion des changements de hash avec Jquery.
J'ai un bout de code que j'appelle à la fin de ma page pour surveiller les changements de hash:

Code :

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

1
2
3
4
jQuery(window).on('hashchange',function(){ 
	var hash= location.hash.substring;
        le code à executer en fonction du hash .....
});

Ca marche nickel, sauf dans un cas précis lorsque l'utilisateur arrive sur le site pour la première fois, lorsqu'il clique sur n'importe quel lien du site, le hash change bien mais le navigateur recharge la page et donc le changement de hash n'est pas vu par Jquery et il ne m'affiche pas la bonne page, et ensuite si on clique sur un autre lien ça marche correctement. Et si on fait un refresh de la page, là ça marche aussi. C'est vraiment que pour le tout premier clic de l'utilisateur.
Je pense que ça merde à cause du fait que la première URL ne contient pas de hash et donc le navigateur fait une redirection que je ne souhaite pas, comment on peut éviter ce comportement du navigateur ?

Merci d'avance !

[SpaceFrog]

le navigateur recharge la page

Javascript ne survit pas à un rechargement de page ...

Il te faut donc un flag ...
soit en cookie, en local storage ou en paramètre get

[wylls]

Hello,

Merci de t'intéresser à mon problème déjà :-) !

En fait le navigateur fait un rechargement de page alors que je ne le souhaite pas, l'utilisateur arrive sur le site avec l'url :

http://monsite.fr

Puis il clique sur un lien :

http://monsite.fr#!hash

Et là hop il fait une redirection au lien de suivre l'ancre.
Et donc il n'est pas sur la bonne page, et ensuite au prochain lien ça fonctionne.
Pour moi c'est parce que le premier clic il "capte" pas que c'est juste une ancre.

[SpaceFrog]

inhibe le lien ...
avec un prevent defaut et fais un scrollto à la pace ...

[wylls]

Est-ce que tu peux détailler un peu ta solution ?
Parce que là j'ai pas tout compris ....

[SpaceFrog]

essaye dans un premier temps de remplacer ton lien

Code :

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

http://monsite.fr#!hash

par

Code :

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

#!hash

Car si j'ai bien compris ta problématique tu souhaites naviguer sur ta page avec des liens vers des ancres sur la même page

Je pense que le fait d'indiquer htpp:// force le navigateur à recharger la page, ce qui ne semble pas être le but recherché.

Si cela ne fonctionne pas il faudra inhiber le lien et coder un script qui fera scroller la page au droit du lien cible ...

[Watilin]

Je pense que le fait d'indiquer htpp:// force le navigateur à recharger la page, ce qui ne semble pas être le but recherché.

+1. Normalement quand il n’y a que le hash qui change, ça ne devrait pas provoquer un rechargement de page.
@wylls : Vérifie que ce n’est pas une histoire de https et http qui se mélangent.