Monthjuillet 2018

[javaScript] Changer la valeur d’une variable globale depuis une fonction

Source: How do I change the value of a global variable inside of a function

[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

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.

[jQuery] Trouver la distance entre deux éléments du DOM avec la méthode Offset

Source: Find distance between two DIVs using jQuery?.

La solution ci-dessous fonctionnera si il n’y a qu’un seul élément .foo et qu’un seul élément .bar dans le DOM.

[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:

© 2020 FrontEndDeveloper

Theme by Anders NorénUp ↑