Category - HTML5
Results 81 - 100 of 117
11 Apr 2017 11 Apr 2017 0 Comments  8668 Views
Here Mudassar Ahmed Khan has explained a simple tutorial with an example on how to use the HTML5 FileReader API for reading Image files and displaying the image without uploading them to server using jQuery.
The local image preview without server upload is shown using the DXImageTransform filter CSS property and HTML5 FileReader API.
03 Mar 2017 03 Mar 2017 2 Comments  45157 Views
Here Mudassar Ahmed Khan has explained with an example, how to display XML file with Formatting in HTML page using JavaScript and jQuery.

The XML file will be selected using FileUpload element and its content will be read using HTML5 FileReader and finally the formatted XML file will be displayed using HTML TextArea element.
02 Mar 2017 02 Mar 2017 1 Comments  30991 Views
Here Mudassar Ahmed Khan has explained with an example, how to read, parse and display a XML file selected in FileUpload control (HTML File Input) on client side using JavaScript, jQuery and HTML5.

HTML5 allows developers to access the contents of XML files and details using JavaScript and jQuery and hence in browsers that support HTML5 one can easily read the XML file contents.
19 Dec 2016 31 Jul 2021 0 Comments  15256 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement and populate animated HTML5 Canvas charts from database using jQuery AJAX in ASP.Net MVC Razor.

The HTML 5 Canvas charts have been implemented in ASP.Net MVC Razor using Chart.js library.

This article will illustrate how to display the animated HTML5 chart in browsers that do not support CSS3 like IE 8.
15 Aug 2016 15 Aug 2016 0 Comments  23793 Views
ASP.Net  HTML5  MVC
Here Mudassar Ahmed Khan has explained a simple Tutorial with example, how to upload multiple files using HTML5 in ASP.Net MVC 5.
HTML5 has provided an additional feature to select and upload multiple files and the same will be used along with ASP.Net MVC.
25 May 2016 25 May 2016 2 Comments  32824 Views
Here Mudassar Ahmed Khan has explained how to capture Signature using HTML5 Canvas and jQuery.
HTML5 Canvas Sketchpad application for Painting and Drawing will allow users to draw lines, scribble, write, sketch, etc. with mouse and touch screen and thus will be useful to capture Signatures.
25 May 2016 25 May 2016 0 Comments  10594 Views
Here Mudassar Ahmed Khan has explained how to create Drawing and Painting App using HTML5, JavaScript and jQuery.
HTML5 Canvas Sketchpad application for Painting and Drawing will allow users to draw lines, scribble, write, sketch, etc. with mouse and touch screen.
22 Sep 2015 22 Sep 2015 0 Comments  26174 Views
Here Mudassar Ahmed Khan has explained with an example, how to convert (save) HTML5 Canvas to Image using Canvas toDataURL function in JavaScript.
20 Sep 2015 20 Sep 2015 3 Comments  19972 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  21903 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  62435 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  145203 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  4673 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  115542 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  108319 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  111835 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  12427 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  17401 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  26077 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  16505 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.
Results 81 - 100 of 117