Récupérer l'url complète (jquery)

Regarde la doc Jquery pour les requêtes AJAX....

Essaie avec cela:

$.ajax({
   type: "POST",
   url: "menu.php",
   data: "page=accueil",...

Bon alors apres étude, l'ajax n'a rien a voir la dedans. Mea culpa.

Je vais revenir sur le fond de mon problème:

J'essaie de récupérer l'url de la page courante afin de mettre en "actif" le lien correspondant, afin que l'utilisateur voit sur quelle page du site il se trouve.

Je veux également que si l'utilisateur passe la souris sur un autre lien, le lien de la page active devienne "inactif". (j'espere que vous comprenez ce que j'écris parce que même moi j'ai du mal ).

Mon menu est un peu particulier. Il est fait avec des images superposées qui s'activent au passage de la souris avec un "mouseover"

En gros mon code donne ça:

$("#test1").mouseover(function () {
    $("#lien1").show();
	$("#fond_1").show();
		$("#lien2").hide();
		$("#fond_2").hide();
		$("#lien3").hide();
		$("#fond_3").hide();
		$("#lien4").hide();
		$("#fond_4").hide();
		$("#lien5").hide();
		$("#fond_5").hide();
		$("#lien6").hide();
		$("#fond_6").hide();
    });

$("#lien1").mouseout(function()
	{
		$("#lien1").hide();
		$("#fond_1").hide();
	});
	
$("#test2").mouseover(function () {
    $("#lien2").show();
	$("#fond_2").show();
		$("#lien1").hide();
		$("#fond_1").hide();
		$("#lien3").hide();
		$("#fond_3").hide();
		$("#lien4").hide();
		$("#fond_4").hide();
		$("#lien5").hide();
		$("#fond_5").hide();
		$("#lien6").hide();
		$("#fond_6").hide();
    });

$("#lien2").mouseout(function()
	{
		$("#lien2").hide();
		$("#fond_2").hide();
	});

Etc, etc...

Bon je suppose que c'est mal fait, mais ça fonctionne.

Mon objectif pour que le lien de la page active soit en état "actif" est de faire un code du type:

si la souris ne survole pas le menu et si l'url correspond à tel lien, on le passe en actif, sinon on applique les regles ci-dessus (voir script).

Donc je cherche à récupérer l'url en entier. En utilisant $.get je récupère que "menu.php?page" et pas ce qui vient derrière alors que c'est ça qui m'intéresse.

J'ai trouvé un moyen de récupérer ça via php grâce à $_SERVER['QUERY_STRING']; mais je ne sais pas comment le réutiliser dans le code js.


Voila si qqn comprend ce que j'ai essayé d'expliquer et veut bien me filer un coup de main je lui en serai très reconnaissant.

Ah oui merci beaucoup. Ca devrait m'aider à avancer.

J'ai mis à jour mon post précédent.

Ok donc après quelques essais, j'ai finit par obtenir quelque chose de (presque) pas mal.
Sauf qu'il y a encore un gros défaut que je n'arrive pas à corriger. Je voudrais savoir si on peut donner une priorité à une fonction qui est en contradiction avec une autre.

Pour illustrer mes propos j'ai pris quelques captures d'écran.


Voila sur la premiere image, je suis sur la page d'accueil, ma souris n'est pas sur le menu et le lien correspondant à la page est bien actif. Tout va bien.

Sur la deuxième image la souris est sur le lien "initiation". Le lien accueil se désactive et celui en hover s'active. La aussi tout va bien.

Sur la dernière image, je suis toujours sur la page accueil, et j'ai le curseur de ma souris sur le lien accueil. Et la, pas cool, le lien ne s'active pas. En fait ici deux fonction entrent contradiction. Celle qui dit que quand le curseur est sur le menu, le lien de la page active doit se désactiver (bon pour les autres liens du menu) et la fonction qui dit que quand on passe la souris sur un lien il doit s'activer.

Je met quelques lignes de code pour mieux comprendre (je met pas tout, c'est très long)

var page=(document.location.search);

var reg = new RegExp("accueil") ;
var url = reg.exec(page);

[...]

$(window).load(function () {
	if((url) == 'accueil'){
		$("#lien1").show();
		$("#fond_1").show();
	};


[...]

$('#menu').mouseout(function (){
	if((url) == 'accueil'){
	        $("#lien1").show();
	        $("#fond_1").show();
	};

[...]

$('#menu').mouseover(function (){
	if((url) == 'accueil'){
	        $("#lien1").hide();
		$("#fond_1").hide();
	};

$("#test1").mouseover(function () {
                $("#lien1").show();
                $("#fond_1").show();
		$("#lien2").hide();
		$("#fond_2").hide();
          [...]

Les [...] signifient que les mêmes règles s'appliquent pour les autres lien (2, 3, 4, 5 et 6)

Voila j'espère que mon explication est claire. En gros je voudrait savoir comment donner la priorité à la dernière fonction. Ou comment m'y prendre si je dois faire autrement.

Merci d'avance.

Hum non je ne pense pas que ça puisse fonctionner, puisque chaque fond est une image qui prend l'ensemble du menu et pas juste du lien. Du coup il faut le désactiver quand on passe la souris sur un autre menu... De plus j'active deux images à chaque fois. Une image de fond (avec les planches illuminées) et les lettres néon allumées.

Je vois pas comment ça serait possible en css.

Merci paolo (et les autres) pour ton aide. Je sais pas si ça va marcher mais je vais tester dans la semaine pour voir. Effectivement avec le recul je me dis que j'aurai pu faire plus simple, mais bon c'est en faisant des erreur qu'on progresse. (et moi, qu'est-ce que je progresse! )

Je posterai ici pour annoncer la couleur une fois que j'aurai essayé tout ça.