Fermer

Quelques petit bouts de code Javascript

Langage de programmation employé pour les pages web interactive ; il est vite devenu avec le temps incontournable ! Que ce soit je Javascript natif ou avec des bibliothèques telles que jQuery.

Javascript retirer des attributs

Sur un site WordPress, des attributs (srcset et sizes) sont ajouté sur des éléments de bannières. Et il me gêne pour avoir un rendu propre de mes images sur les téléphones. Un petit script Javascript pour retirer ces deux attributs en Javascript

Javascript Menu Burger

Ajoute une classe active sur deux éléments HTML afin de gérer le hamburger. Premier clic sur le hamburger, la classe est ajoutée. Deuxième clic sur le hamburger, la classe est retirée. Javascript sans bibliothèque jQuery.

Javascript menu burger sur un onePage

Sur un site One Page, j’ai un menu burger pour aller à une partie de mon document HTML. Le problème est que lorsque le burger est affiché et que je clic sur une section, le menu burger ne se repliait pas. La function lance attends le clic sur un des éléments de menu (<a>) ; puis retire la classe active au burger pour le replier.

Javascript préchargement images

Mon document HTML contient sur al balise <body> une classe loading. Cette classe permet d’afficher un petit image de chargement. En tâche de fond en Javascript, je sélectionne tous les éléments contenant la classe item__img afin de télécharger les (lourdes) images. Une fois le téléchargement de toutes les images terminés, je retire la classe loading du <body>.

Javascript attendre la fin du chargement du document HTML

Pour lancer divers scripts, il me fallait attendre que le fichier HTML soit entièrement chargé pour lancer des fonctionnalités. Ceci se fait facilement avec la bibliothèque jQuery.

Javascript pour afficher un élément après le scroll dans la page

Sur un site très long, j’attends que mon internaute scrolle un peu dans la page avant de faire apparaître l’élément #button

Javascript pour remonter en haut de page progressivement

Sur un site très long, j’ai un bouton pour remontrer en haut de page. J’écoute le clic sur l

e bouton qui a la classe click ; afin d’utiliser la function animate pour remonter en haut de page.

Laisser un commentaire

Votre adresse email ne sera pas publié. Required fields are marked *