Création d'une meilleure interface à onglets dans Django

Question

J'ai essayé de créer une interface à onglets en utilisant Django. L'effort courant (qui fonctionne bien) consiste à faire coder en dur l'en-tête de chaque modèle, l'onglet sélectionné ayant l'attribut CSS "sélectionné". Bien sûr, c'est une violation massive de DRY et je cherche à y remédier.

Mon idée actuelle est d'ajouter un script jQuery à la page qui regarde tous les onglets et définit un à "sélectionné" si son texte correspond au début du titre de la page. Existe-t-il une meilleure façon de le faire sans utiliser JavaScript et juste CSS pur?

Answer 1

Mise à jour: Le lien ci-dessous est cassé maintenant, cependant Django a maintenant une fonction intégrée pour comparer les URL maintenant. Vérifiez this bug pour plus de détails.

Vous pouvez créer une balise de modèle pour la mettre en œuvre de jeter un oeil à ce http://gnuvince.wordpress.com/2007/09/14/a-django-template-tag-for-the-current-active-page/

Vous pouvez mettre en œuvre quelque chose de similaire pour votre cas.

Answer 2

Habituellement, je passe simplement dans l'onglet sélectionné dans le contexte de chaque vue qui utilise les onglets, et sélectionnez l'onglet dans un en-tête commun basé sur cette valeur.