Monthjuillet 2019

[AngularJS] Générer des IDs uniques par ng-repeat avec $id, $parent, $index

Source: Directive template unique IDs for elements in AngularJS

Source: ngRepeat dans la documentation officielle d’Angular JS

[jQuery] Empêcher le composant dropdown de Bootstrap 3 de se refermer lorsqu’on clique à l’intérieur de celui-ci

Placer une classe .dontCloseDropdown sur chaque élément cliquable présent dans le Dropdown qui ne doit pas refermer ce dernier.

[jQuery] Détecter les changements d’état (coché/pas coché) d’un champ radio ou checkbox et agir en fonction

Sources:

[VirtualBox] Plantage partage samba d’un Ubuntu Server sous Windows – Installer les additions invité

Installer les additions invité VirtualBox dans Debian

Lorsqu’on installe Debian dans VirtualBox, la souris ne sort pas de la machine virtuelle, les performances ne sont pas toujours au rendez-vous.
Voici comment installer les additions invité VirtualBox.

[CSS] Une modale plein écran sans JavaScript (uniquement avec CSS/SCSS)

Code pen: No JS modal popup window

Fonctionnel IE11, Edge, Chrome, iPhone5, Android…

Troubleshooting:

How can I prevent the browser from scrolling on top of the page when clicking the checkbox?. Cf: solution 2 avec le display: none;

[UI/UX Design] Retours d’expérience sur des plugins JavaScript améliorant l’ergonomie des formulaires

Champs <strong><code><input type="date" />: datepickers

Flatpickr

  • Utilisé en prod: Oui
  • Version utilisée: v4.6.1 (dernière en date le 04/07/2019)
  • Compatibilité approuvée avec jQuery version: 1.10.2

Plugin Flatpickr: astuces d’utilisation

Plugin Flatpickr: problèmes rencontrés et solutions (troubleshooting)

Ne pas utiliser d’input type= »date »

L'input type="date" fera apparaître le datepicker natif du navigateur en plus de celui du plugin Flatpickr. Il faut utiliser input type="text".

Conflits avec la librairie JS Prototype et l’utilisation par Flatpickr de la méthode .map()

Merci Kévin pour avoir remonté le problème et fourni une solution 🙂

Les sources de Flatpickr utilisent la méthode .map() qui génère des conflits lorsque la librairie JS Prototype est également chargée dans la page. C’est le cas, notamment, de tous les projets Magento 1.9.x.

Il faut modifier le code source de Flatpickr comme suit (ici, la version 4.6.1 minifiée). Repérer les 3 lignes suivantes (269-271 normalement) :

…et les remplacer par:

Champs <input type="tel" />: téléphone

International Telephone Input

  • Utilisé en prod: Oui (https://www.stock-booking.com/ – Formulaire de demande de devis accessible depuis les fiches produit/entrepôt)
  • Version utilisée: v16.0.0 (et plus précisément, le build jQuery)
  • Compatibilité approuvée avec jQuery version: 1.10.2

Plugin : astuces d’utilisation

Plugin : problèmes rencontrés et solutions (troubleshooting)

  • Version utilisée: ()
  • Compatibilité approuvée avec jQuery version: 1.10.2
  • Plugin : astuces d’utilisation

    Plugin : problèmes rencontrés et solutions (troubleshooting)

    © 2020 FrontEndDeveloper

    Theme by Anders NorénUp ↑