5568 sujets

Sémantique web et HTML

Bonjour Smiley cligne



J'ai un probléme pour les liens actives quand la page charge une autre page dans l'iframe.



dans la page html, il y a 2 div

le premier div comporte des menus



<div class="gauche">

<ul>

<li>

<A href="page.aspx" target="charge" >Menu1</A>

<li>

<li>

<A href="page2.aspx" target="charge" >Menu2</A>

<li>

</ul>

</div>



le deuxiéme pour charger la page avec l'iframe



<div class="droite">

<iframe name="charge" vspace="0" src="charge.htm" frameBorder="no" width="100%" scrolling="no" height="100%" align="top"></iframe>

</div>





et voici le css pour les liens



ul 

{ list-style-image: url(img/bullet-link-active.gif);

    margin-left:12px;

    padding-left:12px;

    background-position:0 .6em;

 } 



a:link { color: #696; text-decoration: none;   }

a:visited { color: #699; text-decoration: none }

a:hover { color: Blue ; text-decoration: none }

a:active { color: white ; text-decoration: none;} 





ul li a:active 

{

list-style-image: url(img/bullet.gif);

}





le probléme quand on clic sur le premier lien , la couleur reste bien en active.

Mais quand on navigue dans la page qui était charger dans iframe.

le lien qui a été choisi n'est plus active.

je voulais que ca reste active.

le probléme c'est que pour a:active ne marche que sur le même page.

J'ai déja essayé avec la méthode id dans body mais ca change rien.



Y a t il un moyen?
Smiley decu
Modifié par forst (19 Apr 2006 - 14:34)
Le plus simple - à mon sens - est de passer une variable dans ta page et d'y associer une classe actif du genre en php :
<li <?if$Cat=='1' {echo' class="actif"';} ?>>
tu vois le genre ?
Modifié par webserviteur (19 Apr 2006 - 13:29)
oui je vois,
est ce possible en asp?
je pense qu il faut recharger la page pour passer la variable.
je vais voir ca Smiley ohwell

merci pour ta réponse Smiley smile
il y a une soluce avec javascript


function SetLinkColor(link) {
	document.all.linkcmd.style.color="#FFFFFF";
	document.all.linkgar.style.color="#FFFFFF";
	document.all.linkdoc.style.color="#FFFFFF";
	document.all.linkesp.style.color="#FFFFFF";
	document.all.linkago.style.color="#FFFFFF";
	link.style.color="#FFCC33";
}

avec

<a id="linkcmd" href="#" onclick="SetLinkColor(thise)">Commande</a>

ca marche que je navige la pahe dans iframe ,la couleur du lien reste active. Seul probléme; le hover,link ne marche pas il fo ajouter la commande 'onmouseover', 'onmouseon' en négligeant css.
y a t il moyen pour passer ce soluce javascript en css ? Smiley confused

merci