Dans la section Informatique

Une Image...

Initiation à Jquery UI

La librairie javascript du futur

Les librairies javascripts sont à la mode depuis maintenant quelques années et l’une d’entre elles a particulièrement le vent en poupe en ce moment, il s’agit de Jquery. Et Il faut bien avouer que ce framework javascript opensource a de quoi séduire.

Les avantages ? En utilisant cette librairie vous n’avez plus à vous inquiéter des éventuelles compatibilités avec les différents navigateurs, Jquery le fait pour vous ! De plus, la syntaxe du langage est plutôt simple, avec des connaissances de bases en HTML il est possible d’être très rapidement productif.

Mais c’est surtout le nombre de plugins impressionnant disponible sur le Web qui font le succès de Jquery. Pour ne rien gâcher, la communauté de Jquery a développé un ensemble de composants pour vos interfaces graphiques : Jquery UI. Ce sont ces quelques plugins que je vous propose de découvrir…

Demo du résultat final :

Télécharger les sources :

Préc - Suivant >>

Commentaires

Ajouter un nouveau

Rechercher

jb00ster - bravo

|41.105.43.xxx |2010-04-17 17:13:38

vrément ça fait plaisir de voir des tutos comme celui ci
bravo!!

Répondre | Citer

Kheyll - Question

|193.253.176.xxx |2010-05-04 11:38:29

Tuto très sympa =)

Petite question cependant :

Je débute un peu avec jquery et j'essai de faire une page style netvibes, avec des widget draggable qu'on pourrait supprimer.

Jusque la pas de soucis, mais j'aimerai aussi y ajouter un lien du genre "ajouter un widget" qui rechargerait mon widget "de base".. Une idée pour m'aider? ^^

Répondre | Citer

Acturus - Jquery UI Help me !

|92.137.247.xxx |2010-10-03 17:50:51

Merci pour ces tutos ! Je cherche depuis un bon moment un bon script pour faire des onglets, crawlable par les moteurs.

C'est chose faite...

Merci encore !

Répondre | Citer

KHLIF - MERCI !

|62.2.245.xxx |2010-11-25 09:25:41

Un grand MERCI pour ce magnifique tutorial.

Répondre | Citer

Franck - Question...

|92.149.16.xxx |2010-12-13 12:54:13

Bonjour,
tres bon tuto !
Je galère sur quelque chose qui va te sembler facile.
Pour le site d'un ami photographe je cherche à faire la même chose que sur ce site :
http://www.thomas-paquet.com/sites/thomas_paquet/portofolio/306000.html
redimensionner l'image quand on redimensionne la fenêtre du navigateur.. une piste ?
d'avance merci.

Répondre | Citer

windingworm

|77.198.24.xxx |2011-02-09 22:40:16

Je suis donc le seul à avoir repéré la contrepèterie?

Répondre | Citer

Jérôme

|171.16.208.xxx |2011-02-10 10:40:06

@ windingworm

Une contrepèterie ? Où ça ?

Répondre | Citer

windingworm

|77.202.21.xxx |2011-03-06 06:48:10

Citer:

DatePicker : Créer un DatePicker (pour avoir le choix dans la date...)

Répondre | Citer

Jean-Louis - Plop

|193.50.242.xxx |2011-03-16 12:17:21

Bonjour tout le monde j'ai un soucis on ne peut supprimer qu'une seul fois le bloc A quel paramètre est a changer pour le supprimé en boucle ?

Répondre | Citer

GueuG - re: Question...

|92.139.1.xxx |2011-04-20 23:29:13

Franck a écrit:

Voilà exactement ce qu'il vous faut :
http://nanotux.com/plugins/fullscreenr/index.html
Un plugin jquery

Répondre | Citer

Michel - Dimensionner et défilement des onglets

|83.134.52.xxx |2011-10-31 19:08:49

Ce que j'aimerais contrôler, c'est la dimension (sans pour autant redimensionner à la souris) le conteneur des onglets, et pouvoir faire défiler textes et images.

J'aimerais également créer des onglets verticaux à l'intérieur duquel s'insère des onglets à la vertical.

Répondre | Citer

spiffou - Création des onglets - erreur

|193.50.162.xxx |2012-01-03 11:54:03

Bonjour,

Dans le 1er exemple du tutoriel "Création des onglets", la ligne jquery ci-dessous fait appel au composant de la librairie "ui.resizable.js"
$("#menu".resizable();

Composant de la librairie :

Cette erreur apparaît uniquement sur les copies d'écran.

Bon courage à tous dans la lecture de ce tutoriel très bien fait !

Répondre | Citer