La mise au point d'un iFrame dans IE

Il y a un arbre de menu dans mon application et cliquez sur les éléments de menu, il charge d'une url dans une iFrame. J'aime définir le focus à un élément de la page chargée dans l'iFrame.

Je suis en utilisant ce code, et il fonctionne parfaitement dans tous les navigateurs sauf IE:

var myIFrame = $("#iframeName");
myIFrame.focus();
myIFrame.contents().find('#inputName').focus();

J'ai essayé toutes les différentes options comme l'utilisation de setTimeout, mais pas de chance.

Après le chargement de la page, quand j'appuie sur la touche tab, il va à la deuxième entrée, ce qui signifie qu'il a été sur la première entrée, mais il n'est pas afficher le curseur!

Je suis en utilisant ExtJS et la ManagedIFrame plugin.

Toute aide est appréciée.

Est l'iFrame URL à partir d'un domaine différent de celui de la fenêtre principale? Il y a la sécurité de domaine craintes, et IE se comporte un peu différemment. Aussi, est-ce code enveloppé pour s'exécuter sur le document de prêt, ou tout simplement dans la page?
Il charge la page dans le même domaine. Oui, le code est encapsulé à l'intérieur du document de prêt. Il fonctionne en fait sur FireFox, Chrome et Safari, pas sur IE.

OriginalL'auteur Amin Emami | 2010-01-11

  1. 4

    Vous devez appeler la focus() méthode de l'iframe est window objet, pas l'élément iframe. Je ne suis pas un expert de jQuery ou ExtJS, donc mon exemple ci-dessous utilise ni.

    function focusIframe(iframeEl) {
    if (iframeEl.contentWindow) {
        iframeEl.contentWindow.focus();
    } else if (iframeEl.contentDocument && iframeEl.contentDocument.documentElement) {
        //For old versions of Safari
        iframeEl.contentDocument.documentElement.focus();
    }
}
    Je l'ai essayé et ça ne fonctionne pas.

    OriginalL'auteur Tim Down

  2. 3

    Est l'iFrame visible onload, ou montré plus tard? Les éléments sont créés dans un ordre différent qui est à la base de la setTimeout approche. Avez-vous essayer une haute valeur de temps d'attente sur un set timeout?

    Essayer quelque chose comme au moins une demi-seconde pour tester...c'est à dire a tendance à faire les choses dans un ordre différent, de sorte qu'une forte délai peut être nécessaire pour obtenir de ne pas le feu jusqu'à ce render/finitions de peinture:

    $(function(){
  setTimeout(function() {
    var myIFrame = $("#iframeName");
    myIFrame.focus();
    myIFrame.contents().find('#inputName').focus();
    }, 500);
});
    Eh bien, j'ai même essayé avec 1000 avant. Une chose de plus qui peut l'aider, elle affiche le pointeur de la souris pendant un moment, et le curseur s'en va immédiatement! Comme je l'ai dit dans la question, après avoir cliqué sur l'onglet, il va à la prochaine zone de saisie. Il n'a tout simplement pas affiche le curseur. Aussi, l'iframe est visible onload, mais définit l'src plus tard, chaque fois que l'utilisateur clique sur un élément de menu.
    Êtes-vous concentrant à chaque fois que l'iframe src changements?
    Oui, je le suis. Elle a mis l'accent juste après documentloaded événement à chaque fois.

    OriginalL'auteur Nick Craver

  3. 1

    Difficile à résoudre sans un exemple de travail, mais vous pouvez essayer de masquage et affichage de la saisie, de la force, c'est à dire le rafraîchissement de l'élément.

    Quelque chose comme:

    var myIFrame = $("#iframeName");
myIFrame.focus();
myIFrame.contents().find('#inputName').hide();
var x = 1;
myIFrame.contents().find('#inputName').show().focus();

    Cela pourrait secouer IE dans l'affichage du curseur.

    OriginalL'auteur honeybuzzer

  4. 0

    J'ai pu obtenir, c'est à dire un champ de saisie dans un iframe avec:

    iframe.focus();
var input = iframe...
input.focus();
iframe.contentWindow.document.body.focus();
input.focus();

    OriginalL'auteur Arne de Bruijn