S.Fäßler: Formulare, setFocus

Hallo!
Ich möchte in meinem Formular gleich zu Beginn des Ladens den Input Cursor (Focus) auf das Suchfeld "suchText" setzen.
Hat jemand eine Idee wie das gehen könnte?
Mit dem body Tag onLoad=".." scheint es nicht zu funktionieren.

Gruß
S.Fäßler

-----

<html>
<head>

<title>Suche</title>
<link rel="stylesheet" type="text/css" href="css/style.css">

<SCRIPT LANGUAGE="JavaScript">

function setFocus() {
    document.Suche.suchText.focus();
}

</SCRIPT>

</head>

<body background="images/rand.jpg" leftmargin="40" topmargin="20" onLoad="setFocus();">

<form name="Suche" action="./suchecheck.jsp" method="post">
<b>Sie haben keinen Suchtext eingegeben!</b>
<br>
<br>
<font><b>Suche nach</b></font><br>
<input type="text" name="suchText" size="30" value="" style="background:'#99CCFF'">

<br>
Geben Sie hier den gewünschten Suchtext ein, natürlich können Sie auch nach Teilen suchen, <br>
suchen Sie beispielsweise einen Kunden mit dem Namen Winkelhuber, reicht es, wenn Sie nach <br>
dem Begriff "Winkel" suchen, allerdings erhalten Sie eventuell auch Namen wie Winkelmann <br>
oder ähnliche, die mit Winkel beginnen. <br>
<b>Info: </b> Wenn Sie das Feld leer lassen, bekommen Sie alle verfügbaren Datensätze angezeigt!
<br>
<br>
<br>
<font><b>Suchkriterium</b></font>
<br>
<select name="kriterium" size="1" style="background:'#99CCFF'">
 <option value="0">Alle</option>
 <option value="1">Nach Vorgang</option>
 <option value="2">Nach Datum</option>
 <option value="3">Nach Bericht bis</option>
 <option value="4">Nach Proj.Nr.</option>
 <option value="5">Nach Ang.Nr.</option>
 <option value="6">Nach A.-Partner</option>
 <option value="7">Nach Kunde</option>
 <option value="8">Nach Kommentar                         </option>
 <option value="9">Nach Bemerkung</option>
</select>
<br>
Wählen Sie in diesem Feld aus, nach welchen Kriterien Sie die Datenbank durchsuchen möchten. <br>
Zur Auswahl stehen u.a. Suchen nach einem bestimmten Vorgang, Suchen nach einem bestimmten <br>
Kunden, oder beispielsweise das Suchen nach einer Angebotsnummer. <br>
<br>
<br>

<table border="0">
<tr>
<td>
<button name="Submit" type="submit" value="Suchen"><img src="images/suchen.gif" border="0">  Suchen</button>
</td>

<td>
<button name="reset" type="reset" value="Zurücksetzen"><img src="images/papierkorb.gif" border="0">  Zurücksetzen</button>
</td>
</tr>
</table>
</form>

  1. Guude!

    Mit dem body Tag onLoad=".." scheint es nicht zu funktionieren.

    Wieso? Welche Fehler erhälst Du?

    Ich schätze jetzt mal, dass Deine JS-Funktion das Objekt beim Laden der Seite noch nicht finden kann, da das Formular noch nicht geladen wurde. Versuch doch mal, am Ende Deiner Seite, vor den Body-Schlusstag, den Fokus zu setzen:

    <script type="text/javascript">
      <!--
        document.Suche.suchText.focus();
      //-->
    </script>
    </body>
    </html>

    Vielleicht hilft das ja...

    LG ausm Hesseland
    Lemmy

    1. Guude!

      Mit dem body Tag onLoad=".." scheint es nicht zu funktionieren.
      Wieso? Welche Fehler erhälst Du?

      'document.Suche.suchText' ist Null oder kein Objekt

      Ich schätze jetzt mal, dass Deine JS-Funktion das Objekt beim Laden der Seite noch nicht finden kann, da das Formular noch nicht geladen wurde. Versuch doch mal, am Ende Deiner Seite, vor den Body-Schlusstag, den Fokus zu setzen:

      <script type="text/javascript">
        <!--
          document.Suche.suchText.focus();
        //-->
      </script>
      </body>
      </html>

      Funktioniert leider auch nicht. Das Komische ist ich habe das gleiche Script auf der Login Seite laufen, und dort funktioniert es. Noch eine Idee?

      1. habe den Fehler gefunden, obwohl ich ihn nicht verstehe.
        Der Name des Formulars muß klein geschrieben sein, frag mich nicht wieso. in meiner HTML Version klappt es mit auch mit "Suche" in der JSP Variante nur mit "suche", auf jeden Fall klappt es jetzt. Danke für deine Hilfe.

        <body onload="this.document.suche.suchText.focus();" background="images/rand.jpg" leftmargin="40" topmargin="20">

        <form name="suche" action="./suchecheck.jsp" method="post">
        <font><b>Suche nach</b></font><br>
        <input type="text" name="suchText" size="30" value="" style="background:'#99CCFF'">