woutch !
Par fabien le dimanche 18 février 2007, 15:30 - code zone - Lien permanent
Je profite d'une après-midi tranquille (il fait gris, je récupère d'une grosse semaine de boulot, et Elise dort) pour tester quelques bricoles sur Dotclear: des menus glissants/déroulants dans la barre à droite. Trop classe.
Qu'est qu'il faut ? quelques lignes de javascript (tirées de ce tutoriel), deux lignes de CSS, et quelques modifications dans le code source de Dotclear (parce que je n'ai pas trouvé comment faire autrement, il y a peut-être plus propre).
Chargement du script jquery (ce code doit être présent dans l'entête de la page):
<script type="text/javascript" src="/dotclear2/themes/default/js/jquery.js">
</script>
<script>
$(document).ready(function() {
$('#sidebar').find('dd').hide().end().find('dt').click(function() {
var answer = $(this).next();
if (answer.is(':visible')) {
answer.slideUp("slow")
} else {
answer.slideDown("slow");
}
});
});
</script>
Modification CSS:
#sidebar dt {
background: #F5F5F5 url(img/down.png) no-repeat 3px 4px;
padding: 5px 8px 5px 23px;
}
La partie la plus douteuse est d'aller modifier le code correspondant dans le répertoire plugins/widgets pour que l'exécution des widgets renvoie des balises <dd> et <dt>.
Commentaires
ouaouuuuuh c'est classe les menus déroulants
Ah oui c'est classe !
Coucou Emeline, comment va?
En vacances, bien skié? Tu as réussi à te débarasser de ce poste en maths à Pétaouchnok les Oies?
bises
Elise, tu pourrais faire un blog sur lequel tu discuterais avec Emeline. Qu'en penses tu?
;-)
pfffffffffff c'est quoi ce râleur: je remplis les commentaires comme ça ! ;-p