Gularu.fr » accordeon

Les noces rebelles – Revolutionary Road – la bande-annonce ou trailer

Gularu — Tue, 09 Dec 2008 00:42:21 +0000

Absolument sublime avec deux acteurs gigantesques, Leonardo DiCaprio et Kate Winslet (le retour ^^), une sensibilité que j’adore, un thème récurrent mais passionnant qu’est la routine dans les couples et la volonté de s’en défaire. A voir dès qu’il sort.

[flashvideo filename=http://www.gularu.fr/blog/wp-content/uploads/2008/12/revroad_trailer2.flv height=330 width=560 /]

Le site internet est bien fait également.

Web 2.0 : Tutos gratuit pour un accordéon, accordion fonctionnant avec la version Prototype 1.6

Gularu — Sun, 02 Nov 2008 18:54:53 +0000

Nouvelle version de ce billet très lu contenant tout ce qui faut pour que cela fonctionne avec la dernière version de prototype

Voici donc le tutorial, tutoriel concernant le superbe accordéon web 2.0 tendance que l’on voit chez tous les geeks qui se respectent ! 100% compatible Prototype et Scriptaculous. Pas grand chose à faire, suivez le guide :

Tout d’abord, téléchargez l’archive pour réaliser le tuto : téléchargez ici

Il contient toujours la même chose : les js, le fichier index ou demo, et le css. La librairie s’appelle accordion.js dans le dossier js et le css accordion_glam.css.

Trois étapes :

1- Mettez le head pour les js et le css de votre accordéon :

Voir le code de mon head

2- Insérez votre accordéon dans le body :

Voir le code de mon accordéon

Les classes doivent porter le même nom que dans mon exemple car la librairie s’en sert. accordion-toggle pour les titres. accordion-content pour le contenu qui apparaît.

3- Ajoutez votre code prototype pour initialiser l’accordéon :

Voir le code prototype gérant l’initialisation

Je rappelle que l’écouteur avec window et load est en fait le lancement d’une fonction lorsque le DOM est complètement chargé, c’est à dire que lorsque tous les divs, images et textes sont apparus. Le chiffre 1 signifie qu’à l’ouverture de la page, c’est le titre 1 qui va être ouvert, ici Main.

C’est tout ! Pas très compliqué n’est-ce pas !

Voir mon exemple : la démo de l’accordéon

Ma sélection Web 2.0 : Accordéon, accordion

Gularu — Sun, 24 Feb 2008 17:30:09 +0000

Voici un truc vraiment utile pour frimer sur vos portfolios sans rien connaître en javascript : l’accordéon dynamique. Grâce à cette librairie toute faite, vos sites vont prendre un coup de jeune !

Accordion est donc très utile car il permet de fabriquer des accordéons très facilement et en utilisant de surcroît les effets sympas de Scriptaculous. Il utilise en plus Prototype, que demander de plus !

Téléchargez la librairie accordéon
Voir mon exemple d’accordéon
Voir mon tutos pour le faire

Voir le site officiel de Accordion

Tutorial : Web 2.0, Ajax, créer un accordéon, accordion dynamique et classe

Gularu — Sun, 24 Feb 2008 17:19:38 +0000

Nouvelle version du post en cliquant ici : http://www.gularu.fr/blog/?p=403