Question

J'utilise le plug-in jHtmlArea jQuery sur ma page et je le rend visible en cliquant sur un bouton. Maintenant, j'essaie de placer le focus dans l'éditeur jHtmlArea une fois qu'il est affiché, mais je n'arrive pas à y arriver.

J'ai trouvé cet article de blog Définition du focus sur le contrôle dans un IFRAME à l'aide de jQuery qui parle de la définition du focus sur un élément de l'IFrame utilisé par le plugin thickbox en définissant d'abord le focus sur le IFrame puis à l'élément, mais jHTMLArea ne place aucun élément dans son IFrame.

Donc, soit je ne sélectionne pas correctement l'élément body de l'IFrame, ni j'appelle .focus () pour que le corps ne fasse rien pour moi.

Voici le résultat généré par jHtmlArea:

<div class="jHtmlArea" style="width: 498px;">
  <div class="ToolBar" style="width: 496px;">
    <ul>
      ... removed toolbar code for briefness
    </ul>
  </div>
  <div>
    <iframe style="height: 256px; width: 494px;">
      <html>
        <head>
          <link rel="stylesheet" type="text/css" href="jHtmlArea.Editor.css"></link>
        </head>
        <body>
           <br _moz_editor_bogus_node="TRUE" _moz_dirty=""/>
        </body>
      </html>
    </iframe>
  </div>
  <textarea id="TxtAreaDescription" rows="15" cols="60" name="TxtAreaDescription" style="display: none;"/>

Voici une partie de ce que j'ai essayé:

var iframe = $("iframe");
if (iframe != null) {
    $(iframe).focus();
    $(iframe).contents().find("body").focus();
}

Merci pour toute aide que vous pouvez transmettre.

Était-ce utile?

La solution

  

chargé: function () {               this.iframe [0] .contentWindow.focus ();           }

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top