Placeholder Text ausblenden bei Klick ins Textfeld

[Stiwano]

Liebe Gemeinde,

wenn ich Text innerhalb eines Labels stehen habe, verschwindet der Text erst beim Tippen in dieses Feld. Ich möchte gerne, dass er aber schon bei "focus", also beim hineinklicken in das Textfeld, verschwindet. Leider finde ich dazu nichts. Es braucht wohl etwas JavaScript, nehme ich an. Kann mir jemand helfen, bitte!

Ich verwende Contao 3.1.1

LG
Stephen

[wulf]

jQuery-Möglichkeit

$(document).ready(function(){
      $(':text').click(function(){
           $('.test').attr("placeholder", ""); //.test ist die class des textfeldes
     });
});

geht aber bestimmt auch anders

[Stiwano]

So leider nicht. Noch eine Idee?

[valentin_]

hast du die klasse angepasst und jquery aktiviert? gibts einen js fehler?

Gesendet von meinem GT-I9505 mit Tapatalk 2

[Stiwano]

Ja, die Klasse habe ich auf .textarea geändert. Und ja, es gab erst eine Fehlermeldung, weil auch Mootools aktiv ist. Dann habe ich das umgeschrieben in:

<script>
(function($) {
$(':text').click(function(){
$('.textarea').attr("placeholder", ""); //.test ist die class des textfeldes
});
}) (jQuery);
</script>

Fehlermeldung weg, aber gehen tut nix.

[wulf]

versuche mal $(':input') anstelle von $(':text'), dann sollte es gehen

[Stiwano]

Ja, aber der Text kommt jetzt nicht wieder wenn man wieder aus dem Textfeld rausgeht. Und der Text aus allen Feldern verschwindet gleichzeitig, auch bei Verwendung unterschiedlicher Klassennamen. Also irgendwie ist es das noch nicht. Noch jemand eine Idee? Ich habe was gelesen von "inputControle .bind"

[valentin_]

machs am besten nicht mit placeholder sondern mit standardwert und installier die erweiterung cleardefault. den jetzigen code wuerde ich so keinesfalls verwenden

Gesendet von meinem GT-I9505 mit Tapatalk 2

[Stiwano]

Da muss ich blöd fragen. Ich habe einfach den Formulargenerator verwendet. Was meinst du mit Standardwerten?