Thursday, 23 November 2017

Print Footer Line in Html Page Dynamically

1.> Put below Jquery On Header Part Of Html Page With Reference Of Jquery min.
2.> Function : :
<script src="jquery.min.js"></script>
    <script type="text/javascript">
         function showViewPortSize() {           
                jQuery('body').prepend('<div id="viewportsize" style="z-index:9999;position:fixed;bottom:0px;left:0px;color:#000;background:#fff;padding:10px;width:100%;"><div style="width:50%;float:left;">Prepared By :</div><div style="width:50%;float:left;">Checked By :</div></div>');           
         
            jQuery(window).resize(function () {             
                jQuery('body').prepend('<div id="viewportsize" style="z-index:9999;position:fixed;bottom:0px;left:0px;color:#000;background:#fff;padding:10px;width:100%;"><div style="width:50%;float:left;">Prepared By :</div><div style="width:50%;float:left;">Checked By :</div></div>');
            });
        }
        $(document).ready(function () {
            showViewPortSize();
        }); 
        </script>

No comments:

Post a Comment

React Hooks - custom Hook

  v CustomHook Ø React allows us to create our own hook which is known as custom hook. Example – 1 localStorage Demo Step-1 Create ...