Gularu.fr
Cueillir l'actu, l'insolite du web et d'autres trucs
Mot-clé ‘accordeon’
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.
Publié dans Cinéma
Web 2.0 : Tutos gratuit pour un accordéon, accordion fonctionnant avec la version Prototype 1.6Le 02 nov 2008
Partager TweetNouvelle 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 :
2- Insérez votre accordéon dans le body :
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
Publié dans Informatique, Tutoriaux
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
Publié dans Ajax
Tutorial : Web 2.0, Ajax, créer un accordéon, accordion dynamique et classeLe 24 fév 2008
Partager TweetNouvelle version du post en cliquant ici : http://www.gularu.fr/blog/?p=403
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. Ici, je vous ai laissé les exemples donnés avec l’archive officielle. La librairie s’appelle accordeon.js dans le dossier js et le css feuille_index.css.
Trois étapes :
1- Mettez le head pour les js et le css de votre accordéon :
2- Insérez votre accordéon dans le body :
Les classes doivent porter le même nom que dans mon exemple car la librairie s’en sert.
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.
C’est tout ! Pas très compliqué n’est-ce pas !
Voir mon exemple : la démo de l’accordéon
Publié dans Informatique, Tutoriaux
Catégories
—
Liens
—
À propos de Gularu.fr
—
Dans ce blog vous trouverez votre bonheur si vous êtes webmaster, web-designer, web tout court. Mais parfois je lance des petits coups de gueule politiques et donne mon avis sur des sujets souvent inutiles mais drôles...