Je construisie une application Web ASP.NET 4.0 dans laquelle j'ai une commande de menu comme suit: Je souhaite que l'élément de menu sélectionné soit stylé selon la classe CSS
5 Réponses :
Avez-vous vérifié votre source de navigateur pour vous assurer que ASP.NET ne renommer pas de manière dynamique votre valeur d'identification de contrôle de menu?
J'ai eu le même problème et j'ai essayé de découvrir ce qui s'est passé. Dans le code source de thje html-page, j'ai trouvé ceci:
#NavigationMenu .level1 li
{
padding: 10px;
}
1- Définir la classe .SelectedMenuitem comme ci-dessous, indépendante de l'ID (#menu) 2- Utilisez la méthode AddClass de JQuery, lier cette méthode à l'événement de clic des éléments de menu.
Vous pouvez le gérer à partir de code arrière sur l'événement page_load du fichier maître. Par exemple, vous pouvez utiliser la méthode demande.path pour obtenir le chemin de page en cours, puis utiliser un interrupteur ou si une instruction ajouter manuellement le style au (code> menuitem correspondant . < / p>
Ajoutez simplement cette css dans la feuille de style pour afficher l'onglet Actif avec l'image Backgroung ou ajoutez également de l'arrière-plan Couleur active N'ayant pas besoin de faire effectuer une commande CaHnge dans le menu et d'ajouter n'importe quel style statique ou dynamique dans le menu.
.menu a.static.selected
{
background: url("../images/bg.jpg") repeat scroll 0 0;
color: white;``
text-decoration: none;
}
.menu li a.dynamic.selected
{
background: url("../images/bg.jpg") repeat scroll 0 0;
color: white;
text-decoration: none;
}