Category : Javascript

The preload value of the <link> element’s rel attribute lets you declare fetch requests in the HTML’s <head>. specifying resources that your page will need very soon, which you want to start loading early in the page lifecycle. most commonly use <link> to load a CSS file to style your page with: <link rel=”stylesheet” href=”css/main.css”> Here however, we will use a rel value of preload, which turns <link> ..

Read more

Using this ng-table and working with tables data is very easy. There are only simple table with 3 plugins/directives: filtering, paging, sorting. You don’t need special config variable for storing settings for all plugins as is used in demo example. It’s just showing usage sample. How to install? npm install ng-table@latest Don’t forget to add Ng2TableModule in main module ..

Read more

Emailhow to disable to ctrl copy and paste on website using javascript   <script type = “text/JavaScript”language = “JavaScript” >function killCopy(e) {return false}function reEnable() {return true}document.onselectstart = new Function(“return false”)if (window.sidebar) {document.onmousedown = killCopydocument.onclick = reEnable}window.onload = function () {document.addEventListener(“contextmenu”, function (e) {e.preventDefault();}, false);document.addEventListener(“keydown”, function (e) {if (e.ctrlKey && e.shiftKey && e.keyCode == 73) {disabledEvent(e);}if ..

Read more

Metadata is data about data. its describe another items’s content. The metadata often used in the context of webpages. it helps to search engine optimisation (SEO) , Find and Understand the data. see the below image you can understand easily Typical metadata Title and description, Tags and categories Who created and when Who last modified ..

Read more

Let’s try this code…. <!DOCTYPE html><html lang=”en”><head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <meta http-equiv=”X-UA-Compatible” content=”ie=edge”> <title>Charts js</title></head><script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js”></script><script src=”https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js”></script><style>#legend{ height:auto; }#legend{ width:100%; }#legend> ul{ padding: 0; text-align: right;} #legend { width:100%;}#legend li { cursor: pointer; margin: 4px 3px; display: inline-table;}#legend li span { position: relative; padding: 3px 10px; border-radius: 13px; color:#000; z-index: 2; font-size: ..

Read more