These days I was struggling with this problem: I needed to scroll the page (using javascript) to the embeded swf object. After some search and tests I used the following function (found here) to find the Y position of the object.
function findPosY(obj) { var curtop = 0; if(obj.offsetParent) while(1) { curtop += obj.offsetTop; if(!obj.offsetParent) break; obj = obj.offsetParent; } else if(obj.y) curtop += obj.y; return curtop; }
The next step was to use it with according to my need. So I taken the following steps:
- get the object using getElementById (my object has an id set)
- put the obtained object into the findPosY funtion to get its Y position
- use scrollTo function to scroll the page to the desired Y position
But… big problem occurred. Firefox browser is returning a totally different Y position (afterward I found that it happens to all Gecko based browsers). The difference is approximately the height of the swf object. By trial and error I found that I have to substract the swf height and add 15 pixels.
Using embeds doesn’t give you the same problem. Instead of document.getElementById() function use document.embeds[] array and you won’t have this problem. You can test all these following this link.
The scrolling method is here:
function scrollToMovie(obj) { var cy = 0; // get the y position cy = findPosY(obj); // Gecko engine work arround // // Gecko returns another value (when using the // object tag instead of embed tag) which is // somehow equal with: // y position + object height - 15 // (this was found by trial and error) if (obj.tagName == "OBJECT") { if (navigator.userAgent.indexOf("Gecko")!=-1) { cy = cy - obj.height + 15; } } // scroll to the movie window.scrollTo(0, cy - 10); }
Please notice that we check if OBJECT is used and if the browser is Gecko. This is it. Archive with the HTML file can be downloaded at the end. If you’ll open the HTML file from your desktop a notification window will appear regarding flash security issues.
The test page is here: http://www.flexer.info/wp-content/uploads/2008/10/test_object_embed.html.
|
Tags: embed, Javascript, object, scroll
This post was written by Andrei Ionescu
Views: 7298
Articles
You can use document.embeds[0].focus() or href=”#myMovie” link.
These are more simple. If you don’t want animation effect like smooth moving…