Imposta lo stato attivo su jHtmlArea plugin jQuery

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

Domanda

Sto usando il plugin jHtmlArea jQuery sulla mia pagina e lo sto rendendo visibile facendo clic su un pulsante. Ora sto cercando di focalizzare l'attenzione sull'editor jHtmlArea una volta visualizzato, ma non riesco proprio ad arrivarci.

Ho trovato questo post sul blog Impostare Focus su Control in un IFRAME usando jQuery che sta parlando di focus su un elemento all'interno di IFrame che utilizza il plugin thickbox impostando focus su IFrame prima quindi all'elemento, ma jHTMLArea non inserisce alcun elemento nel suo IFrame.

Quindi, o non sto selezionando correttamente l'elemento body di IFrame o chiamando .focus () al body non sta facendo nulla per me.

Ecco l'output che jHtmlArea sta generando: 

<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;"/>

Ecco alcune delle cose che ho provato: 

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

Grazie per l'aiuto che puoi trasmettere.

È stato utile?

Soluzione

  

caricato: funzione () {               this.iframe [0] .contentWindow.focus ();           }

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top