https://wiki.plecko.hr/ 2026-05-12T15:26:16+00:00 https://wiki.plecko.hr/ https://wiki.plecko.hr/lib/tpl/bootstrap3/images/favicon.ico text/html 2019-10-31T09:04:00+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.plecko.hr/doku.php?id=development:js:clock&rev=1572509040&do=diff CSS+JS clock Create a file containg the following code <article class="clock"> <div class="hours-container"> <div class="hours"></div> </div> <div class="minutes-container"> <div class="minutes"></div> </div> <div class="seconds-container"> <div class="seconds"></div> </div> </article> text/html 2019-10-31T09:04:00+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.plecko.hr/doku.php?id=development:js:code_examples&rev=1572509040&do=diff JavaScript: Best practices console.log('%c Test', 'color:orange'); console.log({var1, var2, var3}); console.table([var1, var2, var3]); console.time('timerName'); ... code ... console.timeEnd('timerName'); console.trace('comment'); var a = varb + ' pero ' + varc; // Bad var a = '${varb} pero ${varc}'; // Good function test({prop1, prop2 prop3}) { return '${prop1}, ${prop2}, ${prop3}'; } //or function test(array) { const {prop1, prop2 prop3} = array; return '${prop1}, ${prop2… text/html 2019-10-31T09:04:00+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.plecko.hr/doku.php?id=development:js:cross-origin_request&rev=1572509040&do=diff Cross-Origin Request Blocked For Microsoft IIS7, merge this into the web.config file at the root of your application or site: <?xml version="1.0" encoding="utf-8"?> <configuration> <system.webServer> <httpProtocol> <customHeaders> <add name="Access-Control-Allow-Origin" value="*" /> </customHeaders> </httpProtocol> </system.webServer> </configuration> text/html 2019-10-31T09:04:00+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.plecko.hr/doku.php?id=development:js:get_elem_pos&rev=1572509040&do=diff Get element position in browser with JavaScript If you use table cells as menu buttons and autosize them, this code finds the left position of element with id 'menubutton', and then places element with id 'menubody' to the same left position: var mbtn = document.getElementById('menubutton').getBoundingClientRect(); var mbody = document.getElementById('menubody'); mbody.style.left = mbtn.left+'px'; text/html 2019-10-31T09:04:00+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.plecko.hr/doku.php?id=development:js:node_js_service&rev=1572509040&do=diff Node.js daemon/service npm install winser npm install -g pkg pkg index.js --output myApp.exe # Use npm_modules/winser/bin/nssm64.exe to create service Make a myapp.service file (replacing 'myapp' with your app's name, obviously): [Unit] Description=My app After=network.target [Service] ExecStart=/var/www/myapp/app.js Restart=always User=nobody # Debian/Ubuntu uses 'nogroup' # RHEL/Fedora uses 'nobody' Group=nogroup Environment=PATH=/usr/bin:/usr/local/bin Environment=NODE_ENV=production W… text/html 2019-10-31T09:04:00+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.plecko.hr/doku.php?id=development:js:start&rev=1572509040&do=diff JS * Cross-Origin Request Blocked * CSS+JS clock * Get element position in browser with JavaScript * JavaScript: Best practices * Node.js daemon/service * Web Workers text/html 2021-05-13T11:45:12+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.plecko.hr/doku.php?id=development:js:webworker&rev=1620899112&do=diff Web Workers Inline var blob = new Blob([` self.onmessage = function(e) { postMessage('Msg from worker'); } `]); var blobURL = window.URL.createObjectURL(blob); var worker = new Worker(blobURL); worker.postMessage(null); worker.onmessage = function(e) { console.log(e.data); }