Tag: jquery

jQuery Highlight : Mettez vos résutats de recherche en évidence !

Il existe un plugin jQuery pour mettre en évidence une chaîne de caractères dans un paragraphe. Voici le résultat : Attention ce code est particulièrement compliqué :-) : $("#i...

3 solutions gratuites de génération de graphiques coté client qui valent le coup !

Voici 3 solutions open-sources pour faire des graphiques coté client. Morris.js (BSD): Basé sur D3.js  GRaphaeljs (MIT) : Basé sur Raphaeljs Elycharts (MIT) : Basé sur Raphaeljs Ces ...

Livequery : le plugin jQuery qui permet de faire fonctionner des plugins comme avec live()

Il arrive souvent dans son code javascript d'utiliser des plugins jquery qui s'utilisent de cette manière : $('.ma_classe').monPlugin(); L'inconvénient c'est qu'avec certains plugins...

Les ressources / articles web dev de ces derniers jours

Voici les quelques ressources que j'ai trouvé intéressante ces derniers jours (ça fait office de post-it en ce qui me concerne). Framework html / css / js : https://www.99lime.com/ j...

jQuery et Raphaeljs2 : petite guerre de couple sur les objets draggable

Pour un petit projet (enfin plus un proof of concept qu'un projet pour le moment), je souhaitai faire du drag sur des éléments raphael (librairie svg) (rect svg) et également sur le ...

Préparer MarkItup pour rails 3.1

Bon voilà dans l'attente d'un gros article, en voici un plus petit qui explique comment préparer markitup pour rails 3. Je pars du principe que vous êtes dans votre projet rails. Tél...

Un plugin jquery pour faire un background animé - MyFloatingBg

MyFloatingBg est un plugin jquery qui permet de faire bougé son background. Cela peut-être pratique et si c'est bien travaillé ça peut-être très joli. Bon mais faut pas en abusé hein...

Plugin jquery pour générer des qrcodes avec canvas d'html5

Voici un plugin jQuery permettant d'afficher un qrcode (grâce à jquery et canvas d'html5) sur une page web. L'utilisation est simple : $('#qrcode').qrcode("this plugin is great...

Jquery ujs : bug du link_to confirm dialog toujours executé

Avec le helper link_to vous avez la possibilité d'utiliser l'option :confirm => "Etes vous sur ?" qui permet d'afficher une belle boite de dialogue de confirmation (util...

jNotify : plugin jquery pour l'affichage de message de notification

J'ai trouvé ce plugin vraiment clean donc j'en fait profiter ! Il permet d'avoir des messages box d'avertissement, succès ou d'erreur qui disparaissent au bout d'un délai personnalis...

Plugin jquery Isotope : le quicksand ^ 10

Vous connaissez Quicksand ? Mais si le plugin jquery qui affiche / masque / ordonne des éléments de manière super classe. (https://razorjack.net/quicksand/ (Licence MIT)). Et bien vo...

Lazyload un plugin jQuery pour différer le chargement des images dans l'ordre de visibilité

Voici un plugin jQuery Lazyload, ce plugin permet de charger les images dans l'ordre visible d'apparition. Ainsi les images du bas de votre site ne s'afficheront que lorsque le scrol...

Ascenseur ou scrollbar en html css javascript jquery

Bon je n'ai pas l'habitude de faire des billets sur mes flux rss mais bon. De nombreuses personnes cherchent comment personnaliser les scrollbars (ascenseur) en html css. Bon en fait...

Plugin jquery - header de table toujours visible

Voici un petit plugin jquery bien pratique qui permet d'avoir un header de table toujours visible en haut du tableau quand on scroll. Non seulement le plugin fait ce qu'on lui demand...

$(document).ready(); VS $(window).load();

J'ai eu un petit bug aujourd'hui pour centrer verticallement un div (enfin une image !) J'utilise cette fonction jquery (function ($) { // VERTICALLY ALIGN FUNCTION $.fn.vAlign = fun...

Background auto-resize - Redimmentionnement automatique d'un background image

Bon tout est dans le titre. Ce plugin jquery permet à votre background de s'adapter à la taille du navigateur (et donc de votre écran). Tout se passe ici : https://www.aaronvanderzwa...

Rails3 : Comment utiliser les helpers AJAX de rails2 avec jquery

Il faut réinstaller les helpers : rails plugin install git://github.com/rails/prototype_legacy_helper Installer jrails qui surcharge les helpers pour utiliser jquery Dans le gemfile ...

Bouton avec background animé Jquery

Un article pour faire des boutons avec un background animé. Tuto : https://snook.ca/archives/javascript/jquery-bg-image-animations/ Deme / exemple : https://snook.ca/technical/jquery...

Unpack et Unminify javascript

Il arrive qu'on ai besoin de lire le code source d'un script minifié sur un site internet ! Et bien il existe un outil en ligne qui fait ça bien : https://jsbeautifier.org/ Vous cop...

Concours développement Web - Développez.net - Horloge

Il y a en ce moment un concours sur developpez.net pour concevoir une horloge originale ! Donc à votre clavier et que le plus innovant gagne ! J'ai fini le mien ! Même s'il est pas ...

Cheatsheets CSS, JAVASCRIPT, HTML, PHP, WEB, DESIGN, SEO

Voici une bonne panoplie de cheatsheets CSS, JAVASCRIPT, HTML, PHP, WEB, DESIGN, SEO https://spyrestudios.com/mega-collection-of-cheatsheets-for-designer-developers/ Régalez-vous !

Picbox visualisateur d'image en javascript avec zoom

Picbox visualisateur d'image en javascript avec zoom. Compatible JQuery et Mootools. Bon je ne vais pas m'étendre car une demo vaut mieux que des mots :p. demo par là : https://bunny...

full html css sprite jquery - no flash

Faire des sprites css (animé) vous tente ? Avec Javascript bien sur (jQuery) parce que comme moi vous haïssez flash.... Pas de problème spritely est la réponse... https://www.sprite...

Des boutons cohérents grâce à jQuery UI

Vous souhaitez des boutons cohérents pour vos liens, boutons, et submit. Evidemment, ils doivent être jolis et dynamiques... et cross navigateur ! Et bien jQuery l'a fait pour vous ...

26 trucs et astuces pour jquery

Un lien très intéressant avec des astuces jQuery : https://www.opensourcehunter.com/2010/02/27/26-cool-and-usefull-jquery-tips-tricks-solutions/ Plus d'excuse quand un client vous d...

Gestures ou reconnaissance de mouvement (tracés) avec JQuery Super Gestures

Vous connaissez les gestures ? Il s'agit des mouvements reconnus par ordinateur (mouvement de souris par la gauche pour aller à l'image suivante, mouvement par la droite pour l'image...

YoxView - Galerie JQuery lightbox like avec Slideshow

YoxView est une superbe galerie jQuery avec SlideShow, elle est paramêtre en francisable (ça se dit ?). Bon pas la peine de s'éterniser voici le lien : https://www.yoxigen.com/yoxvi...

jparallax le plugin jQuery pour des effets sympa inutile donc indispensable

Jparallax permet de faire des effets super sympa mais d'une utilitée discutable, en tout cas moi je trouve tout ça mignon, et la mort de flash approche toujours plus. La principale ...

Centrer un div position:fixed avec jquery et css

Bon marre de me battre avec CSS pour faire des choses pas conventionnelles... Je voulais centrer un div en position:fixed avec jquery (avec des div de taille différente). Réponse tro...

Jquery numpad - Pavé numérique jquery et l'autocomplétion

Vous utilisez le keypad (Pavé numérique) jquery suivant https://keith-wood.name/keypad.html et l'auto complétion ne fonctionne pas ? Il faut rajouter ceci dans les options du keypad ...

Faire une pause en javascript, wait, sleep

Si vous faites du javascript, vous vous êtes certainement déjà posé cette question : Comment faire une pause en javascript ? Il existe deux plugins sleep et delay, et le mix des deux...