Focus erteilen

[martin]

Hallo, Euch allen ein glückliches Neues Jahr!
Hier meine Frage: ich möchte in einem Textfeld mit 25 Buchstaben den Begriff Hier bitte den gesuchten Begriff eingeben eintragen und mit blau hinterlegen. Gleichzeitig soll dafür der Focus erteilt werden.

<form action="http://localhost/display.php?" method="get">
 <input  type="text" name="suchstr" value = "Hier bitte den gesuchten Begriff eingeben" size = 25 >

</form>

Wie müsste dafür meine css-Anweisung aussehen?
Viele Grüße, martin

[Lemmy Danger]

Ei guude wie?

<form action="http://localhost/display.php?" method="get">
 <input  type="text" name="suchstr" value = "Hier bitte den gesuchten Begriff eingeben" size = 25 >

</form>

Zunächst mal gibst Du Deinem <form>-Tag einen Namen, z.B. name="formular". Dann benutzt Du die JS-Funktion focus() (->SelfHTML) in einem JavaScript, das Du unterhalb des Formulars einbaust:

<script type="text/javascript">
  document.formular.suchstr.focus();
</script>

Zu der Sache mit dem gefärbten Hintergrund kann ich Dir aber keinen Tipp geben...

LG ausm Hesseland
Lemmy

http://www.olison.com

[Robert Bamler]

Hallo Martin,

[...] mit blau hinterlegen. Gleichzeitig soll dafür der Focus erteilt werden.

<form action="http://localhost/display.php?" method="get">
 <input  type="text" name="suchstr" value = "Hier bitte den gesuchten Begriff eingeben" size = 25 >

</form>

Wie müsste dafür meine css-Anweisung aussehen?

Mit css geht das AFAIK nicht, dafür mit Javascript: Gib einfach dem Formular im einleitenden <form>-Tag einen Namen (<form name="formularname" ...>) und schreib dann _nach_ dem <form>...</form> folgendes:

<script language="JavaScript" type="text/javascript">
<!--
document.formularname.suchstr.focus();
document.formularname.suchstr.select();
//-->
</script>

Und wenn ich schon dabei bin, kann ich gleich auch noch meinen Senf dazugeben, wie ich das normalerweise mache:

<input type="text" name="suchstr" value="Hier bitte den gesuchten Begriff eingeben" onFocus="if (this.value==this.defaultValue) this.select()" size="25" />

Dann wird der Text selektiert, sobald man in das Eingabefeld klickt (oder mit der Tabulatortaste darauf zugreift), aber nur, wenn im Eingafeld noch der Text steht, mit dem es vorbelegt war. Wenn der User also das erste Mal in das Eingabefeld klickt, wird der Text selektiert und er kann ihn ohne umständliches Markieren ersetzen. Wenn er nichts an dem Text ändert, wird der Text auch beim nächsten Mal wieder selektiert. Wenn er den Text aber verändert (also einen Suchbegriff eingibt), wird der Text beim nächsten Mal, wenn der User in das Textfeld klickt, nicht mehr markiert und der User kann evtl. Verbesserungen darin vornehmen.

Viel Erfolg,
Robert

[martin]

Vielen Dank für Eure schnelle Hilfe.
Gruß martin

[Christoph]

Hallo, Euch allen ein glückliches Neues Jahr!

merci you2

Hier meine Frage: ich möchte in einem Textfeld mit 25 Buchstaben den Begriff Hier bitte den gesuchten Begriff eingeben eintragen und mit blau hinterlegen. Gleichzeitig soll dafür der Focus erteilt werden.

<form action="http://localhost/display.php?" method="get">
 <input  type="text" name="suchstr" value = "Hier bitte den gesuchten Begriff eingeben" size = 25 >

</form>

Wie müsste dafür meine css-Anweisung aussehen?

für das Blau machst du folgendes: erstellst ne CSS Datei mit folgendem Inhalt:
.hintergrundblau {background-color: blue;}

dann schreibst du in das inputfeld:
<input  type="text" name="suchstr" value = "Hier bitte den gesuchten Begriff eingeben" size = 25 class="hintergrundblau">

und naja nicht vergessen die CSS Datei einzubinden!
Gruß Christoph

Viele Grüße, martin