background preloader

JQUERY

Facebook Twitter

FlexSlider 2. The Order Property: Flexbox Carousels – Insightful Software. FlexSlider 2. jQuery progress bar Plugins. jQuery percircle.js Examples. Customizable Radial Progress Bar Plugin With jQuery. jQuery Progress Circle Plugin Demos. Simple Circle Progress Indicator Plugin with jQuery and CSS3 - Progress Circle. jQuery progress bar Plugins. Les sélecteurs. Avant de se lancer dans une foule de sélecteurs propres à jQuery tous plus compliqués les uns que les autres (non, on plaisante ), il est nécessaire de débuter par des sélecteurs plus basiques.

Les sélecteurs

En effet, le framework que nous étudions fonctionne tout d'abord avec les sélecteurs de CSS. jQuery Callback Function. How do I declare a namespace in JavaScript? 5 Different Ways to Declare Functions in jQuery. Introduction.

5 Different Ways to Declare Functions in jQuery

Organizing jQuery projects: Objects and Namespaces. This is a pattern we’ve been using to organize a big jQuery project that is now composed of 150+ files.

Organizing jQuery projects: Objects and Namespaces

When we first started with the project, we kept all page components in their respective jQuery plugins. This was good enough at that time. But as the project grew it became harder and harder to maintain it. OpenClassrooms - Les sélecteurs. 5 Different Ways to Declare Functions in jQuery. How to enable/disable chosen dropdown using jquery - jQuery Forum. Select state dropdown list does not allow me to click the first letter of the state name to quickly find the state.

How to enable/disable chosen dropdown using jquery - jQuery Forum

In other words if I click the letter 't' the drop down box should automatically select Tennessee. i am using this script, i am new for js script please any body help me on this issue . /* Hide all open selects */ var jqTransformHideSelect = function(oTarget){ var ulVisible = $('.jqTransformSelectWrapper ul:visible'); ulVisible.each(function(){ var oSelect = $(this).parents(".jqTransformSelectWrapper:first").find("select").get(0); //do not hide if click on the label object associated to the select if( ! Personnaliser l'aspect des boutons radio et checkbox en CSS - CSS / CSS3. Ces derniers jours je passe un peu de temps sur la recherche autour des éléments de formulaire.

Personnaliser l'aspect des boutons radio et checkbox en CSS - CSS / CSS3

Plugins

Plus loin dans la gestion événementielle. Sans le savoir, vous avez utilisé la version simplifiée de la méthode on() dans toutes les méthodes événementielles étudiées jusqu'ici.

Plus loin dans la gestion événementielle

Le tableau suivant donne quelques correspondances entre les méthodes traditionnelles et les méthodes on() équivalentes. Learn ASP.NET: Jquery Hide. Today we will see the power of Jquery and the ease with which we can hide the elements.

Learn ASP.NET: Jquery Hide

How to use CSS and jQuery to hide and show tab content. Demo : Try clicks on the tab When I developing my foodshaker.com.

How to use CSS and jQuery to hide and show tab content

Edit fiddle. How to get the clicked tabbed pane in jquery. Déclencher un clic artificiel avec jQuery. En règle général, les événements proviennent d'une action de l'utilisateur, comme le clic sur un lien.

Déclencher un clic artificiel avec jQuery

Cet événement va provoquer l'exécution de tous les handler javascript attachés à l'élément cliqué, et au type d'événement généré : le clic. Après l'exécution du javascript, le navigateur va exécuter le comportement par défaut pour l'événement ; pour le clic sur un lien, le navigateur va charger la page ciblée par le lien (l'URL).

Accessible Smooth jQuery Toggle Panel & Accordion Plugin. A lightweight jQuery & CSS3 based accordion plugin to create accessible, smooth toggle panels following the WAI-ARIA Design patterns.

Accessible Smooth jQuery Toggle Panel & Accordion Plugin

Key features: Responsive design for any devices. Easy keyboard navigation. Super smooth sliding effects based on CSS3 transitions. If JS is inactive, content will be unstyled and displayed. How to use it: jQuery Paper Collapse Plugin Demo. jQuery Drawer.js Example. Tutoriel jQuery : Upload en Drag & Drop. Tutoriel jQuery : Upload en Drag & Drop. Upload en Drag & Drop. Adding new values to chosen plugin. Hey there! Jquery date picker z-index issue. Animated Circle Progress Bar with jQuery and SVG - asPieProgress.

AsPieProgress is a lightweight jQuery plugin that makes use of SVG to draw an animated pie chart-like circular progress bar with percentage and text label display. The plugin is developed under the GPL licence. See also: How to use it: Sérialisez vos objets au format JSON ! Knob Clock. [jQuery] utilisation de .each() pour boucler. Bootstrap-progressbar. Multi-Color Progressbar for Twitter Bootstrap Multi-Color progressbar component for Twitter Bootstrap creates a progressbar which consists out of three colors or zones. Green (bar-success) Orange (bar-warning) Red (bar-danger) Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes. Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.

Downloads Project Source Contribute Standard Select Turns This Into This. ExtendBootstrap - Extend Bootstrap with essential plugins and components. Pguso/jquery-plugin-circliful. Chart & Graph Category. Menu horizontal et sous-menu horizontal responsive. MegaNavbar: advanced Bootstrap navbar plugin. Download jQuery. Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in production. You can also download a sourcemap file for use when debugging with a compressed file. Support » GET /wp-admin/jquery-1.10.2.min.map 404 (Not Found) Tutorial. Une galerie d'images simple avec jQuery. Sly. Introduction Sly is a JavaScript library for advanced one-directional scrolling with item based navigation support.

It can be used as a simple scrollbar replacement, as an advanced item based navigation tool, or as a great navigation and animation interface for parallax websites. This is achieved by a powerful & developer friendly API that provides a bunch of very useful methods giving you control over everything.

Bootstrap

In JavaScript. JavaScript is a general purpose programming language that was introduced as the page scripting language for Netscape Navigator. It is still widely believed to be a subset of Java, but it is not. Insérer et remplacer des éléments dans le DOM. Jui_pagination docs - jQuery pagination plugin. $("#element_id").jui_pagination({ totalPages: 100, containerClass: 'some_class', currentPage: 1, visiblePageLinks: 5, jQuery Datepicker localization. Original Hover Effects with CSS3. Giga Image Viewer. Lorem ipsum #1 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Click me #2. Velocity.js. Tutoriel Javascript : VelocityJS. Php - bootstrap twitter datepicker + modal - calendar coming up in parent screen instead of modal screen. Datepicker. Parallax slider. 40 JavaScript lightboxes(included jQuery and MooTools) GrdiPanel dynamique avec pagination. Le but de ce tutoriel est d'ajouter à notre tableau dynamique une barre de pagination. Cela sous entend que notre tableau ne contient pas tout les enregistrements. il ne stocke que ceux qu'il affiche. par conséquent, il devra demander à PHP de lui transmettre les nouveaux enregistrements à chaque fois que l'on clique sur page suivante ou précédente.

De même, lorsque l'on clique sur ordonner une colonne. 9 plugins jQuery pour réaliser des effets de parallaxe. Tendance désormais bien ancrée dans le paysage du webdesign, le défilement parallaxe (ou scrolling différentiel) est une technique qui consiste à donner une impression de profondeur à travers des portions de décors défilant à vitesse variable. Carousel. Tiny Circleslider: A lightweight cross browser circular carousel. What is it?

Tinycircleslider is a circular slider / carousel. That was built to provide webdevelopers with a cool but subtle alternative to all those standard carousels. jQuery Slider, WordPress Diaporama, jQuery Galerie Vidéo. Envoyer un formulaire en AJAX avec jQuery et JSON - chez Syl. Dernière mise à jour : juin 2014 Ce qui va suivre ne prétend pas être un cours et n’est donc pas exhaustif. .append() jQuery Effects - Fading. .delay() JQuery Cycle Plugin.

Twiter Bootstrap

Alternative jQuery Docs. Dynamisez vos sites web avec Javascript ! Jquery change input text value. jQuery API Documentation.