background preloader

Ajax - JS

Facebook Twitter

Modification \'inline\' de données avec AJAX. Le code que je vais vous présenter ici ne respecte pas exactement l'ordre de l'analyse présentée ci-dessus.

Modification \'inline\' de données avec AJAX

L'esprit est le même bien sûr, mais le mode de fonctionnement du Javascript et notamment les possibilités offertes par la manipulation du DOM permettent de regrouper certaines étapes. Avant toute chose, afin qu'une seule édition ne soit effectuée à la fois, nous allons introduire une variable globale de type booléen qui nous permettra de valider ou non le passage au mode d'édition suivant qu'une édition est déjà en cours. Un test sur cette variable en début de fonction permettra ce contrôle : var editionEnCours = false; function inlineMod(id, obj, nomValeur, type) { if(editionEnCours) { return false; } else { editionEnCours = true; }

Développement web & logiciel, audiovisuel & communication. A powerful jQuery slideshow. SlideMe! Un slideshow jQuery performant, fullscreen et responsive. SlideMe!

SlideMe! Un slideshow jQuery performant, fullscreen et responsive

Est un plugin jQuery permettant de mettre en place un slideshow moderne utilisant des transitions CSS3 et étant totalement responsive. Nouveau venu parmi les slideshows jQuery, SlideMe! Arrive directement dans la catégorie des sliders modernes qui vont parfaitement s'intégrer dans n'importe quel type de design: Flat, Responsive, classique ... Nous ne sommes pas dans le bling bling avec des transitions plus folles les unes que les autres, au contraire, SlideMe!

Propose nativement quelques transitions simples mais subtiles comme slidr.js. FileAPI: La bibliothèque JS complète pour manipuler des fichiers. FileAPI est une bibliothèque Javascript complète proposant de nombreuses fonctionnalités pour manipuler des fichiers.

FileAPI: La bibliothèque JS complète pour manipuler des fichiers

FileAPI vous permettra de manipuler facilement des fichiers et en particulier des images: Méthodes de gestion de fichiers et informations sur les fichiersUpload d'images simples et multiplesSupport du drag and drop pour l'uploadRedimensionnement, crop et rotation d'imagesApplication de filtres sur les imagesGestion de la caméraEtc Idéal si vous utilisez Node.js, ou même un script JS classique, plus de prises de têtes pour manipuler les fichiers.

jQuery liScroll - a jQuery News Ticker. FlipClock.js. iCheck - Des checkbox et radio boutons design avec jQuery. Fancy Input - CSS3 text typing effects for input fields. jQuery PowerTip. PowerTip features a very flexible design that is easy to customize, gives you a number of different ways to use the tooltips, has APIs for developers, and supports adding complex data to tooltips.

jQuery PowerTip

It is being actively developed and maintained, and provides a very fluid user experience. Download v1.2.0Zip file with examples, CSS, and script. Here are some basic examples of PowerTip in actions. You can also fiddle with PowerTip on the official JSFiddle demo. JQuery Cycle Plugin. Check out Cycle2, the latest in the Cycle line of slideshows.

JQuery Cycle Plugin

The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. The plugin provides a method called cycle which is invoked on a container element. Each child element of the container becomes a "slide". Images are used in these demos because they look cool, but slideshows are not limited to images. Use the Effects Browser page to preview the available effects. For more about options, see the Options Reference page. Frequently Asked Questions Special thanks to Torsten Baldes, Matt Oakes, and Ben Sterling for the many ideas that got me started on writing Cycle in 2007.

Grid Accordion Preview. Simple Accordion with CSS & jQuery by Soh Tanaka. jQuery Nested Accordion - demo 1. Accordion 3 can be used for site navigation.

jQuery Nested Accordion - demo 1

The sub-list with the anchor whose target matches the current location and the sub-list under it (if any) are initially expanded. To see it in action, click one of the items with same-page link and then reload the page. (All the items under Item 1 have same-page links.) Main content Accordion 1 - Nested Lists + Headings + DIVs Activated whenever a 'click' event occurs. Heading 1 Heading a Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Affiché/masquer plusieurs DIV (JAVASCRIPT) Download - jQuery Smooth Div Scroll - Thomas Kahn. jQuery Copy to Clipboard 4 Options. Clipboard Copy.

21 Examples of Parallax Scrolling in Web Design. Parallax is a difference in the in the apparent position of an object viewed along different lines of sight.

21 Examples of Parallax Scrolling in Web Design

The term derives from the Greek word parallaxis, meaning alteration. In web design, the parallax effect is a relatively new trend. The effect itself has been around for a while, but lately is becoming more used and talked about. The Parallax effect or parallax scrolling in web design is the technique that features layered images that move around the website in different speeds/perspectives creating a nice and interesting 3D illusion. We gathered some examples of websites using the parallax effect to inspire you. Cultural solutions uk Campaign Monitor is Hiring International Watch Co Nike Better World Old Pulteney Row to the Pole Webdesign Karlsruhe YEBO Creative Head2Heart Len M iutopi Drupalcon Denver 2012 Ben the Body Guard Fingerbilliards Kisko Labs Guy Vernes. Download jQuery and Html5 file upload. AjaxShake - Getting the best out of Javascript!, jQuery Ajax Examples - AJAX.

Download Photo strips effect with lightbox using jQuery. DataTables.