Le bloc-notes professionnel d'un développeur front-end senior
Source: Directive template unique IDs for elements in AngularJS
|
1 2 3 4 |
<div class="myDirective"> <input type="checkbox" id="myItem_{{$id}}" /> <label for="myItem_{{$id}}">open myItem_{{$id}}</label> </div> |
Source: ngRepeat dans la documentation officielle d’Angular JS
Placer une classe .dontCloseDropdown sur chaque élément cliquable présent dans le Dropdown qui ne doit pas refermer ce dernier.
|
1 2 3 |
$('.dontCloseDropdown').on('click', function(e) { e.stopPropagation(); }); |
Sources:
|
1 |
<input type="checkbox" id="" class"js-selectRow" name="" value="" /> |
|
1 2 3 4 5 6 7 8 9 10 |
$(document).on('change', '.js-selectRow', function() { const $_THIS = $(this); if ( $_THIS.prop('checked') === true ) { // if is checked do sth... $_THIS.closest('tr').addClass('row-isSelected'); } else if ( $_THIS.prop('checked') === false ) { // if is not checked do sth else... $_THIS.closest('tr').removeClass('row-isSelected'); } }); |
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.
Code pen: No JS modal popup window
Fonctionnel IE11, Edge, Chrome, iPhone5, Android…
How can I prevent the browser from scrolling on top of the page when clicking the checkbox?. Cf: solution 2 avec le display: none;
Champs <strong><code><input type="date" />: datepickersL'input type="date" fera apparaître le datepicker natif du navigateur en plus de celui du plugin Flatpickr. Il faut utiliser input type="text".
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) :
|
1 2 3 |
return void 0 !== i.formatDate ? i.formatDate(e, t, a) : t.split("").map(function (t, n, o) { return h[t] && "\\" !== o[n - 1] ? h[t](e, a, i) : "\\" !== t ? t : "" }).join("") |
…et les remplacer par:
|
1 2 3 4 5 6 7 8 9 10 11 |
// Fallback for Flatpickr utilization on pages that load Prototype JS. Indeed, Prototype overide the map // function and its implementation doesn't manage the thrird parameter. if (typeof Prototype == "object") { return void 0 !== i.formatDate ? i.formatDate(e, t, a) : t.split("").map(function (t, n) { return h[t] && "\\" !== this[n - 1] ? h[t](e, a, i) : "\\" !== t ? t : "" }, t).join("") } else { return void 0 !== i.formatDate ? i.formatDate(e, t, a) : t.split("").map(function (t, n, o) { return h[t] && "\\" !== o[n - 1] ? h[t](e, a, i) : "\\" !== t ? t : "" }).join("") } |
<input type="tel" />: téléphone