[jQuery] Pętla działająca na elementach formularza Opcje

[m.e.n.t.o.s.]

Jakoś nie mogę ogarnąć tematu sam. Wiem, że kod napisany przeze mnie jest zły, ale nie potrafie w tej chwili go poprawić.

[HTML] pobierz, plaintext 
var default_value = { 
		"#tresc" : "Wpisz treść komentarza...", 
		"#log" : "Podaj login...", 
		"#pass" : "Podaj hasło", 
		"#autor" : "Podaj imię...", 
		"#miejscowosc" : "Podaj miejscowość...", 
		"#mail" : "Podaj e-mail...", 
		"#www" : "Podaj adres strony www...", 
		"#captcha" : "KOD"
		};
 
$(document).ready(
function()
{
for(var selector in default_value)
	{
		$(selector).val(default_value[selector]).focus(function() {
			if($(this).val() == default_value[selector])
				$(this).val('');
			$(this).addClass("focus");
			$(this).blur(function() {
				if($(this).val() == '')
					$(this).val(default_value[selector]);
				$(this).removeClass("focus");
			});
		});
	}
});
[HTML] pobierz, plaintext 

W tablicy asocjacyjnej przechowuje identyfikatory inputów i textarea oraz domyślną treść mającą się w nich wyświetlać. Po kliknięciu na inputa tekst ma zniknąć. Jednak tak się nie dzieje.

Oto działający kod dla pojedyńczego inputa:

[HTML] pobierz, plaintext 
$("#log").val('Podaj login').focus(
function() 
{
	if($(this).val() == 'Podaj login')
		$(this).val('');
	$(this).addClass("focus");
	$(this).blur(
	function() 
	{
		if($(this).val() == '')
			$(this).val('Podaj login');
		$(this).removeClass("focus");
	});
});
[HTML] pobierz, plaintext 

Nie chce pisać tego samego kodu dla każdego pola formularza, bo w końcu istnieje coś takiego jak pętla.

Ten post edytował m.e.n.t.o.s. 30.12.2009, 19:33:33