Category - HTML5
Results 61 - 80 of 117
27 Aug 2018 27 Aug 2018 0 Comments  22594 Views
Here Mudassar Ahmed Khan has explained with an example, how to export HTML Table data to PDF file using AngularJS.

The HTML Table will be populated from a JSON array using AngularJS.

The HTML Table will be first converted into a HTML5 Canvas using html2canvas plugin and then the HTML5 Canvas will be exported to PDF using the pdfmake plugin.
24 Aug 2018 27 Aug 2018 0 Comments  30410 Views
Here Mudassar Ahmed Khan has explained ith an example, how to upload File without Form Submit (PostBack) using jQuery AJAX in ASP.Net using C# and VB.Net.

The Generic Handler will be used to upload and save files in Folder (Directory) in ASP.Net.

The Generic Handler will be called using jQuery AJAX and the file will be uploaded to Folder (Directory) with Progress Bar using HTML5 Form Data and XmlHttpRequest (XHR).
13 Jul 2018 13 Jul 2018 1 Comments  20501 Views
Here Mudassar Ahmed Khan has explained with an example, how to upload (Save) HTML5 Canvas Image to Server in Folder (Disk) in ASP.Net using C# and VB.Net.

For illustration purpose, the jQuery Sketch plugin will be used to allow users draw Signatures and later the HTML5 Canvas Image of the Signature will be uploaded to Server and saved as Image in Folder (Disk) using ASP.Net.
13 Jul 2018 13 Jul 2018 0 Comments  21232 Views
Here Mudassar Ahmed Khan has explained with an example, how to upload and insert MP3 Audio files in SQL Server Database and then play the MP3 Audio files using HTML5 Audio Player in ASP.Net using C# and VB.Net.

The MP3 Audio files are displayed in GridView and there’s also a Download button to download the MP3 Audio files.
27 Jun 2018 27 Jun 2018 0 Comments  16938 Views
Here Mudassar Ahmed Khan has explained with an example, how to create simple Pie chart with HTML5 Canvas using JavaScript, jQuery and JSON.

The HTML5 Canvas Pie chart have been implemented using Chart.js library to which JSON object is supplied as source of data.
24 May 2018 20 Feb 2019 0 Comments  8983 Views
Here Mudassar Ahmed Khan has explained with an example, how to upload multiple files with Progress Bar using AngularJS ngFileUpload in ASP.Net MVC Razor.
24 May 2018 20 Feb 2019 0 Comments  14531 Views
Here Mudassar Ahmed Khan has explained with an example, how to upload Image files to a Folder (Directory) on Server disk using HTML FileUpload and AngularJS in ASP.Net MVC Razor.
24 May 2018 20 Feb 2019 0 Comments  18294 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement File Upload using AngularJS in ASP.Net MVC Razor.

This article will illustrate how to upload multiple files with the standard FileUpload element using HTML5 and AngularJS in ASP.Net MVC Razor.
09 Mar 2018 09 Mar 2018 1 Comments  19948 Views
Here Mudassar Ahmed Khan has explained with an example, how to upload MP4 Video files, save (insert) to database table, retrieve (display) files from database table using Entity Framework and play the files with Live Streaming from database table using HTML5 Video Player in ASP.Net MVC Razor.

Files will be uploaded and then will be saved (inserted) to database table using Entity Framework. The saved (inserted) files will be retrieved and displayed in HTML Grid (Table) and then the files will be played with Live Streaming from database table using HTML5 Video Player in ASP.Net MVC Razor.
09 Mar 2018 09 Mar 2018 2 Comments  31872 Views
Here Mudassar Ahmed Khan has explained with an example, how to upload and insert MP4 Video files in SQL Server Database and then play (Live Stream) the MP4 Video files using HTML5 Video Player in ASP.Net using C# and VB.Net.
08 Mar 2018 08 Mar 2018 1 Comments  19587 Views
ASP.Net  HTML5  MVC
Here Mudassar Ahmed Khan has explained with an example, how to play (Live Stream) Video Files (MP4) using HTML5 Video Player in ASP.Net MVC Razor.
08 Mar 2018 08 Mar 2018 0 Comments  22890 Views
Here Mudassar Ahmed Khan has explained with an example, how to play (Live Stream) Video Files (MP4) using HTML5 Video Player in ASP.Net.
22 Feb 2018 22 Feb 2018 1 Comments  16494 Views
Here Mudassar Ahmed Khan has explained with an example, how to play (embed) YouTube Videos in HTML5 Video tag in HTML Page.

HTML5 Video tag is not meant to play videos from other domain URLs and hence it is not possible to play (embed) YouTube Videos in HTML5 Video tag.

Thus in order to play (embed) YouTube Videos in HTML Page, one of the following elements needs to be used:
1. IFRAME element.
2. EMBED element.
01 Jan 2018 01 Jan 2018 1 Comments  29462 Views
Here Mudassar Ahmed Khan has explained how to build a Bootstrap HTML5 Registration (Signup) Form and perform validations using the numerous HTML5 in-built validations such as:

Required – Implemented using the HTML5 required attribute.
Email – Implemented using the HTML INPUT Email TextBox.
Password Strength (Password Policy) – Implemented using the HTML5 pattern attribute and Regular Expressions.
Compare Passwords – Implemented with the help of HTML5 and JavaScript.

The source code is attached at the end of article.
01 Jan 2018 01 Jan 2018 0 Comments  33059 Views
Here Mudassar Ahmed Khan has explained with an example, how to perform validations using HTML5. HTML5 provides numerous in-built validations such as:

Required – Implemented using the HTML5 required attribute.
Email – Implemented using the HTML INPUT Email TextBox.
Password Strength (Password Policy) – Implemented using the HTML5 pattern attribute and Regular Expressions.
Compare Passwords – Implemented with the help of HTML5 and JavaScript.
16 Nov 2017 16 Nov 2017 0 Comments  8134 Views
Here Mudassar Ahmed Khan has explained with an example, how to upload multiple files with Progress Bar using AngularJS and AJAX in ASP.Net using C# and VB.Net.

Multiple files such as Image, PDF, Word, Excel, etc. and also large Music and Video files such as MP3 and MP4 will be easily uploaded with Progress Bar using AngularJS and AJAX in ASP.Net.

This article makes use the ngFileUpload AngularJS directive which makes use of Generic HTTP Handlers for uploading files using AngularJS and AJAX in ASP.Net.
28 Jul 2017 28 Jul 2017 0 Comments  23088 Views
Here Mudassar Ahmed Khan has explained with an example, how to hide (remove) Placeholder in HTML5 TextBox on focus using CSS, JavaScript and jQuery.

The HTML5 Placeholder attribute does hide (gets removed) on focus in Internet Explorer (IE) by default but it does not hide (gets removed) on focus in FireFox and Chrome and hence this article will explain how to hide (remove) Placeholder in HTML5 TextBox using CSS, JavaScript and jQuery.
21 Jul 2017 21 Jul 2017 1 Comments  48650 Views
ASP.Net  HTML5  MVC
Here Mudassar Ahmed Khan has explained with an example, how to use HttpPostedFileBase for uploading 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.
05 Jun 2017 05 Jun 2017 0 Comments  67565 Views
Here Mudassar Ahmed Khan has explained how to implement and populate free animated HTML5 Canvas charts from database using jQuery AJAX in ASP.Net.

The HTML 5 Canvas charts have been implemented using Chart.js library. This article also covers procedure to display the animated HTML5 chart in browsers that do not support CSS3 like IE 8.
05 Jun 2017 05 Jun 2017 0 Comments  31625 Views
ASP.Net  jQuery  HTML5  MVC
Here Mudassar Ahmed Khan has explained with an example, how to implement and populate free 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 also covers procedure to display the animated HTML5 chart in browsers that do not support CSS3 like IE 8.
Results 61 - 80 of 117