Mois : juillet 2018

[javaScript] Importer ses points de rupture (breakpoints) CSS pour les utiliser avec javaScript

Source: Importing CSS Breakpoints Into JavaScript

L’exemple utilise Bootstrap 3 mais est facilement transposable.

[JSP] Comment ajouter une classe CSS dans une vue en regard d’une condition

Source: How to set style class on td based on a condition

Trois possibilités, à la manière d’un if else en javaScript:

[jQuery] Bloquer le scroll dans la page quand un élément en position absolue est scrollable

Edit 21/01/2021: préférer la solution suivante: [CSS] Désactiver le scroll dans la page lorsqu’un élément en position absolue (de type Modale, Off-Canvas, …) est ouvert en sur-impression

Source: bloquer le scroll de la page quand on est dans une div scrollable.

[Hybris] Quels arguments à la condition c:if pour n’afficher un bloc de code que si le contenu qu’il habille est présent

Si le bloc de code n’est pas vide de contenu:

Si le bloc de code n’est pas vide de contenu et que le contenu à afficher est plus grand que « 0 »:

[iOS] Prévenir le bug de Double Tap sur iPhones et iPads

Sources: Solving The Double Tap Issue on iOS Devices (fonctionne) et The Annoying Mobile Double-Tap Link Issue et Demo (pas testé, plus propre mais plus chiant à mettre en place si pas prévu en amont du développement du projet).

En javaScript (jQuery)

ATTENTION: votre lien doit évidemment être présent dans le DOM au moment où vous ce code est exécuté. Sinon, prévoir une détection.

Si l’utilisateur doit pouvoir scroller dans la page au touch sur un lien

Si l’utilisateur doit pouvoir scroller, il ne faut pas que le touch sur un lien déclenche ce dernier!

En CSS

cf. article de Chris Coyier sur CSS Tricks…

[jQuery] Obtenir la somme des outerHeight de l’ensemble des éléments ayant la même classe

Source: Get the sum of the outerHeight of all elements of the same class.

…va me donner la somme des hauteurs des 3 éléments de la liste ci-dessus qui ont la classe .left-stack.

[Javascript] Filtrer les éléments d’un tableau et stopper à la première occurrence qui matche

ECMAScript:

Sources: JavaScript filter that stops at the first result et Array.prototype.find().

Javascript:

Source: How to Search Arrays in JavaScript: Searching Arrays Using for Loops.

[Javascript] Supprimer tous les caractères non numériques d’une chaîne avec la méthode Replace

Source: Strip all non-numeric characters from string in JavaScript.

Attention: cette méthode renverra du texte. Le code myString + 1 renverra 12381.

Pour manipuler les valeurs numériques obtenues, il faut utiliser parseInt: