Gestion d'url avec window.location

Bonjour à tous.

Mon projet touche à sa fin et je bute sur un petit problème. Peut être que l'un d'entre vous aura quelque pistes à me suggérer et ou pourra m'aider à comprendre ce qui ne fonctionne pas. Pour certain ça va paraitre comme une demande absurde mais le plugin js que j'utilise pour ma navigation m'oblige quelque peu à trouver une alternative pour arriver à mes fins.

Actuellement j'ai tout un site qui fonctionne avec l'url rewriting. J'ai 4 sections au total (section1/section2/section3 et section4) sans compter les pages projets avec des urls personnalisées et lorsque je change de section ou de projet la nouvelle url en lien avec la page consultée s'écrit dans la barre d'adresse etc.. mes boutons back and previous du navigateur marchent nickel; Jusque là pas de soucis.

Sauf qu'au départ si je load mon site via l'index.html je tombe sur une des sections la 2 actuellement; mais je ne souhaite pas commencer par celle là dès qu'on arrive sur mon site je souhaiterai en faire apparaitre une autre la 1; donc forcer l'affichage d'une autre section autre que celle appelée nativement.

J'ai réussi à gérer ça en réutilisant mes urls (à noter que je test ça en local pour le moment d’où mon chemin un peu bizarre mais ça marche pareil):

$(window).load(function() {
        //L'Utilisateur tape dans la barre d'adresse file:///Volumes/LA CLÉ!/_PROJECTS/TESTS/test28 - TEST2/index.html
	if(window.location.href.indexOf("") > -1) {
	     window.location.href = 'file:///Volumes/LA CLÉ!/_PROJECTS/TESTS/test28 - TEST2/index.html#/section'1;
    	}
        //L'Utilisateur tape dans la barre d'adresse file:///Volumes/LA CLÉ!/_PROJECTS/TESTS/test28 - TEST2/index.html#/section2
	else if(window.location.href.indexOf("#/section2") > -1) {
	     window.location.href = 'file:///Volumes/LA CLÉ!/_PROJECTS/TESTS/test28 - TEST2/index.html#/section2';
    	}
        //L'Utilisateur tape dans la barre d'adresse file:///Volumes/LA CLÉ!/_PROJECTS/TESTS/test28 - TEST2/index.html#/section3
        else if(window.location.href.indexOf("#/section3") > -1) {
	     window.location.href = 'file:///Volumes/LA CLÉ!/_PROJECTS/TESTS/test28 - TEST2/index.html#/section3';
    	}
        //L'Utilisateur tape dans la barre d'adresse file:///Volumes/LA CLÉ!/_PROJECTS/TESTS/test28 - TEST2/index.html#/section4
        else if(window.location.href.indexOf("#/section4") > -1) {
	     window.location.href = 'file:///Volumes/LA CLÉ!/_PROJECTS/TESTS/test28 - TEST2/index.html#/section4';
    	}
	
});

Le principe étant de récupérer l'url courante et d'amener l'utilisateur juste après le load de ma page sur la bonne page.

Le résultat est:
Quand j'arrive sur la page en ayant tapé www.monsite.com (l'index.html) je tombe bien sur ma section 1 comme voulu
Mais lorsque je tape une autre url pour aller directement à une autre section par exemple---> www.monsite.com/#/section4, il me renvoi directement à la section 1 initiale mais pas à la section 4 comme je lui ai demandé; en gros je me suis crée un autre problème...

À noter qu'avant de bidouiller ce code si je tapait n'importe quel url dans ma barre d'adresse comme cela:
www.monsite.com/#/section1
www.monsite.com/#/section2
www.monsite.com/#/section3
www.monsite.com/#/section4

Chacune d'entre elle, me renvoyait directement à la bonne section de demandé.
C'est depuis que j'essaie de forcer l'affichage d'une section, seulement si l'utilisateur accède directement à l'index de mon site que je tombe à chaque fois sur la même section (la 1) peu importe ce que je tape dans la barre d'adresse.

Je sais pas trop si j'ai été clair avec mon explication et le pb que je rencontre mais c'est ça. Qu'est ce qu'il manque à mon code ou que je dois modifier pour que le visiteur puisse lorsqu'il tape la section de son choix dans la barre d'adresse atterrisse directement dessus après le load de ma page?

Merci d'avance

PS: les liens ne sont pas fonctionnels sur mon post
Modifié par xavierk (17 Jul 2013 - 15:39)