Drag-and-Drop Resizable Flash...

[z12]

With the replacement tweaks, the flash on usatoday's home page doesn't look right when it's initially toggled on.

But Step:1 is fixing the js so it finds the right elements to play with.
To do so, the following code needs to be inserted:

Code:

function setFlashProps(pn){
          
          // array of child nodes
          var cn=pn.childNodes;
          
          // get the child node count
          var nc=cn.length;
          
          // drill down through the child nodes
          while(nc--){
            setFlashProps(cn[nc]);
          }
          
          var pnName = pn.nodeName.toLowerCase();
          
          if (pnName == "object"){
            pn.style.position ="relative";
          }
          
          if (pnName == "embed"){
            pn.style.position ="relative";
          }
          
        }

Insert the new code just above this line:

Code:

var imgName = aToggle.firstChild.src.split(/\/player_[^.]+/i);

Then replace this code:

Code:

oSpan.firstChild.style.position ="relative";
            if(oSpan.firstChild.lastChild)oSpan.firstChild.lastChild.style.position ="relative";

Note: the post above is showing leading spaces on the 2nd line.
there not really there.

With this code:

Code:

setFlashProps(oSpan);

The end result of all this means it doesn't matter what's in the textarea or the order it's in.
The js will still find the object/embed tags that are inside the textarea.

Right now the setFlashProps function just looks for object & embed tags.
When it finds one, it sets the position property. Other properties could also set.

If need be, checks could be added for other nodes, such as div or param elements.
Node matches could be based on nodeName, className or whatever.
Then, you could bend them to your will.

z12