Animating width/height by percentage

Question

Hello,
I would like to animate the percentage width / height of
various on-screen objects when I mouse over various parts of the
app. AnimateProperty might seem like a candidate, but it doesn't
appear to support percentages.
Is there a recommended way to implement this?
-Allan

Answer 1

Instead of setting a width and height in the applet tag, have you tried this?
Here's instantiating the applet --
<applet id='myApplet' ...></applet>
And here's my javascript --
function resizeApplet() {
var appObj = getElementById(win, 'myApplet');
if (appObj != null) {
if (self.innerWidth != null && self.innerHeight != null) { // Fix for Mozilla/Netscape browsers
width = self.innerWidth;
height = self.innerHeight;
} else if (document.body.clientWidth != null && document.body.clientHeight != null) {  // IE5+
width = document.body.clientWidth;
height = document.body.clientHeight;
} else {
width=600;
height=200
appObj .width = width - 50;
appObj .height = height;
// Helper function used above to clean up resize code.
function getElementById(win, id) {
if (win.document.getElementById)
return win.document.getElementById(id);
if (win.document.all)
return win.document.all[id];
if (win.document.layers)
return win.document.layers[id];
return null;
Safari still doesn't dynamically resize the applet? I am using Safari 1.1.1 -- should I update to 1.2?