Exécution fonction après quelques secondes
Bonjour à tous,
Je vous explique mon soucis (certainement simple)
j'ai le code mootools suivant
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
window.addEvent('domready', function(){
$('slider').morphObject = new Fx.Morph($('slider'), { transition: 'sine:in'});
$('slider').addEvent('mouseenter', function(e){
e = new Event(e);
$('slider').morphObject.start('.css_end');
e.stop();
});
$('slider').addEvent('mouseleave', function(e){
e = new Event(e);
$('slider').morphObject.start('.css_start');
e.stop();
});
}); |
en css
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
.css_start
{
height: 13px;
width: 100px;
border: 1px solid #000000;
margin-top: 50px;
}
.css_end
{
height: 50px;
width: 100px;
border: 1px solid #000000;
margin-top: 0px;
} |
En html
Code:
1
2
|
<div id="slider" class="css_start">mon test ici</div> |
ce qui se passe c'est quand je rentre dans ma div, cela change doucement ma div en margin-top et height, quand j'en sors cela fait pareil mais à l'inverse (réduit la hauteur et le margin-top), mais (oui il y a un 'mais') , si je sors vite de ma div, ma div reste telle quelle et le 'mouseleave' n'est pas pris en compte, j'aimerai éventuellement mettre un chrono qui quand il n'y a plus de souris dans la div lance la fonction ...start...
Enfin une solution qui lance bien ma fonction ...start... lorsque plus de souris dans la div (slider).
Je débute en Mootools
voilà merci d'avance si quelqu'un peut m'aider
