18073 sujets

Questions générales et questions de débutants

Comment rendre actif un Item de ma liste au chargement de la page

Sur ma frame de gauche j'ai une liste

<div id="navcontainer">
  <ul id="navlist">
    <li id="active"><a href="accueil.htm" target="droite">Accueil</a></li>    
    <li><a class="TitreMenu" id="current">Informatique Distribu&eacute;e</a> 
      <ul id="subnavlist">
        <li><a href="rd/rdd00.htm" id="subcurrent" target="droite">R&eacute;f&eacute;rentiel 
          de D&eacute;veloppement</a></li>
.....
    </li>
  </ul>   
    
</div>

Pour identifier un lien actif dans ma CSS j'ai

#navcontainer a:active
{
color: Yellow;
background-color: Blue;
text-decoration: none;
}


Comment rendre cet effet actif sur le lien accueil au chargement de la page
Modifié par jeanlouis238 (27 Mar 2006 - 14:24)
Salut,

dans le head de ta page d'accueil tu mets :

<style type="text/css">
#active a {
color: Yellow;
background-color: Blue;
text-decoration: none;
}
</style>


<edit>
Tiens par contre t'as pas dit bonjour et ça c'est pas bien Smiley cligne
</edit>
Modifié par clb56 (27 Mar 2006 - 14:50)
Bonjour jeanlouis238 et bienvenue sur ce forum Smiley smile

La pseudo-classe active ne sert pas à indiquer qu'une page est active. La pseudo-classe active s'applique entre le moment ou l'on clique sur un élément et celui ou l'on relâche la souris.

Cascading Style Sheets, level 2 revision 1 a écrit :

The :active pseudo-class applies while an element is being activated by the user. For example, between the times the user presses the mouse button and releases it.


http://www.w3.org/TR/CSS21/selector.html#x35

Si j'ai bien compris, ta question est : Comment marquer la page en cours comme active dans le menu ?
Stephan a écrit :
Bonjour jeanlouis238 et bienvenue sur ce forum Smiley smile

La pseudo-classe active ne sert pas à indiquer qu'une page est active. La pseudo-classe active s'applique entre le moment ou l'on clique sur un élément et celui ou l'on relâche la souris.



http://www.w3.org/TR/CSS21/selector.html#x35

Si j'ai bien compris, ta question est : Comment marquer la page en cours comme active dans le menu ?


Smiley smile Bonjour à tous
Non ma question est comment rendre actif le lien accueil au chargement de la page.
Si je rajoute dans le head de ma page.

<style type="text/css">
#active a {

color: Yellow;

background-color: Blue;

text-decoration: none;

}
</style>

Le lien devient bien actif au chargement mais il reste actif quand je clique sur les autres liens de ma liste.
Smiley langue Résolu jai trouvé !!!
Rajouter dans le head de la page lafonction suivante

function unighlight(ok) {		
var ok
		
// on boucle sur les balises <li> pour récupérer leur href
listeDesLiens = document.getElementById("navlist").getElementsByTagName("li");
if(ok == 1)listeDesLiens[0].id = "";							
}

Rajouter sur les liens 
onclick="unighlight(1)"

cette fonction supprimme l'id=active dans le tag <li> du lien Accueil le lien n'est plus mis en évidence.
Merci à tous pour le début de la solution
Modifié par jeanlouis238 (29 Mar 2006 - 15:01)
Sujet clos
Aller à