Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Can a web page adjust a browser's zoom level?

Posted on 2011-03-16
4
755 Views
Last Modified: 2012-05-11
Internet explorer has a zoom control in the lower right corner.  Is there a way for a web page to make itself fit the view area by "auto-adjusting" this control in Internet Explorer?
0
Comment
Question by:RandyTommy
  • 2
4 Comments
 
LVL 9

Assisted Solution

by:jkofte
jkofte earned 100 total points
ID: 35154302
actually, there is no way to detect it with javascript.
but there might be an alternative solution but this can take some time to do.

normally if you zoom in or zoom out in browser, if your content is defined by percentage the ratio of distance between the content remains the same. But if you have one content defined by percentage and one content defined by pixels, this ratio should change when you zoom in or out. by measuring the difference, you can calculate the zoom percentage of the browser.
0
 
LVL 11

Accepted Solution

by:
remixedcat earned 400 total points
ID: 35154826
There are also scripts that will perform this action as well. There also are some that do not use the browser's zoom, however they scale the content and use CSS to re-render the elements.
0
 

Assisted Solution

by:RandyTommy
RandyTommy earned 0 total points
ID: 35159234
I did not know bout the ZOOM function in javascript, which provides the real answer.
Remixedcat's comment led me to do the right Google search, which lead to the function below.

        function window_onresize()
        {
            //  NOTE:  Resizes the document to fit the windows view area.
            //  Replace 1034 and 650 with your actual document dimentions.)

            var w = document.documentElement.clientWidth / 1034;
            var h = document.documentElement.clientHeight / 650;
            if (w < h)
                document.body.style.zoom = w;
            else
                document.body.style.zoom = h;
        }

<body onresize="return window_onresize()" >
0
 

Author Closing Comment

by:RandyTommy
ID: 35187421
Also, It was good to know from jkofte that there is no way to detect zoom with Javascript.  (100 points)
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

It's here again; Microsoft is launching a new version of Internet Explorer: Internet Explorer 9, with noticeable changes on its interface, functions and new tools. As they say on its promotional video: "It's time to play, on a more beautiful web", f…
Do you come here a lot? Are you lazy like me and don't want to go through the "trouble" of having to click your Dock's Safari icon and then having to click your Experts Exchange Favorites bookmark to get here? Well then this article is for you.
Google currently has a new report that is in beta and coming soon to Webmaster Tool accounts. This Micro Tutorial will highlight new features for Google Webmaster Tools.
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.

860 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question