I have a simple HTML textbox control. I need to zoom the control on MouseOver or Click or Dbl Click etc.. events.
If i specify "textbox1.style.zoom: 200%" it is working as expected in IE. But firefox is not recognizing the ZOOM property. How can i zoom the whole textbox control in Firefox.
Do let me know if any thoughts !!!
If you read up on that
If you read up on that property you would find that it's a MS IE proprietary property only, it will not work in FF or many other browsers.
There are only two browsers
There are only two browsers who zoom at all: Opera and IE7. Only IE6 and 7 have a zoom css function. I am trying to think of an instance where you'd want something to zoom, instead of simply making it bigger, a flexible size, or just let the user control the page to their wishes... but I can't.
My requirement is,
Place a textbox control inside a DIV . Allow user to resize the DIV Pane at runtime .While resizing the DIV Pane the textbox control should also get resized.
ie.. DIV and text box should be grouped toghether so that when the user resize the DIV, automatically the text box size should also get increased.
On Mouse Down and Mouse Up Capture the client X,Y co-ordinates and increase the width and height of the DIV as well as textbox control accordingly.
Problem : While resizing the DIV (and the TextBox as a group) the "text value" inside the textbox is not getting enlarged. I want to a solution to increase the Font-Size as well while the user resize the DIV.
(if i use the CSS Zoomm property it is exactly enlarging the whole control group along with its text. But it is not supported by FireFox as HUGO pointed out.)
I think this will give you a clear idea..!!!!
A better way to let users
A better way to let users enlarge stuff is to size everything in a flexible unit, and then let the user use text-enlarge. This can even work with IE. Users of IE7 may well just use it's own zoom property, as will Opera users.
Check out this page in any browser that resizes text (so, not Opera) and see how everything gets bigger at the same rate except images: http://stommepoes.nl/Homeselling/secondhome/invoeren2.html
Everything, the page itself, the boxes, the form, the text, is sized in em's. I could have done % I guess, but I just don't.
As a note, Safari users have been allowed to resize the actual boxes for some time now. It doesn't also scale the text, but it seems to make the Mackies happy : )
*edit, there is a single item that doesn't seem to scale other than the images: the checkboxes and radio buttons. It's possible that I could get that to work as well with em padding or the such... just didn't think of it.
Stomme poes wrote:There are
There are only two browsers who zoom at all: Opera and IE7.
Not true! Firefox 3 does it now, and in my opinion it does it better than either of the others. Furthermore it remembers the zoom level you set for individual sites, which is very handy indeed.
Really? Thanks for telling
Really? Thanks for telling me... I've been delaying getting FF3 until more users have moved into it.
Better than Opera's? Howso? Opera's pretty good with zoom. Ie7, not so much : )