Guten Abend,
ich habe hier folgenden Code geschrieben den ich gerne vereinfachen möchte, aber leider weiß ich nicht wie.
Der Code sucht die input[text] Felder aus der "#content-box". Der Inhalt in der "#content-box" ist dynamisch. Wenn er die Felder gefunden hat wird der vorgebene Value in einer Variable gespeichert. Wenn man nun in das Feld klickt wird der Value auf null gesetzt. Wenn man dann was eingibt bleibt der Value natürlich der den man gerade eingeben hat. Wenn man aber den Inhalt wieder löscht, weil man sich zum Beispiel vertan hat, dann wird wieder der vorher vorgebene Wert eingesetzt.
Hauptsächlich stört mich die erste Zeile da die ja doch nicht so schön ist und wie ich gelesen habe auch nicht sehr Ressourcen schonend. Ich habe schon alles mit "on" "load" und "ready" versucht. Wie ich nun gelesen habe kann es mit "load" und "ready" nicht funktionieren. Nur wie klappt es dann mit on? Ich muss ja irgendein event eingeben, doch ich finde nicht welches.
Ich bedanke mich schon mal im Voraus und bin dankbar für jede konstruktive Antwort.
ich habe hier folgenden Code geschrieben den ich gerne vereinfachen möchte, aber leider weiß ich nicht wie.
Code:
$('#content-box').on('DOMSubtreeModified', function(){ $("input:text").each(function() { var value = $(this).val(); $(this).focusin(function() { if($(this).val()===value){ $(this).val(''); $(this).css('color', '#333'); } }); $(this).focusout(function() { if($(this).val().length < 1){ $(this).css('color', 'rgba(0,0,0,0.5)'); $(this).val(value); } else { $(this).css('color', '#333'); } }); }); });
Hauptsächlich stört mich die erste Zeile da die ja doch nicht so schön ist und wie ich gelesen habe auch nicht sehr Ressourcen schonend. Ich habe schon alles mit "on" "load" und "ready" versucht. Wie ich nun gelesen habe kann es mit "load" und "ready" nicht funktionieren. Nur wie klappt es dann mit on? Ich muss ja irgendein event eingeben, doch ich finde nicht welches.
Ich bedanke mich schon mal im Voraus und bin dankbar für jede konstruktive Antwort.
Kommentar