Une baie sur l'île Kastellorizo en Grèce, et les textes javascript et ResizeObserver en surimpression

Surveiller le changement de taille d’un élément

ResizeObserver ResizeObserver est une interface javascript, utilisable dans tous les navigateurs récents, sauf évidemment Internet Explorer. ResizeObserver() crée et retourne un nouvel objet Resize Observer. Méthodes observe() : Initialise...
Observer le changement du DOM

Observer l’ajout/le retrait d’une classe d’un élément | jQuery/js

Pour observer un changement dans le DOM, on utilise MutationObserver, un moyen de réagir au changement du DOM, et qui remplace MutationEvents défini dans la spécification DOM3 Events. Le...
Sur fond jaune et bleu javascript et jquery ecma script écrits avec le logo js

Snippets en javaScript et jQuery

Afficher la localisation du script js sans le domaine origin Cette technique n’est pas forcément disponible sur tous les navigateurs et reste expérimental. On utilise l’objet document.currentScript : const...
Déclencher l'événement load sur les images

Déclencher l’événement LOAD sur les images

L’événement load de jQuery ne se déclenche pas forcément sur les images. Si une image est déjà présente dans le cache du navigateur, ou si celle-ci est complètement chargée...
Ctrl+S dans wordPress

Ctrl+S Cmd+S pour valider & enregistrer dans wordPress

Lorsque l’on doit valider des actions ou enregistrer le travail très souvent, le raccourci Crtl+S ou Cmd+S s’avère très rapidement incontournable. Son utilisation dans le backend de wordPress permet de gagner...
animate.css

Utiliser animate.css – Animations CSS3

animate.css est une feuille de style qui utilise les animations CCS3. Celles-ci sont obtenues en appliquant des classes CSS définissant ces transitions/animations. On applique la classe animated et celle de...
Evénement touch dans Chrome

Les évènements tactiles disparus de Chrome

Après la mise à jour vers windows 10, les événements tactiles pour les écrans ayant cette fonctionnalité ne sont plus pris en charge dans Chrome. Afin de remédier à cela,...
Image illustrant l'article youtube de Murviel Info Béziers

Ajouter des videos YouTube dans wordPress via API iframe

Afin d’ajouter des vidéos youTube et pouvoir les contrôler avec javaScript, on utilise l’API iframe de youTube. Ceci permet, par exemple, si l’on insère plusieurs vidéos dans un article,...
touch events

Événements touch dans jQuery

Pour utliser « touchmouve », le code doit commencer par preventDefault(). On définit ensuite notre événement touch que l’on conditionne avec originalEvent et changedTouches. Lorsque ce touchmove est déclenché sur l’élément,...