Statt die Namen der einelnen Felder, möchte ich, dass Text in den Feldern steht, der verschwindet, sobald man das jeweilige Feld angeklickt hat. Wie mache ich das?
*Hinweis: In der neusten Version von Breezingforms, ist dies schon ein eingebautes Feature im Quickmode! Es heißt Placeholders.
Erstellen Sie ein neues Textfeld- oder Textbereich-Element. Zur veranschaulichung werde ich diesem Element die Folgeden Eigenschaften mitgeben:
Typ: Textfeld - oder - Textbereich
Name: Message
Titel: message
Inhalt: Hier den gewünschten Text eingeben.
(Die restlichen Felder können eingestellt sein, wie Sie wollen.)
Gehen Sie zu den Erweiterten Einstellungen des Elementes und ändern Sie Im Aktionsskriptbereich, den Typ zu:
Typ: Custom
Aktionen: Klick und Fokus sollten sollten aktiviert sein.
In dem darunterliegenden Textbereich müssen Sie jetzt folgenden Code eingeben:
function ff_message_action(element, action) { switch (action) { case 'click': if (element.value=='Please write your message here.') {element.value=''}; break; case 'blur': if (element.value==''){element.value='Please write your message here.'}; break; default:; } } // ff_message_action
Stellen Sie sicher, dass der Funktionsname ( ff_message_action(element,action ) den selben Namen hat, wie der den Sie in den Eigenschaften Ihres Elemente vergeben hatten. In unserem Falle also "message".
Sollten Sie den namen verändert haben, müssen Sie nun auch den Namen der Funktion an den von Ihnen gewählten Namen anpassen. Beispiel: Wenn Sie nun Ihr Element "Alpha" genannt haben, dann müsste die erste Zeile ihres Aktionsskripts folgende sein:
ff_Alpha_action(element,action
Außerdem muss der "Inhalt"-Wert dem selben Wert entsprechen, den Sie zuvor in den Eigenschaften festgelegt haben. In unserem Falle also:
Hier den gewünschten Text eingeben.
welches dem Wert, den wir zuvor zugewiesen haben gleicht. Wenn Sie nun den Wert in den Eigenschaften des Elements geändert haben, zum Beispiel zu:
(555) 555-5555
Dann müsste Ihr Skript, vorausgesetzt der Name ist nun Alpha, so aussehen:
function ff_Alpha_action(element, action) { switch (action) { case 'click': if (element.value=='(555) 555-5555'){element.value=''}; break; case 'blur': if (element.value==''){element.value='(555) 555-5555'}; break; default:; } } // ff_Alpha_action
Zu guter letzt klicken Sie bitte unten rechts auf den blauen "Speichern" Knopf und danach auf den grünen Speichern Knopf oben-links, um das Element und anschließend das Formular selbst zu Speichern.
Probieren Sie es aus! -- Und wie durch Zauberhand, sollte nun Ihr Text beim anklicken verschwinden! :-)