[js]zmiana obramowania kliknietego elementu Opcje

[marcus753]

witajcie, mam banalny problem i nie mogę znaleć jak go rozwiązać. Załóżmy że mam zdjęcie:

[HTML] pobierz, plaintext 
<img id="pytajnik2" onclick="zaznacz()" name="0" src="images/pytajnik1.png">
[HTML] pobierz, plaintext 

i teraz po kliknięciu chciałbym zmienić obramowanie:

[HTML] pobierz, plaintext 
function zaznacz(){
		$(this).css('border', '3px solid black');
		}
[HTML] pobierz, plaintext 

no i kicha nie działa, co robie źle ? koniecznie zależy mi na użyciu elementu this, będę miał kilkadziesiąt zdjęć a chce mieć tylko 1 funkcję

Pozdrawiam i dziękuję za pomoc

Ten post edytował marcus753 10.07.2013, 14:05:07

[Pacio]

W funkcji zaznacz() nie przekazujesz o jaki element chodzi:

[HTML] pobierz, plaintext 
function zaznacz(img){
	$(img).css('border', '3px solid black');
}
 
<img id="pytajnik2" onclick="zaznacz(this)" name="0" src="images/pytajnik1.png">
[HTML] pobierz, plaintext 

[kamil4u]

Albo zrób to poprawniej, czyli oddziel HTML od JS.

Kod

$('#pytajnik2').click( function(){
       $(this).TwojeOperacjeNaTymElemencie();
});

--edit--

koniecznie zależy mi na użyciu elementu this, będę miał kilkadziesiąt zdjęć a chce mieć tylko 1 funkcję

To tym lepiej dla "mojego" sposobu

Nadaj tym zdjęcią klasę - class=""
i

Kod

$('.TwojaKlasa').click( function(){
       $(this).TwojeOperacjeNaTymElemencie();
});

Oczywiście wtedy w HTML już bez żadnego onclick="..."

Wszystkie kody pisane z palca - mogą być jakieś literówki

Ten post edytował kamil4u 10.07.2013, 18:41:01