HTML5 Articles

Category - HTML5

13 Mar 2020 Mudassar Khan 1 Comments 10924 Views

ASP.Net jQuery Charts HTML5 JSON

Here Mudassar Ahmed Khan has explained with an example, how to implement and populate animated HTML5 Canvas Multi-Series Line Chart (Graph) from database using jQuery AJAX in ASP.Net.

The HTML 5 Canvas charts have been implemented using Chart.js library and jQuery AJAX.

28 Nov 2019 Mudassar Khan 0 Comments 24220 Views

ASP.Net jQuery HTML5 Bootstrap TextBox

Here Mudassar Ahmed Khan has explained with an example, how to use and implement Bootstrap TimePicker plugin in ASP.Net Web Forms with C# and VB.Net.

The Bootstrap TimePicker plugin will be applied to the ASP.Net TextBox using jQuery and then the TextBox will be converted into a TimePicker.

26 Mar 2019 Mudassar Khan 0 Comments 10768 Views

ASP.Net HTML5 FileUpload AngularJS MVC Web API Image

Here Mudassar Ahmed Khan has explained with an example, how to display BLOB as Image using AngularJS ng-src directive in ASP.Net MVC Razor.

This article will illustrate how to upload and send files to Web API using AngularJS $http service and HTML5 FormData and then convert the Image to BLOB format and display as Image using AngularJS ng-src directive in ASP.Net MVC Razor.

27 Feb 2019 28 Feb 2019 Mudassar Khan 0 Comments 13394 Views

ASP.Net HTML5 FileUpload AngularJS MVC Web API

Here Mudassar Ahmed Khan has explained with an example, how to upload files using FormData with Progress Bar using Web API in ASP.Net MVC Razor.

This article will illustrate how to upload and send files to Web API AngularJS $http service and HTML5 FormData in ASP.Net MVC Razor.

22 Feb 2019 Mudassar Khan 0 Comments 17434 Views

HTML5 FileUpload AngularJS Image

Here Mudassar Ahmed Khan has explained with an example, how to preview Image before upload using AngularJS.

When an Image File is selected in the HTML FileUpload element (Input Type File), the Image File data will be read using HTML5 FileReader API and displayed in Image element using AngularJS.

08 Feb 2019 28 Jun 2020 Mudassar Khan 0 Comments 11122 Views

ASP.Net JavaScript GridView jQuery jQuery Plugins HTML5 Canvas PDF

Here Mudassar Khan has explained with an example, how to export (convert) GridView to PDF file using JavaScript and jQuery in ASP.Net.

The GridView’s HTML Table will be first converted into a HTML5 Canvas using html2canvas plugin and then the HTML5 Canvas will be exported to PDF file using the pdfmake plugin in jQuery.

22 Jan 2019 Mudassar Khan 0 Comments 11317 Views

ASP.Net JavaScript AJAX SQL Server jQuery Charts HTML5

Here Mudassar Ahmed Khan has explained with an example, how to implement Open Source charts in ASP.Net using C# and VB.Net.

The Chart.js library is an Open Source Chart library which uses HTML5 Canvas for creating Charts.

The HTML5 Canvas charts will be populated from database using jQuery AJAX in ASP.Net.

23 Oct 2018 Mudassar Khan 2 Comments 33204 Views

ASP.Net SQL Server HTML5 ASP.Net 4.5 FileUpload

Here Mudassar Ahmed Khan has explained with an example, how to upload and save (insert) multiple Images 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 Images. This property will work only in browsers that support HTML5.

14 Sep 2018 Mudassar Khan 1 Comments 23139 Views

Excel jQuery jQuery Plugins HTML5

Here Mudassar Ahmed Khan has explained with an example, how to download Excel file (XLS and XLSX) using jQuery.

The HTML Table data will be converted and downloaded to Excel file with the help of the jQuery table2excel plugin.

14 Sep 2018 Mudassar Khan 0 Comments 54721 Views

JavaScript Excel HTML5

Here Mudassar Ahmed Khan has explained with an example, how to download Excel file (XLS and XLSX) using JavaScript.

The HTML Table data will be converted and downloaded to Excel file with the help of the jQuery table2excel plugin.

14 Sep 2018 Mudassar Khan 0 Comments 16168 Views

Excel jQuery HTML5 JSON FileUpload

Here Mudassar Ahmed Khan has explained with an example, how to convert Excel (XLS and XLSX) file data to JSON using jQuery.

Once File is selected in FileUpload control, it is read as Binary data and then the Binary data is read using the xlsx Excel plugin which returns the Excel file data in JSON array format.

Finally, JSON array is displayed as HTML Table using jQuery.

14 Sep 2018 Mudassar Khan 1 Comments 27313 Views

JavaScript Excel HTML5 JSON FileUpload

Here Mudassar Ahmed Khan has explained with an example, how to convert Excel (XLS and XLSX) file data to JSON using JavaScript.

Once File is selected in FileUpload control, it is read as Binary data and then the Binary data is read using the xlsx Excel plugin which returns the Excel file data in JSON array format.

Finally, JSON array is displayed as HTML Table using JavaScript.

14 Sep 2018 Mudassar Khan 3 Comments 43521 Views

JavaScript Excel HTML5 FileUpload AngularJS

Here Mudassar Ahmed Khan has explained with an example, how to read Excel File (XLS and XLSX) using AngularJS and HTML5 File API.

The Excel file (XLS and XLSX) will be selected in HTML FileUpload element and will be read using HTML5 FileReader API.

The read data will be parsed into a JSON Array using the xlsx Excel plugin and later the JSON Array will be used to populate a HTML Table using ng-repeat directive in AngularJS.

12 Sep 2018 14 Sep 2018 Mudassar Khan 0 Comments 21436 Views

HTML HTML5 CSV JSON FileUpload Table AngularJS Arrays

Here Mudassar Ahmed Khan has explained with an example, how to read CSV File using AngularJS and HTML5 File API.

The CSV file (Comma separated Text file) will be selected in HTML FileUpload element and will be read using HTML5 FileReader API.

The read data will be parsed into a JSON Array which will be later used to populate a HTML Table using ng-repeat directive in AngularJS.

07 Sep 2018 Mudassar Khan 1 Comments 19382 Views

JavaScript jQuery HTML5 CSV JSON FileUpload

Here Mudassar Ahmed Khan has explained with an example, how to read the CSV File and convert its data to JSON Array in jQuery using HTML5 File API.

The CSV file (Comma separated Text file) will be selected in HTML5 FileUpload element and will be read using HTML5 FileReader API.

The read data is split into Rows and a loop is executed over the Rows and the data from each Row is stored into a JSON object and it is added to an Array using jQuery.

04 Sep 2018 Mudassar Khan 0 Comments 23733 Views

JavaScript HTML HTML5 Table

Here Mudassar Ahmed Khan has explained with an example, how to embed (display) CSV File in Web Page (Browser) using JavaScript and HTML5 File API.

First the CSV file i.e. Comma separated Text file, will be read using HTML5 FileReader API as String.

Then the String will be parsed into Rows and Columns and will be displayed as HTML Table on Web Page in Browser.

04 Sep 2018 Mudassar Khan 0 Comments 12799 Views

jQuery HTML HTML5 Table

Here Mudassar Ahmed Khan has explained with an example, how to import CSV File to HTML Table using jQuery and HTML5 File API.

First the CSV File i.e. Comma separated Text file, will be read using HTML5 FileReader API as String.

Then the String will be parsed into Rows and Columns and will be displayed in HTML Table.

04 Sep 2018 Mudassar Khan 1 Comments 71709 Views

JavaScript HTML HTML5 CSV Table

Here Mudassar Ahmed Khan has explained with an example, how to import CSV File to HTML Table using JavaScript and HTML5 File API.

First the CSV File i.e. Comma separated Text file, will be read using HTML5 FileReader API as String.

Then the String will be parsed into Rows and Columns and will be displayed in HTML Table.

04 Sep 2018 Mudassar Khan 0 Comments 21025 Views

jQuery HTML HTML5 CSV FileUpload Table

Here Mudassar Ahmed Khan has explained with an example, how to read CSV File in jQuery using HTML5 File API.

The CSV file (Comma separated Text file) will be selected in HTML5 FileUpload element and will be read using HTML5 FileReader API.

The read data will be parsed into Rows and Columns and will be displayed in HTML Table.

04 Sep 2018 Mudassar Khan 1 Comments 57503 Views

JavaScript HTML HTML5 CSV FileUpload Table

Here Mudassar Ahmed Khan has explained with an example, how to read CSV File in JavaScript using HTML5 File API.

The CSV file (Comma separated Text file) will be selected in HTML5 FileUpload element and will be read using HTML5 FileReader API.

The read data will be parsed into Rows and Columns and will be displayed in HTML Table.