Category - HTML5
Results 41 - 60 of 117
13 Mar 2020 13 Mar 2020 1 Comments  10924 Views
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 28 Nov 2019 0 Comments  24220 Views
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 26 Mar 2019 0 Comments  10768 Views
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 0 Comments  13394 Views
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 22 Feb 2019 0 Comments  17434 Views
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 0 Comments  11122 Views
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 22 Jan 2019 0 Comments  11317 Views
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 23 Oct 2018 2 Comments  33204 Views
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 14 Sep 2018 1 Comments  23139 Views
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 14 Sep 2018 0 Comments  54721 Views
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 14 Sep 2018 0 Comments  16168 Views
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 14 Sep 2018 1 Comments  27313 Views
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 14 Sep 2018 3 Comments  43521 Views
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 0 Comments  21436 Views
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 07 Sep 2018 1 Comments  19382 Views
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 04 Sep 2018 0 Comments  23733 Views
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 04 Sep 2018 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 04 Sep 2018 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 04 Sep 2018 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 04 Sep 2018 1 Comments  57503 Views
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.
Results 41 - 60 of 117