Posts

Showing posts from January, 2024

dataTable

Image
Data tables are a typical method for displaying structured data on the web. They are widely used to show data tables in websites or apps. Data tables may be generated with HTML and CSS, and they are easily customizable to meet the demands of the application.  It appears that you're referring to the jQuery DataTables plugin, which is a strong and versatile tool for upgrading HTML tables. jQuery DataTables includes capabilities like as sorting, searching, pagination, and more to make dealing with tables easier. Example : $ ( document ). ready ( function () {       $ ( '#myTable' ). DataTable (); }); Download Source code from Github Link : https://github.com/kanakaraju/Jquery_Easy_Tricks/blob/main/dataTable/dataTable.html

XMLSerializer

Create elements with javascript, apply some conditions, and display them in the console using XMLSerializer. The XMLSerializer is a JavaScript object that is commonly used in web development to convert JavaScript objects or values to XML format and vice versa. Example: var node = document.createElement("Devicea"); // do not use the methods provided by the document namespace  node.setAttribute('ID', 1000); node.setAttribute('DESCRIPTION', 'NameA'); document.body.appendChild(node); // add the element if(document.getElementById("1000").textContent == '') { var node1 = document.createElement("Deviceb"); // do not use the methods provided by the document namespace   node1.setAttribute('ID', 2000); node1.setAttribute('DESCRIPTION', 'Nameb'); document.getElementsByTagName("devicea")[0].appendChild(node1); // add the element } else {   console.log("not updated"); } var serializer = new XML...

linear-gradient - HAPPY NEW YEAR 2024

The linear-gradient() function in CSS can be used to apply a linear gradient. You can use this function to create a smooth transition between two or more colors along a straight line. Here's an easy example: The background property of the body element is set to linear-gradient(). The to bottom keyword specifies the gradient's direction. You can change this to other values such as top, left, right, or even specific angles (right bottom, left top, and so on). For increased visibility, additional styles are applied to the body. HAPPY NEW YEAR