Forum PHP.pl > [JavaScript] wstawianie onclick przy createElement

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] wstawianie onclick przy createElement

Mrowek

18.08.2009, 11:51:51

Mam taki skrypt js:

Kod

$(document).ready(function(){
                var otw = document.getElementById("badania");
                var my_ext = document.createElement('img');
                my_ext.id = 'kok';
                my_ext.src = './zamk.gif';
                my_ext.height = '22';
                my_ext.style.position = 'relative';
                my_ext.style.top = '5px';
                my_ext.style.left = '5px';
                my_ext.onclick = 'alert()';
                otw.appendChild(my_ext);
});

i kod html:

[HTML] pobierz, plaintext 
<div id="badania">
<div class="otwBadania">Badania</div>
</div>
[HTML] pobierz, plaintext

i pytanie dlaczego jak klikne myszka na ten obrazek ktory stworzylem nie chce mi wyskoczyc alert. Jak patrze w firebugu to nowopowstaly obrazek nie ma nawet takiego atrybutu jak onclick. Uprzedzam od razu pytanie: konsola nic nie pokazuje.

Pawel_W

18.08.2009, 11:54:24

.onclick = function(){alert('a');}

spróbuj tak

skowron-line

18.08.2009, 11:59:15

[JAVASCRIPT] pobierz, plaintext 
my_ext.onclick = 'alert()';
[JAVASCRIPT] pobierz, plaintext

daj tak.

[JAVASCRIPT] pobierz, plaintext 
my_ext.setAttribute( 'onclick', 'alert();' );
[JAVASCRIPT] pobierz, plaintext

Mrowek

18.08.2009, 12:18:50

kod my_ext.setAttribute( 'onclick', 'alert();' ); nie dzialal mi dalej ale .onclick = function(){alert('a');} zadzialalo poprawnie
dzieki!!!

skowron-line

18.08.2009, 12:34:57

Cytat(Mrowek @ 18.08.2009, 11:18:50 )

kod my_ext.setAttribute( 'onclick', 'alert();' ); nie dzialal mi dalej a

No to chyba coś spie****

[HTML] pobierz, plaintext 
 
<head>
<body>
 
</body>
</head>
<script type="text/javascript">
var img = document.createElement( 'img' );
	img.setAttribute( 'onclick', 'fn();' );
document.getElementsByTagName( 'body' )[0].appendChild( img );	
 
function fn()
{
	alert( 'klikniety' );
}
 
</script>
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.