Load JavaScript files dynamically
var jsElm = document.createElement(“script”); jsElm.type = “application/javascript”; jsElm.src = “https://cdn.dotmaui.com/libs/jquery/3.6.0/jquery.min.js”; document.head.appendChild(jsElm);
Category: Javascript
Force an onchange event on a select with pure Javascript
Create an Event object and pass it to the dispatchEvent method of the element: let my_element = document.getElementById(‘my_select’); let event = new Event(‘change’); my_element.dispatchEvent(event);
Calculate screen size with javascript
The code consists of three lines of Javascript:
Export HTML table to excel using Javascript
Simply add this script to your web page: <script src=”https://cdn.dotmaui.com/p24/js/exportTableToExcel.min.js”></script> To use it, call the exportTableToExcel() function specifying the table id as the first argument and optionally the file name as the second argument. Example:…
jQuery to pure Javascript examples – 5
Get inner text // jQuery var text = $(“#myElm”).text(); // Pure javascript var text = document.getElementById(“myElm”).textContent; Set inner text // jQuery $(“#myElm”).text(“My text”); // Pure javascript document.getElementById(“myElm”).textContent = “My text”; Get inner HTML // jQuery…
jQuery to pure Javascript examples – 4
Add onclick event // jQuery $(“#myElm”).click(function(){ alert(“Hello world”); }); // Pure javascript document.getElementById(“myElm”).addEventListener(“click”, function() { alert(“Hello world!”); }, false); Get child node by index //jQuery var child = $(“#myElm”).eq(2); // Pure javascript var child =…
jQuery to pure Javascript examples – 3
In these examples we see how easy it is to display, hide or use the toggle without jQuery. Hide an item // jQuery $(“#myElm”).hide(); // Pure javascript document.getElementById(“myElm”).style.display = “none”; Show an item // jQuery…
jQuery to pure Javascript examples – 2
With this post we continue the series of examples to replace jQuery with pure javascript. Add class // jQuery $(“#myElm”).addClass(“my-class”); // Pure Javascript document.getElementById(“myElm”).classList.add(“my-class”); Remove class from an element // jQuery $(“#myElm”).removeClass(“my-class”); // Pure Javascript…
jQuery to pure Javascript examples – 1
With this post, we want to inaugurate a post series of examples to see how nowadays it is easy to replace jQuery with pure javascript. This is because with the new javaScript standards major web…
Extract only numbers from a string in JavaScript
There are many ways to extract numbers from a string in JavaScript. Here’s the function we use: function ExtractOnlyNumbersFromString(txt) { var numbers = txt.match(/\d/g); return (numbers) ? numbers.join(“”) : “”; } ExtractOnlyNumbersFromString(“a 1 b 2…