Drag-and-Drop Resizable Flash...

[z12]

Here's the code to make the height & width parameters 100%.

In the js toggle function, you'll see some code like this

Code:

if (oSpan && oSpan.firstChild.nodeName.toLowerCase() == "textarea"){
            var fnHTML = oSpan.firstChild.value;       // this is the html inside the textarea node
            oSpan.removeChild(oSpan.firstChild);       // delete the textarea node

for a test, insert the two "foo" lines

Code:

if (oSpan && oSpan.firstChild.nodeName.toLowerCase() == "textarea"){
            var fnHTML = oSpan.firstChild.value;       // this is the html inside the textarea node
            var foo = fnHTML.replace(/((?:height|width)\s*=\s*["']*)\w+/gi,'$1100%');
            alert(foo);
            oSpan.removeChild(oSpan.firstChild);       // delete the textarea node

This will alert the the new "100%" height & width parameters that would be used.
The code is not actually replaced, it's just for you to inspect.

If all looks well and you want to go for it, edit so the final code looks like this:

Code:

if (oSpan && oSpan.firstChild.nodeName.toLowerCase() == "textarea"){
            var fnHTML = oSpan.firstChild.value;       // this is the html inside the textarea node
            fnHTML = fnHTML.replace(/((?:height|width)\s*=\s*["']*)\w+/gi,'$1100%');
            oSpan.removeChild(oSpan.firstChild);       // delete the textarea node

In the end, all we've done is inserted 1 line of code.
Make sure the browser reloads the edited js file each time you change it.

I tried it on the flash 9 demo test page.
Also tested it out at usatoday on the flash at the upper right of the home page.

The flash 9 demo got much bigger.
usatoday's flash appeared to remain the same size.
At least nothing caught on fire.

I plan on trying out the code you posted later today.

z12