Les fonctions de base , // Aliassé par $, jQuery.fn.extend(), jQuery.noConflict(), each(), eq(), get(), gt(), index(), length(), lt(), size(), selector(), context(), data(), removeData(), FishEye. Fisheye - Interface plugin for jQuery. FishEye. jQuery Tutorial - Animated Hide and Slide Toggle Content Into View. Tutoriaux Webmaster. Mootools en 30 jours : jour 17 - Accordion. Les Bases Créer un nouvel accordéon Pour créer un nouvel accordéon, vous allez devoir sélectionner une paire d'éléments, le titre et le contenu.
Donc tout d'abord, assignez une classe à chaque titre et une classe à chaque élément de contenu : Toggle 1 Voici le contenu de toggle 1 Toggle 2 Voici le contenu de toggle 2 Maintenant nous pouvons sélectionner tous les éléments avec la classe “togglers” et tous les éléments avec la classe “elements,” les envoyer dans des variables, puis créer un nouvel objet accordéon. var toggles = $$('.togglers');var content = $$('.elements'); //définissez votre variable objet//créez un "new" objet Accordion//définissez le tableau des "toggles"//définissez le tableau des "content"var AccordionObject = new Accordion(toggles, content); Ces paramètres par défaut pour créer un accordéon vous donneront quelque chose qui ressemblera à ça : Toggle 1 Toggle 2 Here is the content of toggle 2 Toggle 3 Here is the content of toggle 3 Les Options display Par défaut : 0 show height width.
Montrer/Cacher des blocs DIV [ Scripts des membres ] Script posté par : KevBrokVous aussi, postez vos scripts en cliquant ici.
![Montrer/Cacher des blocs DIV [ Scripts des membres ]](http://cdn.pearltrees.com/s/pic/th/montrer-scripts-javascript-11538692)
Description Ce script va vous permettre de montrer/cacher des blocs lors d'un clique, d'un survol etc... Il y a aussi une fonction qui ouvre tous les divs, un autre qui les ferment tous, et finalement, une qui les inverse (Ouvre ceux qui sont fermés, ferme ceux qui sont ouverts) Il faut créer des divs avec l'attribut id et name (Name n'est pas oubligatoire mais il permet au script d'être compactible avec les vieux navigateurs) suivit d'un numéro (préfixe + numéro). Exemple : Services email : Je désire recevoir ce script par email Je désire recevoir un email en cas de modification de ce script Je désire m'abonner à la newsletter de l'éditeur JavaScript Les annotations des visiteurs : >> Poster une annotation sur ce script.
Afficher/Cacher un div(element) en javascript - afficher cacher visible visibility style css display none hidden bouton affiche cache lien div bloc elements js css texte - Script Codes-Sources tutoriaux tutoriel astuce fonctions programmation code - Suppo. Dans ce script, je vais vous montrer comment faire un bouton qui permet d'afficher/cacher du texte en javascript. visibility est la fonction qui permet d'afficher et cacher des éléments (X)html en javascript.
Lors du clic sur le bouton, le contenu de celui-ci vas lui aussi être modifié grace à la fonction innerHTML. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " xmlns=" <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Afficher / Cacher une boite div en javascript</title> <link rel="stylesheet" media="all" title="style de la page" href="afficher_cacher_div.css" /> <script type="text/javascript" src="afficher_cacher_div.js"></script> </head> <body> <span class="bouton" id="bouton_texte" onclick="javascript:afficher_cacher('texte');">Afficher le texte</span> <div id="texte" class="texte"> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Maecenas nisl. Phasellus quis nulla sit amet leo pretium tincidunt. Morbi dui. [RESOLU] Afficher / Masquer une <DIV> en Javascript avec un effe - Alsacréations. Tutorial:Easy ExtJs Part -1 (French) - Sencha - Learn. Apprendre le Javascript : les bases du langage. Cette partie du site consacrée à Javascript ne ressemble en rien aux pages web que vous avez déjà visitées sur le même sujet !
En effet, je n'ai pas l'intention de faire un cours magistral avec des chapîtres, des tomes I et II (d'ailleurs, j'en serai bien incapable :o) et je ne pense pas que cela vous plairait !) Non, je vais vous faire aborder Javascript comme je l'ai moi-même abordé, ce qui veut dire avec plus ou moins de bonheur... Allez, c'est parti ! En HTML, pour écrire ou afficher des données, vous insérez ces données directement dans le <body> pour le texte, par la balise <img src=""> pour les images, et <embed> pour le reste.
Ce qui fait surtout l'interêt de Javascript, c'est sa capacité à s'intégrer au code html environnant. ** Exemple : Les fonctions en Javascript. En effet, il arrive très souvent que les fonctions soient bien plus complexes et bien plus "encombrantes" que cette fonction alert().
De plus, une même fonction peut être appelée plusieurs fois dans une même page web. D'où l'interêt de définir à l'avance la fonction et de la stocker dans un endroit "sûr" : la partie <head> de la page HTML. Posons que nous ayons besoin de la fonction alert() pour faire apparaître les messages "Bienvenue chez vous ! "