$("#s")
.val("Search...")
.css("color", "#ccc")
.focus(function(){
$(this).css("color", "black");
if ($(this).val() == "Search...") {
$(this).val("");
}
})
.blur(function(){
$(this).css("color", "#ccc");
if ($(this).val() == "") {
$(this).val("Search...");
}
});
- Wert des Feldes auf „Suchen…“ setzen
- Wenn das Feld in den Fokus gerät, Farbe auf Schwarz setzen.
- Wenn der Wert Standard ist, diesen entfernen.
- Wenn das Feld den Fokus verliert, Farbe zurück auf Hellgrau setzen.
- Wenn der Wert leer ist, Standardwert wiederherstellen
Ich möchte, dass der Text nur dann wieder grau wird, wenn es sich um den Standardtext „Suchen…“ handelt.
blur(function(){if ($(this).val() == "") {
$(this).css("color", "#ccc");
$(this).val("Search...");
}
Ich denke, diese hier ist besser, sie funktioniert für alle Textfelder und verwendet den Wert auf der Seite anstatt den Wert in jQuery zu deklarieren.
swap_val = [];$(".swap").each(function(i){
swap_val[i] = $(this).val();
$(this).focusin(function(){
if ($(this).val() == swap_val[i]) {
$(this).val("");
}
}).focusout(function(){
if ($.trim($(this).val()) == "") {
$(this).val(swap_val[i]);
}
});
});
Ja, nett. Aber etwas stört mich an dieser Lösung. Stellen Sie sich ein Eingabefeld vor, das einen Fehler zurückgibt (z. B. ein E-Mail-Feld, das Sie ausfüllen müssen). Wenn es zurückkommt, um Ihre Eingabe zu korrigieren, werden alle Felder beim Fokus gelöscht… Habe ich Recht?
Das ist perfekt und hat mir den Tag gerettet! Danke.
Warum funktioniert es bei mir nicht?
Das ist meine Seite
Bitte schauen Sie, ich werde verrückt
http://www.athenarestauri.com/prova-jquery-2.html
Sie müssen Ihre jQuery-Funktionen darin platzieren
$(document).ready(function(){
// jQuery-Sachen machen
})
@Dyllon
$(“#searchfield”)
.val(“Search…”)
.css(“color”, “#999”)
.focus(function(){
$(this).css(“color”, “black”);
if ($(this).val() == “Search…”) {
$(this).val(“”);
}
})
.blur(function(){
$(this).css(“color”, “#999”);
if ($(this).val() == “”) {
$(this).val(“Search…”);
}else if($(this).val() != “Search…”){
$(this).css(“color”, “black”);
}
});
Hallo, ich bin neu bei jQuery!
Entschuldigung für meine Verwirrung, da ich weiß, dass dies in JavaScript recht einfach gemacht werden kann, so ähnlich wie hier
Ist es viel einfacher?