Showing posts with label Javascript. Show all posts
Showing posts with label Javascript. Show all posts

Tuesday, December 16, 2014

Compare two dates in javascript



if (new Date(First_date) > new Date(SecondDate)) {
                       

//compare end <=, not >=
    //your code here


                     }

Wednesday, April 16, 2014

Export Gridview or html table to Excel

1. Create javascript function



<script type="text/javascript">

        var tableToExcel = (function () {
            var uri = 'data:application/vnd.ms-excel;base64,'
              , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>'
              , base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))) }
              , format = function (s, c) { return s.replace(/{(\w+)}/g, function (m, p) { return c[p]; }) }
            return function (table, name) {
                if (!table.nodeType) table = document.getElementById(table)
                var ctx = { worksheet: name || 'Worksheet', table: table.innerHTML }
                window.location.href = uri + base64(format(template, ctx))
            }
        })()
    </script>

2. Call function 


  <input type="button" runat="server" class="btn btn-success" onclick="tableToExcel('gvExport', 'name')" value="Export to Excel"/>
 

Tuesday, December 10, 2013

Print image from javascript




The below are the javascript function for print the image
 
<script type="text/javascript">
        function printImage() {
            var image = document.getElementById('imageControl');
            var printWindow = window.open('', 'Print Window', 'height=400,width=600');
            printWindow.document.write('<html><head><title>Print Window</title>');
            printWindow.document.write('</head><body ><img src=\'');
            printWindow.document.write(image.src);
            printWindow.document.write('\' /></body></html>');
            printWindow.document.close();
            printWindow.print();
        }
  </script>


Call the javascript function from below code 

<a id="link" style="font-size:2em" onclick="printImage()" href="#">
<img src="Images/print.png" />
</a>