Implementing Zoom functionality in asp.net

Zoom functionality in asp.net

1. Write the Below code in the  <head> Tag
 <script type="text/javascript">
        function BrowserZoomPluse() {
           nzoom = parseInt(divTest.style.zoom) + 30 + '%';
            divTest.style.zoom = nzoom ;
        }
        function BrowserZoomMinuse() {
            nzoom = parseInt(divTest.style.zoom) - 10 + '%';
            divTest.style.zoom = nzoom ;
        }
        function ResetZoom() {
            nzoom = parseInt(divTest.value);
            divTest.style.zoom = '100%';
        }
    </script>
2. Add the below Code inside the <body> tag
<div id="divTest" style="zoom: 100%">
        <div class="textsize">
         <a  href="javascript:void(0);" onclick="BrowserZoomPluse();">
                Zoom + </a>
                 <a  href="javascript:void(0);" onclick="BrowserZoomMinuse();">
                Zoom - </a>
            <a  href="javascript:void(0);" onclick="ResetZoom();">
               Reset </a>
        </div><br />

 </div>
3. Run the Page and click on Zoom In ,Zoom Out and Reset

Note: zoom works on chrome ,safari and IE .

Comments

  1. KedarDecember 9, 2012 at 10:56 AM

    Hi,
    Its working fine in chrome and ie but its not working when the browser has default add on feature zoom in and zoom out(especially with Firefox)thanks for this simplified java script.

    ReplyDelete
  2. UnknownFebruary 8, 2013 at 10:55 AM

    Thanks

    ReplyDelete
  3. UnknownFebruary 8, 2013 at 10:57 AM

    Great work...!

    ReplyDelete
  4. RiteshFebruary 8, 2013 at 10:59 AM

    Good job Ajay :)

    ReplyDelete

Post a Comment

Popular posts from this blog

Display multiple marker point on Google Map with same location or same Longitude,Latitude

 Display multiple marker point on Google Map with same location or same Longitude, Latitude <!DOCTYPE html> <html> <head>     <title>Google Map</title> <!-- For Google Map Style Sheet--> <style type="text/css">     #map_canvas     {         height: 450px;         width: 980px;     }     .infowindow     {         font-size: 12px;         width: 200px !important;         font-family: verdana;     }     @media print     {         #map_canvas         {             height: 950px;   ...
Read more

Comparing cursor vs. WHILE loop performance

Cursors Cursors are a looping construct built inside the database engine and come with a wide variety of features. Cursors allow you to fetch a set of data, loop through each record, and modify the values as necessary; then, you can easily assign these values to variables and perform processing on these values. Depending on the type of cursor you request, you can even fetch records that you’ve previously fetched. Because a cursor is an actual object inside the database engine, there is a little overhead involved in creating the cursor and destroying it. Also, a majority of cursor operations occur in tempdb, so a heavily used tempdb will be even more overloaded with the use of cursors. The types of cursors used are very important in terms of performance. Below is a list of the available cursor types as listed on     FORWARD_ONLY Specifies that the cursor can only be scrolled from the first to the last row. FETCH NEXT is the only supported fetch option...
Read more