Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
HTML Articles
Page 146 of 151
AngularJS and HTML5 date input value - how to get Firefox to show a readable date value in a date input?
The elements of type date allows user to enter date, using a text box or using date picker. With the ng-model directive, bins the values of AngularJS application data to HTML input controls. Firefox does not currently support type="date". It will convert all the values to string. Sinceyou want date to be a real Date object and not a string, so we create another variable, and then link the two variables as done in the below given code function MainCtrl($scope, dateFilter) { $scope.date = new Date(); $scope.$watch('date', function (date){ $scope.dateString = dateFilter(date, 'yyyy-MM-dd'); ...
Read MoreCan you take a screenshot of the page using HTML5 Canvas?
Html2Canvas is a JavaScript library that can take screenshot of the whole web page or specific part. It doesn’t take the screenshot but creates the view based on the page information.ExampleBelow given is an example code. Here, html2canvas.js script is included at the . The html2canvas() method is called. Returns the base64 value, which eventually creates image source or an image file. Take screenshot function screenshot(){ html2canvas(document.body).then(function(canvas) { document.body.appendChild(canvas); }); }
Read MoreDoes HTML5 Canvas support Double Buffering?
For double buffering on the canvas, create a 2nd canvas element and draw to it. After that draw the image to the first canvas using the drawImage() method,// canvas element var canvas1 = document.getElementById('canvas'); var context1 = canvas1.getContext('2d'); // buffer canvas var canvas2 = document.createElement('canvas'); canvas2.width = 250; canvas2.height =250; var context2 = canvas2.getContext('2d'); // create on the canvas context2.beginPath(); context2.moveTo(10,10); context2.lineTo(10,30); context2.stroke(); //render the buffered canvas context1.drawImage(canvas2, 0, 0);
Read MoreMatch any single character outside the given set.
To match any single character outside the given set with JavaScript RegExp, use the [^aeiou] metacharacter.Example JavaScript Regular Expression var myStr = "Welcome!"; var reg = /[^lc]/g; var match = myStr.match(reg); document.write(match);
Read MoreMatch any string containing a sequence of two to three p's.
To match any string containing a sequence of two to three p’s with JavaScript RegExp, use the p{2,3} Quantifier.Example JavaScript Regular Expression var myStr = "Welcome 1, 10, 100, 1000, 1000"; var reg = /\d{2,3}/g; var match = myStr.match(reg); document.write(match);
Read MoreHow can I add debugging code to my JavaScript?
To add debugging code to JavaScript, use the alert() or document.write() methods in your program. For example,var debugging = true; var whichImage = "widget"; if( debugging ) alert( "Calls swapImage() with argument: " + whichImage ); var swapStatus = swapImage( whichImage ); if( debugging ) alert( "Exits swapImage() with swapStatus=" + swapStatus );Examine the content and order of the alert() as they appear, you can examine the health of your program very easily.
Read MoreHow to create a website without using HTML?
If you are having no knowledge of HTML or CSS, and want to create a website, then do not worry, you can easily create a website without writing even a single line of HTML code.Here are some ways to build a website without writing any HTML or line of code:Website BuildersWhen you will buy a website hosting plan, then the hosting company will provide you with free website builder option to easily create a website without even writing a single piece of HTML CodeContent Management SystemsUse Content Management System such as WordPress, Drupal or Joomla to develop a website, without ...
Read MoreHow to update a MySQL column by subtracting a value with some conditions?
Let us first create a table −mysql> create table DemoTable ( Score int ); Query OK, 0 rows affected (0.65 sec)Insert some records in the table using insert command −mysql> insert into DemoTable values(45); Query OK, 1 row affected (0.11 sec) mysql> insert into DemoTable values(29); Query OK, 1 row affected (0.11 sec) mysql> insert into DemoTable values(56); Query OK, 1 row affected (0.09 sec) mysql> insert into DemoTable values(24); Query OK, 1 row affected (0.09 sec) mysql> insert into DemoTable values(32); Query OK, 1 row affected (0.09 sec)Display all records from the table using select statement −mysql> select ...
Read MoreHTML oninvalid Event Attribute
The HTML oninvalid event attribute is triggered when an input field is invalid while submitting the form in an HTML document.SyntaxFollowing is the syntax −ExampleLet us see an example of HTML oninvalid event Attribute − body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; padding: 20px; } textarea { border: 2px solid #fff; background: transparent; font-size: 1rem; } ::placeholder { ...
Read MoreHTML oninput Event Attribute
The HTML oninput event attribute is triggered when the user enters input in an input/textarea HTML element in an HTML document.SyntaxFollowing is the syntax −ExampleLet us see an example of HTML on input event Attribute − body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; padding: 20px; } textarea { border: 2px solid #fff; background: transparent; font-size: 1rem; } ::placeholder { color: #000; font-size: 1rem; } HTML oninput Event Attribute Demo function inputFn() { document.querySelector('textarea').style.background = '#ffffff36'; } OutputNow enter your message in the text area to observe how oninput event attribute works.
Read More