mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 20.04.2024 06:20 Benutzername: Passwort: Auto-Login

Thema: Kontaktformularbeschriftung mittels JS verschwinden lassen vom 12.06.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Kontaktformularbeschriftung mittels JS verschwinden lassen
Autor Nachricht
_Paul_
Threadersteller

Dabei seit: 26.11.2007
Ort: Berlin
Alter: 36
Geschlecht: Männlich
Verfasst Do 12.06.2008 09:53
Titel

Kontaktformularbeschriftung mittels JS verschwinden lassen

Antworten mit Zitat Zum Seitenanfang

Hallo,

ich habe mittels HTML und CSS ein Kontaktformular erstellt. In den input-Feldern steht, was der Besucher in sie eingeben soll (mittels value="..."): Screenshot

Nun möchte ich aber, dass die Schrift verschwindet sobald der Besucher in das jeweilige Feld hineinklickt. Ich habe inzwischen rausgefunden dass das mit Javascript zu machen ist, weiß allerdings nicht wie das geht, da ich von Javascript null Ahnung habe.

Ich möchte nun nicht soweit gehen und jemanden bitten mir zu sagen wie das geht, vielmehr würde ich gern wissen wie dieser Effekt genau heißt und ob und wo ich eventuell Anleitungen finde, um ihn selbst zu erstellen?

Vielen Dank für die Antworten :)
  View user's profile Private Nachricht senden
synni

Dabei seit: 31.07.2003
Ort: koeln
Alter: 38
Geschlecht: Männlich
Verfasst Do 12.06.2008 10:05
Titel

Antworten mit Zitat Zum Seitenanfang

hey, probier' es doch mal mit dem folgenden code.

Code:
<input name="name" type="text" onFocus="if(this.value=='dein text') this.value=''" value="dein text">
  View user's profile Private Nachricht senden
Anzeige
Anzeige
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Do 12.06.2008 10:11
Titel

Antworten mit Zitat Zum Seitenanfang

ums noch genauer zu machen:

Code:

<input name="name" type="text" value="Vorname"  onfocus="if(this.value=='Vorname') this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" />



edit:

ach verdammt, das:

Zitat:
Ich möchte nun nicht soweit gehen und jemanden bitten mir zu sagen wie das geht, vielmehr würde ich gern wissen wie dieser Effekt genau heißt und ob und wo ich eventuell Anleitungen finde, um ihn selbst zu erstellen?


habe ich zu spät gelesen.

falls es dich dennoch intressiert:

Eventhandler
wie man ein value ausliest
+ ein paar kleine js grundlagen *zwinker*


Zuletzt bearbeitet von choise am Do 12.06.2008 10:15, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
_Paul_
Threadersteller

Dabei seit: 26.11.2007
Ort: Berlin
Alter: 36
Geschlecht: Männlich
Verfasst Do 12.06.2008 10:37
Titel

Antworten mit Zitat Zum Seitenanfang

Danke euch beiden, habe es hinbekommen :)

@Choise: Danke für die zusätzlichen Linkhinweise, ich stöber da gerade durch :)
  View user's profile Private Nachricht senden
 
Ähnliche Themen textfelder mittels css so anpassen
Tutorial zur Positionierung mittels CSS
Imagemap mit Hovereffect mittels CSS
Logische Datenabfrage mittels URL
DIV überlappend mittels PHP öffnen
Schwellenwert mittels Script
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.