funzione stop su div

[Pimpinelli]

Ciao a tutti,
grazie a voi sono riuscito ad attivare una funzione javascript.
Questa funzione mostra un div al passaggio del mouse su un altro dopo un tot di tempo.
Ho adattato le indicazioni al mio progetto e tutto va.
Adesso dovrei integrare questo script per fare due cose:
1 - il div mostrato ("classrova") è + grande di quello che lo apre ("li") e pertanto quando scorro al di fuori del div "li" automaticamente parte la chiusura del div "prova".
vorrei impedire che il div "prova" si chiudesse perché devo mettere dei bottoni cliccabili.

2 - altra cosa che vorrei fare è di far attendere prima che la funzione di apertura div si avviasse ma vorrei che la funzione di chiusura del div"prova" si avviasse immediatamente al momento che esco dallo stesso.

Posto il codice javascript

$(document).ready(function(){
//Hide the tooglebox when page load
$(".prova").hide(); 
//IMPOSTA IL TEMPO DI ATTESA PRIMA DI APRIRE IL DIV
{
    var timer = setTimeout("slide()",1000); //wait 1 seconds
    $("li").onmouseout = function() { 
    clearTimeout(timer); //remove timer
    } 
}
$("li").hover(function(){
// slide toggle effect set to slow you can set it to fast too.
$(this).next(".prova").delay(800).slideToggle("fast");
return false;
});
}); 

sapete indicarmi una strada per poter completare il lavoro?
Grazie come sempre per l'aiuto

[cavicchiandrea]

Prova cosi:
Al posto di onmouseot usa mouseleave(...) e al posto di hover usa mouseenter(...)

[Pimpinelli]

Ciao cavicchiandrea,
grazie per la risposta ma, forse ho modificato lo script in maniera errata perché non mi funziona.
come mi hai detto te effettivamente non si chiude ma non si chiude neppure se vado fuori e oltretutto se vado sopra gli altri continua ad aprire senza chiudere.
Sai dove sbaglio?
grazie

[cavicchiandrea]

Senza codice impossibile dirlo, comunque qui ci sono esempi

[Pimpinelli]

Grazie ancora per la tua disponibilità cavicchiandrea,
ho fatto questo codice per lo script di mostra e nascondi div…
come faccio ad azzerare il tempo delay quando passo da un "li" all'altro…
con questo codice una volta passato il tempo sul primo "li" mi apre i div nascosti senza avere + il tempo di attesa. Ho così una serie di div aperti sopra i rispettivi "li" creando una grande confusione.
posto il codice a cui sono arrivato.

$(document).ready(function(){
$(".prova").hide(); 
//IMPOSTA IL TEMPO DI ATTESA PRIMA DI APRIRE IL DIV
$("li").hover(function(){
// slide toggle effect set to slow you can set it to fast too.
$(this).next(".prova").delay(800).show("fast");
return false;
});
$(".prova").mouseout(function () {
  $(".prova").hide("fast");
  return false;
  });
});

mi sai dare una dritta?
Grazie, ciao

[cavicchiandrea]

Non saprei non uso delay (non l'ho mai capito) quando devo temporizzare uso setTimeout, vedo che sei tornato alle origini con hover/mouseout forse vendo una pagina demo si capisce meglio

[Pimpinelli]

ok, grazie ancora,
quando esco da lavoro ti mando il link

[cavicchiandrea]

Originariamente inviato da Pimpinelli
ok, grazie ancora,
quando esco da lavoro ti mando il link

Non in privato, postalo qui sul forum

[Pimpinelli]

ciao
ho preparato una pagina di prova (ovviamente non guardare lo stile spartano).
Come puoi vedere da questa demo quando vado sul primo "li" aspetta un secondo prima di caricare il div nascosto.
Successivamente se scorro velocemente sopra gli altri "li" il javascript mi apre tutti gli altri div nascosti senza attendere il secondo ottenendo un caos totale sulla pagina.
questo il link
http://www.ww0mm.com/risultato.php

Spero tu possa darmi una dritta perché sono 4 giorni che faccio prove su prove e solo grazie a te a agli altri del forum sono riuscito a fare step di avanzamento significativi.
Aspetto con fiducia una tua dritta.
Ciao e a presto

[cavicchiandrea]

A) Non userei due elementi li + div, ma userei solo i div
B) Userei jqueryUI per fare questo effetto