Category - HTML5
Results 61 - 80 of 88
20 Sep 2015 20 Sep 2015 3 Comments  17839 Views
Here Mudassar Ahmed Khan has explained with an example, how to capture Signatures online on Web Page, IPads, Mobile Phones or Tables using HTML5 Canvas and jQuery Sketch Plugin.
20 Sep 2015 20 Sep 2015 0 Comments  20606 Views
Here Mudassar Ahmed Khan has explained with an example, how to save HTML5 Drawing as Image using Canvas toDataURL function.
The drawing will be done using the jQuery Sketch plugin’s HTML5 Canvas Sketchpad (Drawing) App and later the drawing will be saved as an Image using the HTML5 Canvas toDataURL function.
20 Aug 2015 20 Aug 2015 0 Comments  56488 Views
Here Mudassar Ahmed Khan has explained with an example, how to change the URL in browser address bar without reloading or refreshing the page using HTML5 History API in JavaScript and jQuery.
HTML5 History API allows browsers to change the URL in browser address bar without reloading or refreshing the page using pushState function.
27 Jul 2015 27 Jul 2015 5 Comments  140943 Views
Here Mudassar Ahmed Khan has explained with an example, how to use the AngularJS to save and retrieve data from HTML5 LocalStorage and SessionStorage objects.
06 Jul 2015 06 Jul 2015 0 Comments  4514 Views
Here Mudassar Ahmed Khan has explained with an example, how to make the HTML5 Placeholder attribute Cross Browser supported using jQuery i.e. make the HTML5 Placeholder attribute also work in browsers that do not support HTML5 using jQuery.
Earlier versions of browsers such as Internet Explorer versions IE7, IE8, IE9, etc. do not support HTML5 and hence the Placeholder attribute does not work even if specified.
Thus in browsers that do not support HTML5 Placeholder attribute, the functionality of HTML5 Placeholder attribute is mimicked with the help of jQuery ASPSnippets Placeholder plugin.
04 Jul 2015 04 Jul 2015 0 Comments  109004 Views
Here Mudassar Ahmed Khan has explained with an example, how to display after the file is selected (selecting file name) in HTML Input FileUpload.
The image will be displayed directly from the HTML Input FileUpload using the DXImageTransform filter CSS property and HTML5 FileReader API.
20 Jun 2015 20 Jun 2015 0 Comments  103352 Views
Here Mudassar Ahmed Khan has explained with an example, how to use the HTML5 GeoLocation API in browsers that support HTML5 GeoLocation feature and determine the current location i.e. Latitude and Longitude co-ordinates using JavaScript.
These Location coordinates i.e. Latitude and Longitude can be used to display the User’s current location in Google Maps in our website using JavaScript.
27 May 2015 27 May 2015 3 Comments  104259 Views
ASP.Net  HTML5  Div  Table
Here Mudassar Ahmed Khan has explained how to convert (Export) HTML DIV or Table to Image using HTML Canvas in ASP.Net using C# and VB.Net.
The Html2Canvas JavaScript library allows to capture screenshots and convert HTML to Image using HTML5 Canvas.
HTML5 Canvas has a function named toDataURL which allows to convert its contents to Image.
27 May 2015 27 May 2015 0 Comments  11527 Views
Here Mudassar Ahmed Khan has explained how to convert (export) GridView to Image using HTML5 Canvas in ASP.Net using C# and VB.Net.
The html2canvas JavaScript library allows to capture screenshots and convert HTML to Image using HTML5 Canvas.
HTML5 Canvas has a function named toDataURL which allows to convert its contents to Image.
21 May 2015 21 May 2015 2 Comments  15485 Views
Here Mudassar Ahmed Khan has explained how to select upload multiple files in browsers that support HTML5 using FileUpload control in in ASP.Net 2.0, 3.0, 3.5 and 4.0.
ASP.Net 4.5 added a new feature to FileUpload control i.e. AllowMultiple which allows user to select multiple files in browsers that support HTML5. ASP.Net versions 2.0, 3.0, 3.5 and 4.0 does not support AllowMultiple feature.
18 May 2015 18 May 2015 0 Comments  24034 Views
Here Mudassar Ahmed Khan has explained how to implement HTML5 Canvas Touch Screen and Mouse Sketchpad (Drawing) App in ASP.Net using jQuery Sketch plugin.
HTML5 Canvas Sketchpad (Drawing) App will allow users to draw lines, scribble, write, sketch, etc. with mouse and touch screen.
18 May 2015 18 May 2015 0 Comments  14391 Views
Here Mudassar Ahmed Khan has explained with example, how to use HTML5 Canvas in Internet Explorer browser versions 7 and 8 i.e. IE7 and IE8.
HTML5 Canvas is not supported in Internet Explorer browser versions 7 and 8 i.e. IE7 and IE8 and in order to use HTML5 Canvas, Excanvas also known as Explorer Canvas is used.
01 May 2015 01 May 2015 0 Comments  40303 Views
Here Mudassar Ahmed Khan has explained a tutorial with example on how to use HTML5 History API pushState function in JavaScript and jQuery.
HTML5 History API allows browsers to modify the URL without reloading or refreshing the page using pushState function.
18 Apr 2015 18 Apr 2015 3 Comments  105779 Views
Here Mudassar Ahmed Khan has explained how to get and then validate (check) dimensions (Height and Width) of Image file before upload using HTML5, JavaScript and jQuery.
HTML5 allows developers to access the file details such as Height and Width using JavaScript and jQuery.
21 Feb 2015 21 Feb 2015 0 Comments  61931 Views
Here Mudassar Ahmed Khan has explained how to enforce file size limit by checking File size before upload on client side using HTML5.
22 Dec 2014 24 Jun 2020 2 Comments  67767 Views
Here Mudassar Ahmed Khan has explained how to Crop and Upload Image with Live Thumbnail Preview using jQuery and HTML5 Canvas in ASP.Net with C# and VB.Net.

The image will be cropped using the Jcrop jQuery plugin, and Live Thumbnail Preview is displayed using HTML5 Canvas.
12 Dec 2014 22 Oct 2018 7 Comments  106511 Views
Here Mudassar Ahmed Khan has explained how to upload and save (insert) multiple files to SQL Server database in ASP.Net using C# and VB.Net.

ASP.Net 4.5 has a new property AllowMultiple for FileUpload control, which allows user to select and upload multiple files. This property will work only in browsers that support HTML5.
12 Dec 2014 12 Dec 2014 3 Comments  102760 Views
Here Mudassar Ahmed Khan has explained how to preview multiple images before upload using HTML INPUT FileUpload control using JavaScript jQuery, CSS and HTML5.

The multiple image preview is displayed using HTML5 FileReader API in browsers that support HTML5 i.e. Internet Explorer 10 and 11+, Mozilla FireFox, Google Chrome and Opera.
29 Nov 2014 31 Aug 2018 7 Comments  146263 Views
Here Mudassar Ahmed Khan has explained how to read, parse and display a CSV file (Comma separated Text file) selected in FileUpload control (HTML File Input) on client side using JavaScript, jQuery and HTML5.

HTML5 allows developers to access the file contents and details using JavaScript and jQuery and hence in browsers that support HTML5 one can easily read the file contents.
25 Nov 2014 25 Nov 2014 8 Comments  169458 Views
Here Mudassar Ahmed Khan has explained how to change the URL in browser without reloading or refreshing the page using HTML5 History API in JavaScript and jQuery.

HTML5 History API allows browsers to modify the URL without reloading or refreshing the page using pushState function.
Results 61 - 80 of 88