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! :-)

 

 

 

Angebot

Sommer Special! Alle Mitgliedschaften zum Sonderpreis!

Prio Support, alle Extensions und alle Templates in einem Paket.

Hier geht's zur Bestellung

Crosstec hilft sparen!

Falls Sie neu bei Crosstec sind aber bereits einen Formulargenerator bei einem anderen Hersteller gekauft haben, dann bekommen sie von uns einen Rabatt von 25% auf unsere 1-Jahres und Pro-Mitgliedschaften

Wie Sie an den Rabatt kommen?

Schreiben Sie uns einfach eine kurze Email mit beigelegten Kaufbeleg (z.B. PayPal Quittung) an sales@crosstec.org.

Wir unterstützen die Joomla Community

Crosstec unterstützt weltweit alle offiziellen Joomla! User Groups und Organisatoren von Joomla! Days die bei Joomla.org registriert sind.

Falls das auf dich zutrifft und du eines unserer Produkte brauchst, schreib uns eine kurze Email an info@crosstec.org und du bekommst eine Flatrate-Mitgliedschaft geschenkt!