jQuery

Voici ce à quoi nous voulons parvenir : A l »intérieur d’une section de page, nous voulons créer un compteur qui affiche le nombre d’articles par catégories. Celui-ci doit démarrer lorsque la section rentre au scroll dans le view port. Voici le code php à placer dans la page où l’on veut afficher le compteur. Et […]

Voici un bout de code jquery, recopié tel quel depuis les templates de codyhouse. Cet effet contrairement à d’autres de leurs template, a l’avantage de s’appliquer directement et marche à merveille sans effort. Je le recopie donc pour le garder en réserve. J’ai une div.home_image qui contient une image en arrière plan. En appliquant tel […]

Voici un petit mémo de rappel pour entourer toutes ses iframes google,  ses vidéos youtube ou ses cartes google map, par des balises additionnelles. Cela peut être utile pour définir une règle pour toutes les iframes google d’un site par exemple et laisser intactes les autres provenant d’autres sources; Ci-dessousi j’entoure tous mes iframes Youtube […]

Voici un petit bout de code de rappel pour faire appraître et disparaître son titre ou tout autre élément en fonction du scroll de l’utilisateur. Le chiffre 50 correspond au nombre de pixel à partir duquel la fonction agit. A régler en fonction de ses besoins.

Dans ce petit mémo, on va voir une petite fonction bien utile pour raccourcir le texte de la navigation dans un site wordpress. Au bas de chaque article, on a généralement des flèches ou une div censée nous afficher l’article suivant, ou l’article précédent. Si le titre est trop long, cela risque de casser la […]

On trouve sur internet de nombreux exemples, plus ou moins complexes, d’indicateur de scroll. Ceci est utile pour des blogs ou des sites affichant de longs articles, et cela rajoute au design global. Il s’agit de cette barre souvent placée au dessus ou sous le menu, qui progresse en fonction de l’action de l’internaute sur […]

Aujourd’hui on va créer un tableau customisé grace à DataTable JS, que vous pouvez trouver sur cette page .Ce plugin js nous permet de rajouter une pagination, des outils de sélection, de filtrage, et tout un tas d’option pour améliorer le rendu visuel d’un tableau classique. Si l’on regarde l’affichage par défaut d’un tableau grâce au plugin […]

Voici un petit exemple tout simple en jQuery pour ajoter un élement <span></span> dans un titre.Voici un exemple concret. On a par exemple un titre h1 ce titre on voudrait l’entourer de deux lignes latérales pour l’enjoliver: Comme les titres sont générés automatiquement par wordpress, on ne peut pas intervenir sur le code html lui […]

Voici une petite fonction récupérée qui peut servir: Dans l’exemple ci dessus, la fonction retire tout placeholder une fois qu’on clique dans l’input