background preloader

JQUERY

Facebook Twitter

jQuery progress bar Plugins. jQuery percircle.js Examples. Customizable Radial Progress Bar Plugin With jQuery. Radial Progress Bar is a lightweight jQuery plugin that uses plain HTML and CSS to draw animated, highly customizable, circular progress bars to visualize your percentage values.

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. jQuery Callback Function. How do I declare a namespace in JavaScript? 5 Different Ways to Declare Functions in jQuery. Introduction Choosing which way to declare a JavaScript function can be confusing for beginners as there are several different ways to declare functions using JavaScript/jQuery.

5 Different Ways to Declare Functions in jQuery

I’ll try to explain the benefits of each one and how and why you might use them when writing your awesome jQuery code. 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( ! /* Check for an external click */ var jqTransformCheckExternalClick = function(event) { if ($(event.target).parents('.jqTransformSelectWrapper').length === 0) { jqTransformHideSelect($(event.target)); } /* Apply document listener */ var jqTransformAddDocumentListener = function (){ $(document).mousedown(jqTransformCheckExternalClick);

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

Normally we hide the elements using the style property or using visible property of an element. 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

There is requirement for me to create a multi tab navigation to hide and show tab content. In order to develop a lightweight multitab, I decided to use jQuery and CSS to facilitate it. 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. 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! Chosen is a jQuery Plugin, which gives some beautifully looking multiple selects in your form. The select can have some options populated, and the user can select one or multiple of them.

Recently, while using this plugin, I wanted to allow the user to add his own values to the list dynamically. Currently, in case the value is not there in the result, a ‘No result found’ message is shown. No result found text. I googled for a solution, and got some tweaks. 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) The progressbar consists out of three zones: safe, warning and danger.

The safe zone is displayed in green, the warning zone in orange and red is used for the danger zone. By default the following percentages are used for the zones: 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. 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.

The map file is not required for users to run jQuery, it just improves the developer's debugger experience. As of jQuery 1.11.0/2.1.0 the //# sourceMappingURL comment is not included in the compressed file. To locally download these files, right-click the link and select "Save as... " from the menu. 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. It is a Scheme-like language with C-like syntax and soft objects. JavaScript was standardized in the ECMAScript Language Specification, Third Edition. JSON is a subset of the object literal notation of JavaScript.

Since JSON is a subset of JavaScript, it can be used in the language with no muss or fuss. 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, 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. 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? 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. En parcourant les forums d’entraide, j’ai remarqué qu’il y a énormément de questions autour du dialogue client <=> serveur, bien souvent on parle de Javascript et PHP.

On va donc parler d’AJAX (Asynchronous JavaScript and XML), vous avez dû en entendre parler. C’est en quelque sorte une « technologie » proposée par les navigateurs qui permet d’envoyer des requêtes HTTP (celles-ci peuvent être synchrones ou asynchrones, ceci est très important). .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.