Quoi de mieux que d'apprendre en participant?
Il est minuit pile et je suis sur cette source depuis 21H. Je vous la propose car j'ai trouver beaucoup de question sur les forum en rapport avec les onglets de navigation mais pas tellement de réponse concrète.
J'ai donc réalisé un objet (VB.NET) qui permet de parametrer le nom des onglets, leur chemin mais aussi de les mettre en evidence grâce à un bon nombre (pas exaustif) de parametre. On peut soit Formater nos onglets à la sauce HTML grâce aux propriétés que j'ai crée soit appeller directement du CSS dans d'autre propriété. Passer par le CSS à l'avantage d'offrir un rollover sur les cellules inactives mais aussi de remplasser ces horrible cellules par de jolies images. :)
Le principe est de generer un tableau HTML en y incorporant ou nom les parametres récupéré grace aux methode.
Cette source est assez simple à utiliser. Je ne met pas tout dans la source ci-dessous donc il est préférable de telecharger la source complete.
Je vous donne juste la liste des methode utilisable et leur utilité.
.Page => Indique la page vers laquelle vous serez rediriger lors du clic sur un onglet. (ATENTION, les parametres ne doivent pas etre ecrit ici, vous devez juste metre "mapage.aspx"). Si cette methode est omise, vous serez rediriger sur la meme page avec les parametres que vous indiquez lors de l'appelle de l'objet onglet.
CSS (N'oubliez pas de faire appelle à votre fichié CSS s'il est indépendant)
.CssTab => Style general du tableau : nom de la classe correspondante
.CssOut => Style des onglets inactifs : nom de la classe correspondante
.CssOver => Style de l'onglet actif : nom de la classe correspondante
.CssRollOver => Style de l'onglet au passage de la souris : nom de la classe correspondante. Cette classe peut etre identique à une des autres.
Style du tableau à onglet
.cellpadding => Bien connu du HTML
.cellspacing => Bien connu du HTML
Style sans le CSS (Si le CSS est présent, c'est le CSS qui prend le dessus)
.TabBorder => Largeur de la bordure du tableau
.CelHeight => Largeur des cellules
.CelWith => Longueur des cellules
.TabBackgroundColor => Couleur de fond du tableau
.CelBorderStyle => A NE PAS UTILISER SI LE CSS EST PRESENT car elle genere la propriété style d'une cellule. Vous renseigner la taille de la bordure (chiffre seulement) puis la couleur hexa précédé de son inséparable #
Mise en page diverse
.LinkAlign => Alignement du liens par rapport aux onglets. (meme mot clef que pour le HTML : left,right,center)
.TabHTMLTitle => Title HTML du tableau
.TabHTMLID => ID du tableau HTML