Is there a way to set focus to the embed HTML element using JavaScript? Test case: embedded YouTube videos on a page.

I have no control over the embedded Flash element. So, is there a way to set focus on it by using only JavaScript?

I read somewhere that calling the element.focus() method works only in IE. I need a browser-independent way that works in Chrome/Firefox.

Thanks!

Is there a way to set focus to the embed HTML element using JavaScript? Test case: embedded YouTube videos on a page.

I have no control over the embedded Flash element. So, is there a way to set focus on it by using only JavaScript?

I read somewhere that calling the element.focus() method works only in IE. I need a browser-independent way that works in Chrome/Firefox.

Thanks!

• javascript
• jquery
• flash
• firefox
• google-chrome

4 Answers 4

This only works in Internet Explorer.

http://kb2.adobe./cps/155/tn_15586.html

I've tried to do this too, and ended up to a nice solution using jquery:

var gotoflash=jQuery("#flash_file").offset().top;jQuery("html:not(:animated),body:not(:animated)").animate({ scrollTop: gotoflash}, 1000);

where: <div id="flash_file"> flash object code here </div>

It can be done by adding flash content dynamically, for example with swfobject.

I haven't confirmed this, but you could try:

function thisMovie(movieName) {
    if (navigator.appName.indexOf("Microsoft") != -1) {
         return window[movieName];
    } else {
         return document[movieName];
    }
}

    // Call from within another function:
    thisMovie("FlashObjectID").focus();
    thisMovie("FlashObjectID").showFlash(); 
    // showFlash() is an AS3 ExternalInterface call from JS to .swf which establishes the TextInput.setFocus(); method

source: http://www.htmlforums./archive/index.php/t-64150.html