Forum PHP.pl > [js] wywolanie 2 funcji w onkeyup

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [js] wywolanie 2 funcji w onkeyup

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

skowron-line

23.05.2007, 10:05:24

panowie jak wywolac 2 funkcje w zdarzeniu onkeypress i jeszcze do obu przekazac po 4 parametry?

prond

23.05.2007, 10:35:43

Cytat

panowie jak wywolac 2 funkcje w zdarzeniu onkeypress

Spróbuj tak :
element.addEventListener('click',doSomething,false);
element.addEventListener('click',doSomethingElse,false);

Jednak przyjemniej się to robi wykorzystując prototype.js : http://www.prototypejs.org/api/event/observe
Tam masz już gotowe rozwiązanie problemu z this dla metod obsługujących zdarzenia.

Cytat

jeszcze do obu przekazac po 4 parametry

Tu nie bardzo rozumiem. Zdarzenie jedynie przekazuje do funkcji, która je obsługuje obiekt typu Event, z którego możesz się dobrać do obiektu, który wywołał zdarzenie i innych własności.
Może jednak chodzi Tobie o tzw. funkcje anonimowe:

element.addEventListener('click',function () {
doSomething('a', 1, 2, 3);
},false)

skowron-line

23.05.2007, 11:59:07

znalazlem taki przyklad w ksiazce

[HTML] pobierz, plaintext 
<html>
	<head>
		<script type="text/javascript">
 
			var click = function() {
				alert('a');
			}
 
			var click2 = function() {
				alert('b');
			}
 
			var div = document.getElementById('abc');
				div.addEventListener('onclick',click);
				div.addEventListener('onclick',click2);
 
		</script>
	</head>
	<body>
 
		<div id="abc">
		sdad
		</div>
 
	</body>
</html>
[HTML] pobierz, plaintext

ale jakos nieche trybic?

php programmer

23.05.2007, 12:04:27

A czy wiesz jak wywołać jedną funkcję?

Jak tak to wywołaj podstwioną funkcję, która jest w postaci:

Kod

function JednaFunkcja(){
funkcja1();
funkcja2();
}

Cysiaczek

23.05.2007, 12:14:40

można tez oldschoolowo : P

[HTML] pobierz, plaintext 
<input type="text" onkeypress='func1(); func2();' />
[HTML] pobierz, plaintext

skowron-line

23.05.2007, 12:28:05

[HTML] pobierz, plaintext 
<html>
	<head>
		<script type="text/javascript">
 
 
			function pokaz(el,el2){
 
				function poka(el) {
					alert('zegnaj '+el);
				}	
 
				function poka2(el2){
					alert('witaj '+el2);
				}			
			}
 
		</script>
	</head>
	<body>
 
		<div id="abc">
			<a href="#" onclick="pokaz('ziom','ziom');">aaa</a>
		</div>
 
	</body>
</html>
[HTML] pobierz, plaintext

cos takiego tez niedziala a konsola bledow nie pokazuje nic

Cytat(Cysiaczek @ 23.05.2007, 11:14:40 )

można tez oldschoolowo : P

[HTML] pobierz, plaintext 
<input type="text" onkeypress='func1(); func2();' />
[HTML] pobierz, plaintext

no i o to chodzilo

dzieki Cysiaczek

prond

23.05.2007, 14:51:41

1. addEventListener wywołujesz w nagłówku, a tam nie masz od razu dostępu do div'ów. Umieść ten kod poniżej swojego DIVa, albo wykonaj go przy body.onload
2. Masz błąd w div.addEventListener('onclick',click);, powinno być div.addEventListener('click',click);
3. addEventListener potrzebuje 3 argumentów (ostatni jest boolean i decyduje o kolejności odpalania eventów, poczytaj sobie : http://www.quirksmode.org/js/events_order.html)

Po tych poprawkach wygląda to mniej więcej tak:

[HTML] pobierz, plaintext 
<html>
<head></head>
<body>
 
<div id="abc">
sdad
</div>
 
<script type="text/javascript">
 
var click = function() {
alert('a');
}
 
var click2 = function() {
alert('b');
}
 
var div = document.getElementById('abc');
div.addEventListener('click',click,false);
div.addEventListener('click',click2,false);
 
</script>
</body>
</html>
[HTML] pobierz, plaintext

Sedziwoj

23.05.2007, 21:01:02

@prond prawidłowo powinno być window.onload, ponieważ dopiero po załadowaniu całego dokumentu jest zbudowane całe drzewo.
Co prawda jak jest za elementem, to go już działa w przeglądarkach, ale to nie jest prawidłowe.

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.