Menu qui indique la partie visité actuellement. - HTML/CSS - Programmation
Marsh Posté le 10-05-2006 à 16:01:46
ReplyMarsh Posté le 18-05-2008 à 15:32:24
djreelax a écrit : ça m'interesse aussi ... je suis en plein dedans... |
Bonjour,
Je relance le sujet car j'ai un gros trou de mémoire.
J'ai su il n'y a pas si longtemps quelle css il fallait utiliser pour que le lien du menu de la page sur laquelle le visiteur se trouve puisse avec des propriété différentes..
SI quelqu'un peut me rafraîchir la mémoire ...
Merci d'avance !
Marsh Posté le 10-05-2006 à 14:09:53
bonjour,
J'aurais aimé que mon menu indique la page visité par le visiteur.
Exemple, menu tout en noir, et quand il clique sur "Accueil" , Accueil reste en rouge. Si il clique sur lien, Accueil revient en noir, et Liens se met en rouge.
Ceci afin de mieux se retrouver dans le site.
Pour le passage de la souris, je sais comment faire, mais c'est pour "stocker" l'info que je bloque.
Je planche sur des sites qui ont realiser ca a l'aide de fonction javascript :
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?" ))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
Mais j'avoue que je comprend pas grand choses et ca ne marche pas.
Voila mon code HTML pour un lien du menu :
<a href="?page=accueil" onMouseOver="MM_swapImage('accueil','','ressources/images/menu/accueil-r.gif',1)" onMouseOut="MM_swapImgRestore()">
<img src="ressources/images/menu/accueil-n.gif" alt="" name="accueil" border="0" onload="" style="display:block;">
</a>
accueil-n -> noir
accueil-r -> rouge
Qqun peut m'aider, ou m'indiquer une autre facon (plus simple) de faire ?
Merci