Vorgabewerte im Textfeld
Eingetragen von Helge (404)am 23.05.2013 - 15:06 Uhr in
Hallo zusammen,
im Benutzerprofil habe ich ein Textfeld integriert, in das die Kontaktdaten des Benutzers eingetragen werden sollen.
Damit diese immer in der gleichen Form dargestellt werden, habe ich als Vorgabewert folgendes eingetragen:
Name:
Straße:
Fon:
Fax:
Mail:
Nun werden dieses Vorgaben auch ausgegeben, wenn niemand dort weiteres eingetragen hat.
Das ist blöd. Eigentlich sollen nur ausgefüllte Felder angezeigt werden.
Die Vorgabewerte sollen dem Benutzer lediglich als Hinweis dienen, wie das Textfeld auszufüllen ist.
Hat da jemand einen Lösungsansatz?
Gruß
Helge
- Anmelden oder Registrieren um Kommentare zu schreiben
Da gibt es genügend Ansätze
am 23.05.2013 - 19:44 Uhr
Da gibt es genügend Ansätze mit JQuery:
so http://www.grasmash.com/article/using-jquery-prepopulate-inputs-default-...
oder so: http://www.dave-schwab.com/2012/05/create-prefilled-form-fields-with-jqu... (bei dem bsp musst du die letzte Anweisung umdrehen)
Kannst ja auch noch googlen z:B. mit "jquery clear pre popolated fields"
Gruß
Christian
Lass mich raten
am 24.05.2013 - 12:55 Uhr
Lass mich raten Christian,
der vorausgefüllte Text verschwindet dann wenn der Benutzer etwas einträgt.
So wie bein einer Suchmaske z.B. "Suchwort eingeben".
Ich hätte halt gerne, dass der Benutzer hinter dem Text weiter etwas ausfüllt.
Also das "Name:" stehen bleibt und nicht verschwindet. Sonst muss der Benutzer ja "Name:" nochmal eintragen.
Aber ich beschäftige mich mal mit den prefilled und prepopulated Fields.
Ich habe das mit den jQuery
am 24.05.2013 - 13:07 Uhr
Ich habe das mit den jQuery inFieldLabels gelöst:
Beispiel: http://www.webtransformer.de/kontakt
Einfach inFieldLabels Plugin in dein Theme integrieren:
http://fuelyourcoding.com/scripts/infield/
Hier ist mein Code (kannst ihn gerne verwenden).
Du musst natürlich deine deine IDs eintragen.
(function ($) {
Drupal.behaviors.kontakt = {
attach: function(context) {
$("body.page-node-24 .webform-component label").inFieldLabels();
// expose the form when it's clicked or cursor is focused
var form = $("body.page-node-24 #mainContent").bind("click keydown", function() {
$(this).expose({
// when exposing is done, change form's background color
onLoad: function() {
},
// when "unexposed", return to original background color
onClose: function() {
}
});
});
}
};
Die ausgewählten Beispiele
am 24.05.2013 - 13:08 Uhr
Die ausgewählten Beispiele prüfen ob der Wert der Felder den Werten des Textes entspricht der für das prepopulate benutzt wird, dann wird gelöscht - hängt auch von dem Event ab das man wählt Wenn der Benutzer etwas dazuschreibt, sollte auch nichts gelöscht werden.
Wenn Du eine fertige Lösung eins zu eins übernehmen willst, musst Du halt eine suchen. So kurze JQuery-Beispiele sind eigentlich dafür da dass man sich einen Lösungweg ansehen kann und den dann für seine Anwendung anpasst.
Gruß
Christian