Wie man set cursor focus onload?

Ich verwenden h:selectOneRadio-tag.

Ich brauche, um den cursor-Fokus auf die erste radio-Bereich.

<f:view>
<html>
     <head>
           <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">      
     </head>
     <body>
         <h:form id="focusForm" >
              <h:selectOneRadio id="testRadioId" value="">
                     <f:selectItem id="si1" itemLabel="JSF" />
                     <f:selectItem id="si2" itemLabel="JSP" />
              </h:selectOneRadio>
         </h:form>
</body></html></f:view>

hier Der Firefox (- browser) weisen id :focusForm:testRadioId:0 das Feld.

Also ich benutze Folgendes script:

document.getElementById("focusForm:testRadioId:0").focus();

Aber,

Einige Male, kann ich dynamisch ändern, deaktivieren Sie das Feld "radio" aus backing-bean.

<h:selectOneRadio id="testRadioId" value="">
                 <f:selectItem id="si1" itemLabel="JSF" itemDisabled="true"/>
                 <f:selectItem id="si2" itemLabel="JSP" />
</h:selectOneRadio>

So, hier deaktiviere ich die ersten radio-button.

Nun, Wenn ich das gleiche Skript, dann nicht einstellen, den cursor-Fokus auf die erste radio-Bereich.

wie mache ich das? das heißt, wie verändern mein Skript dynamisch während der onload?

Bitte helfen Sie mir.

Vielen Dank im Voraus.

Update:

Dank BaluC.

Dem folgenden code gearbeitet wird.

 <a4j:loadScript src="resource://jquery.js"/>
 <script type="text/javascript">   
         function setFocusRadioField()
         {
              jQuery(':input:visible:enabled:first').focus(); 
          }
 </script>

<body onload="setFocusRadioField();">
</body>

Aber die folgende code nicht funktioniert.
Ich Teste die folgende Weise:

jQuery('#focusForm\:testRadioId:enabled:first').focus();

Dann, 

jQuery('#focusForm\\:testRadioId:enabled:first').focus();

Dann,

var id = "#focusForm:testRadioId:enabled:first".replace(/:/g, "\\:");
jQuery(id).focus();

Ich weiß nicht, wo ich den Fehler.
Besser, ich brauche den cursor-Fokus mit id.
Vielen Dank im Voraus.

InformationsquelleAutor Eswar | 2010-06-17
  1. 1

    Da Sie tagged jQuery, hier ist eine jQuery-Lösung:

    $('[id^=focusForm:testRadioId]:enabled:first').focus();

    Den [id^=name] Selektor findet alle Elemente, angefangen mit dem Namen name.

    Wenn Ihre Absicht ist wirklich zu konzentrieren, die erste nicht-versteckten und nicht-Behinderte input-element der Seite, unabhängig von der Art des Eingangs, dann verwenden Sie diesen:

    $(':input:visible:enabled:first').focus();
    • Vielen Dank für Ihre volle Unterstützung. Jetzt ich check es der erste code. [id^=name]. Seine perfekt gearbeitet.
    • Aber nicht funktionierte im IE6,IE8.
    • $('[id^=focusForm:testRadioId]:aktiviert:first').focus(); Dessen arbeitete in FIreFox. Nicht funktioniert in IE6,IE8. Ich habe keine anderen browser. Ich bin noch nicht überprüfen, alle anderen browser.
    • Es sollte funktionieren. Sie alle haben eine name - Attribut?
    • ya.ich check es. Seine arbeitete im IE. Aber es ist ein problem in IE: Nach dem laden der Seite, ich kann nicht sehen, den cursor-Fokus im radio-Bereich.Aber, wenn ich drücken Sie die TAB-Taste (zum ersten mal nach dem laden der Seite), dann bewegen Sie den cursor focus auf die nächste Komponente.
    • Ich habe zum Beispiel TEXTFIELD-1, radio-Feld -, TEXTFIELD-2 . Ich schrieb code, der für Fokus das Feld "radio" bei onload . Im IE8, Nach dem laden , kann ich nicht sehen, den cursor-Fokus auf radio-Bereich. Aber nach dem laden habe ich drücken Sie die tab-Taste, dann bewegen Sie den cursor Fokus auf den TEXTFIELD-2. Dieses problem onle IE. Nicht FireFox.

    InformationsquelleAutor BalusC
  2. 0

    Zog ich javascript für diese. Stelle js-Funktionsaufruf in den body-tag des HTML. Definieren Sie die javascript Funktion in js-Datei, oder zumindest bevor Sie es aus dem body-tag. Also, wenn Sie gehen, um zu definieren, die Funktion in der HTML-Datei, tun Sie es früh.

    HTML:

    <body onload=formFocus()>

    JavaScript:

    <script type="text/javascript">        
    function formFocus()
    {
        focusForm.si1.focus();
    }
</script>
    • Aus der Frage: "Doch, Einige Male, kann ich dynamisch ändern, deaktivieren Sie das Feld "radio" aus backing-bean". Diese Antwort nicht verdecken.
    InformationsquelleAutor Brent Connor
Schreibe einen Kommentar