Setting focus to iframe contents

by

I had a similar problem with the jQuery Thickbox (a lightbox-style dialog widget). The way I fixed my problem is as follows:

function setFocusThickboxIframe() {
    var iframe = $("#TB_iframeContent")[0];
    iframe.contentWindow.focus();
}

$(document).ready(function(){
   $("#id_cmd_open").click(function(){
      /*
         run thickbox code here to open lightbox,
         like tb_show("google this!", "http://www.google.com");
       */
      setTimeout(setFocusThickboxIframe, 100);
      return false;
   });
});

The code doesn’t seem to work without the setTimeout(). Based on my testing, it works in Firefox3.5, Safari4, Chrome4, IE7 and IE6.

More Related Contents:

  1. How can I access iframe elements with Javascript?
  2. Javascript callback when IFRAME is finished loading?
  3. javascript access parent DOM across domains?
  4. “Access is denied” JavaScript error when trying to access the document object of a programmatically-created (IE-only)
  5. How to move an iFrame in the DOM without losing its state?
  6. Can I apply CSS to the elements within an iframe?
  7. contentDocument for an iframe
  8. Wait for iframe to load in JavaScript
  9. Stopping a iframe from loading a page using javascript
  10. Unloading/Removing content from an iFrame
  11. How to prevent an iframe from reloading when moving it in the DOM
  12. What’s the most concise cross-browser way to access an element’s window and document?
  13. How can I detect a Scrollbar presence ( using Javascript ) in HTML iFrame?
  14. Why is iframe.contentWindow == null?
  15. Parse an HTML string with JS
  16. jQuery document.createElement equivalent?
  17. When should I use jQuery’s document.ready function?
  18. How can I count text lines inside an DOM element? Can I?
  19. how to access iFrame parent page using jquery?
  20. How to serialize DOM node to JSON even if there are circular references?
  21. Dynamically creating HTML elements using Javascript?
  22. Why aren’t some technically serializable input properties serializable?
  23. Embed an External Page Without an Iframe?
  24. Add an element to the DOM with JavaScript
  25. how to resolve iframe cross domain issue [duplicate]
  26. Storing a variable in the JavaScript ‘window’ object is a proper way to use that object?
  27. iframe not reading cookies in Chrome
  28. How to get element by class name
  29. How to do a wildcard element name match with “querySelector()” or “querySelectorAll()” in JavaScript?
  30. Getting width & height of an image with filereader

Leave a Comment