Le bloc-notes professionnel d'un développeur front-end senior
Source: Pure javascript method to wrap content in a div
|
1 2 3 4 5 6 7 8 9 10 |
function wrap(el, wrapper) { el.parentNode.insertBefore(wrapper, el); wrapper.appendChild(el); } // example: wrapping an element $_SUMMARY_CONTAINER into a new div element with class uk-offcanvas-bar let $_OFFCANVAS_BAR = document.createElement( 'div' ); $_OFFCANVAS_BAR.className = "uk-offcanvas-bar"; wrap( $_SUMMARY_CONTAINER, $_OFFCANVAS_BAR ); |
Décocher un bouton radio sélectionné en cliquant dessus. Source: How to make a radio button unchecked by clicking it?
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
function deselectableRadios(rootElement) { if(!rootElement) rootElement = document; if(!window.radioChecked) window.radioChecked = {}; window.radioClick = function(e) { const obj = e.target, name = obj.name || "unnamed"; if(e.keyCode) return obj.checked = e.keyCode!=32; obj.checked = window.radioChecked[name] != obj; window.radioChecked[name] = obj.checked ? obj : null; } rootElement.querySelectorAll("input[type='radio']").forEach( radio => { radio.setAttribute("onclick", "radioClick(event)"); radio.setAttribute("onkeyup", "radioClick(event)"); }); } deselectableRadios( $_IMPRINT_LIST ); |
Source: DYNAMICALLY Accessing nested JavaScript objects and arrays by string path et un petit jsFiddle pour la route.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
Object.byString = function(o, s) { s = s.replace(/\[(\w+)\]/g, '.$1'); // convert indexes to properties s = s.replace(/^\./, ''); // strip a leading dot var a = s.split('.'); for (var i = 0, n = a.length; i < n; ++i) { var k = a[i]; if (k in o) { o = o[k]; } else { return; } } return o; } |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
const priceTable = { "<=4": { "size": [ { "100": "5.11", "250": "4.62", "500": "4.04", "1000": "3.81", "2000": "3.60" }, { "100": "5.11", "250": "4.62", "500": "4.04", "1000": "3.81", "2000": "3.60" }, { "100": "5.11", "250": "4.62", "500": "4.04", "1000": "3.81", "2000": "3.60" }, { "100": "5.11", "250": "4.62", "500": "4.04", "1000": "3.81", "2000": "3.60" }, { "100": "5.11", "250": "4.62", "500": "4.04", "1000": "3.81", "2000": "3.60" }, // <=4.size[4]['2000'] = 3.60 { "100": "5.88", "250": "4.88", "500": "4.88", "1000": "3.88", "2000": "3.88" } ] } } const combinedPath = buildPath( $_THIS ) + "." + matchingThreshold; // PAS interprété comme une chaîne de caractères const targetValue = Object.byString( priceTable, combinedPath ); // interprété comme une chaîne de caractères (<=4.size[4]['2000']) |
Source: Is it possible to update the options of a component?. ATTENTION: le code d’illustration donnée dans l’issue Git est FAUX! Mais il m’a mis sur la bonne piste. Reportez-vous au code ci-dessous:
|
1 2 3 4 5 |
//init accordion component with options var accordion = UIkit.accordion(element, {collapse:true}); //change options on the fly accordion.collapse = false; |