|
October 6, 2001 Initializing the style Object  Tips: October 2001
Yehuda Shiran, Ph.D.
|
|
|
The style object's zoom property does not inherit its initial value from its corresponding STYLE rule. You need to initialize it by yourself, in your JavaScript code. The following text box affects the zoom factor of the element below it ("Have you read our columns about Print Templates?"). Every time you hit the RETURN key, the zoom factor is being updated, not before its previous zoom factor is printed to an alert box. Play around with it for a while:
%
Have you read our columns about Print Templates?
Notice that the alert box does not include the zoom factor specified in the STYLE's #container1 rule, although its effect is clearly noticeable (200%). Here is the how we define the STYLE rule #container1 in this tip:
style object's zoom property not initialized), you need to explicitly initialize the style's zoom property. We added an onload event handler to this tip's BODY tag, which is set to init(). The init() function looks like this:
container2 below. After you hit the RETURN key, the alert box will include the initial zoom factor (150%):%
Have you read our columns about Print Templates?
Here is the how we define the STYLE rule #container2 in this tip:
container2 and its event handler, updateZoom2():
init() function.This tip works on IE 6.0 and above.
People who read this tip also read these tips: Look for similar tips by subject:
|
Legal Notices, Licensing, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs 
