dimanche , 24 septembre 2017

jquery

jQuery loader

Nous allons voir comment réaliser un plug-in loader (chargement) de page avec JavaScript et notamment avec la toute dernière version de jQuery. Avant de rentrer dans le vif du sujet, il est important de comprendre le fonctionnement général du chargement de la page. Dans un premier temps, la page html DOM se charge puis, dans un second temps, les divers ...

Lire la suite »

jQuery bulle

Nous allons créer une info bulle simple au survol d'un élément, ceci avec juste quelques lignes de code, nous utiliserons la bibliothèque jQuery.

Lire la suite »

Jquery ajax

Voici un petit exemple de l’utilisation de Jquery et Ajax qui va nous permettre de charger le contenu d’une autre page sans recharger notre page.

Lire la suite »

Simple popup onload avec delay avant fermeture

Cette fois ci nous allons créer une popup au chargement du site style lightbox mais sans utilisation d’une bibliothèque externe. Pour cela nous faut : styliser  un fond avec une légère opacité qui passera devant le site styliser notre div popup par dessus ce fond ajouter un bouton de fermeture programmer l’ouverture de la popup au chargement du site programmer ...

Lire la suite »

Jquery fancybox onload + delay avant fermeture + cookie

Voici un script permettant d'ouvrir une popup à l'ouverture d'une page html, de paramétrer la fermeture automatique, créer un cookie et ainsi pouvoir spécifier que cette popup s'ouvrira qu'une fois toutes les 24heures par exemple.

Lire la suite »

Jquery fancybox onload + delay avant fermeture

De nouveau un petit script permettant l'ouverture d'une popup style lightbox au chargement de la page, on pourra également programmer sa fermeture.

Lire la suite »

Jquery lightbox onload

Voici un petit script qui permet d’ouvrir une fenêtre style facebox au chargement d’une page, et également la possibilité de la refermer automatiquement après un temps donné. [voir l’exemple] Tout d’abord dans la section head de votre page : Puis le style de la lightbox : Maintenant créons notre div#facebox juste après la balise body et pour finir l’appel juste ...

Lire la suite »