Establecer el foco para jHtmlArea jQuery plugin

StackOverflow https://stackoverflow.com/questions/1615861

Pregunta

Estoy utilizando el complemento jHtmlArea jQuery en mi página y lo hago visible con solo hacer clic en un botón. Ahora estoy tratando de concentrarme en el editor jHtmlArea una vez que se muestra, pero parece que no puedo llegar allí.

Encontré esta publicación de blog Configuración de Focus to Control en un IFRAME usando jQuery que habla sobre establecer un focus en un elemento dentro del IFrame que el complemento de thickbox utiliza estableciendo el focus en el IFrame primero luego al elemento, pero jHTMLArea no coloca ningún elemento en su IFrame.

Entonces, no estoy seleccionando correctamente el elemento del cuerpo de IFrame o llamando a .focus () para que el cuerpo no haga nada por mí.

Esta es la salida que genera 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;"/>

Aquí hay algo de lo que he intentado: 

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

Gracias por cualquier ayuda que puedas transmitir.

¿Fue útil?

Solución

  

cargado: función () {               this.iframe [0] .contentWindow.focus ();           }

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top