[js] onmouseover Opcje

[maciu]

czy da się zrobić, aby akcja zdefiniowana w onmouseover, została wywołana tylko wtedy jeśli kursor będzie na polu przez odpowiednią ilość sekund?

[HTML] pobierz, plaintext 
<td onmuseover="funkcja()"></td>
[HTML] pobierz, plaintext 

funkcja funkcja() będzie wywoływana dopiero gdy kursor będzie na komórce tabeli. Da się coś takiego zrobić?

[mike]

Podczas wjechania na obszar za pomocą setInterval() ustaw chęć wykonania jakiejść funkcji za ileś czasu.
Podczas zjechania skorzystaj z clearInterval(), to jeśli funkcja się jeszcze nie wykonała to sie już nie wykona.

Całość jest bardzo prosta. Pokombinuj.
Pytaj jak coś to podpowiem.

---update---
A coooo tam. Masz gotowca

[HTML] pobierz, plaintext 
<style type="text/css">
.box {
    width: 100px;
    height: 100px;
    border: #f00 solid 1px;
}
</style>
 
<script type="text/javascript">
var intervalId = null;
 
function someFunction() {
    alert('Lorem ipsum ...');
}
 
function start() {
    intervalId = setInterval('someFunction()', 3000);
}
 
function stop() {
    clearInterval(intervalId);
}
</script>
 
<div class="box" onmouseover="start();" onmouseout="stop();"></div>
[HTML] pobierz, plaintext 

Ten post edytował mike_mech 11.04.2007, 11:50:33

[devnul]

@mike_mech: setInterval będzie wykonywało funkcję (powtarzało co określony czas) aż do wyczyszczenia przez clearInterval dlatego IMHO lepiej jest w tym wypadku użyć setTimeout i clearTimeout

//DOWN: @mike_mech: wszyscy jesteśmy tylko ludzmi

Ten post edytował devnul 11.04.2007, 12:34:48

[mike]

W sumie masz rację.
Nie zwróciłem uwagi, że ma się wykonać tylko raz. Nie wiem czemu pomyślałem o wielokrotnym wykonaniu gdzie pierwsze następuje po odpowiednim czasie.

[maciu]

dziękuje bardzo za pomoc. Mam jeszcze jedno laickie pytanie. Jak zrobić aby wywołać funkcję someFunction z parametrem. Poniższy kod zobrazuje o co mi chodzi

[HTML] pobierz, plaintext 
function someFunction(id) {
zmienna = id
alert('Lorem ipsum ...');
}
 
function start(id) {
intervalId = setInterval('someFunction(id)', 3000);
}
 
<div class="box" onmouseover="start(5);" onmouseout="stop();"></div>
[HTML] pobierz, plaintext 

[devnul]

[HTML] pobierz, plaintext 
function someFunction(id) {
zmienna = id
alert('Lorem ipsum ...');
}
function stop() {
    clearTimeout(intervalId);
}
function start(id) {
intervalId = setTimeout('someFunction('+id+')', 3000);
}
 
<div class="box" onmouseover="start(5);" onmouseout="stop();"></div>
[HTML] pobierz, plaintext 

zadziałą jeśli id będize liczbą jesli tekstem to musisz dodać jeszcze cudzysłów