Posts Tagged with 'JavaScript'

JQuery | Difference between JavaScript and JQuery  Javascript is a client-side scripting language whereas jQuery is a library (or framework) built with JavaScript.     Javascript JQuery  javascript is a dynamic and interpreted client-side scripting language …

Last updated 3 years, 3 months ago | 1307 views

Tags:- JQuery JavaScript

HTML | Make an anchor tag to do nothing | href="javascript:void(0);" To prevent reloading a page when a link clicked is something like preventing the default behavior of an element. It can be achieved by providing …

Last updated 4 years, 5 months ago | 5929 views

Tags:- HTML JQuery JavaScript

HTML | Input type number maxlength not working The "maxlength" attribute of an input field is used to limit the length entered in the input field. but it works only if the type of input field …

Last updated 4 years, 5 months ago | 16245 views

Tags:- HTML JQuery JavaScript

Jquery | Remove id attribute from an element The removeAttr() function from jquery is used to removes one or more attributes from the selected elements. $("div").removeAttr("id");     Here seen an example with complete code …

Last updated 4 years, 5 months ago | 3837 views

Tags:- HTML JQuery JavaScript

Jquery | Auto Focus On Next Input Field The jquery code for autofocus on the next text input field. $(".input-key").keyup(function() { if ($(this).val().length == $(this).attr("maxlength")) { $(this).next('.input-key').focus(); } }); Let's go through the above jquery …

Last updated 4 years, 5 months ago | 6034 views

Tags:- HTML JQuery JavaScript

Chart.JS | Draw Bar chart from server data using MySQL, Ajax, and PHP This example shows how to draw a bar chart with data from the database server.  FILE STRUCTURE At the end of this …

Last updated 4 years, 9 months ago | 10282 views

Tags:- HTML JQuery JavaScript PHP Chart Ajax PHP-MySQL

Chart.js | Changing graph type based on dropdown selection We can’t directly update the chart type in Chart.js, to achieve the requirement we need to destroy the original chart and then redraw the new chart. …

Last updated 4 years, 9 months ago | 9541 views

Tags:- HTML JQuery JavaScript Chart

Chart.js | show data values on top of each bar This is an example of displaying data value on top of each bar of Chart.js on the web page. Step 1: Create a basic HTML …

Last updated 4 years, 9 months ago | 37648 views

Tags:- HTML JQuery JavaScript Chart

Chart.js | Add bar chart in the webpage This is a simple example of using Chart.js to create a bar chart on the webpage.  Step 1: Create a basic HTML file called "chart.html"  <!DOCTYPE html> …

Last updated 4 years, 9 months ago | 1824 views

Tags:- HTML JQuery JavaScript Chart

Jquery | Location reload() Method | Refresh a page The Location.reload() method reloads the current URL.   Syntax location.reload(forceGet) The Location.reload() method reloads the current URL. By default, the value of forceGet is false which …

Last updated 4 years, 11 months ago | 1833 views

Tags:- JQuery JavaScript

JQuery | TinyMCE | Clear TINYMCE editor  There is a method called setContent() in TINTMCE which you can use to reset/clear the TINTMCE editor. <script> // if one editor existing in your page. tinyMCE.activeEditor.setContent(''); </script> …

Last updated 4 years, 11 months ago | 4917 views

Tags:- JQuery JavaScript TINYMCE

JQuery | Select dropdown item based on the value Change the selected option by value on the select box with jQuery is common nowadays. So let us have a select element with the list of …

Last updated 5 years, 3 months ago | 2340 views

Tags:- JQuery JavaScript