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 ("class
rova") è + 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
Codice PHP:
$(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