Mootools

[soloquestavolta]

Problem :P...

Ho scaricato da internet un'effetto mootools, per aprire e chiudere un div, funziona come un menù a discesa. Adesso però vorrei impostar il tempo e far durare la chiusura o l'apertura del div un 4-5 secondi. Il file js è:


window.addEvent('domready', function() {




var status = {


'true': 'open',
'false': 'close'
};



//-vertical

var myVerticalSlide = new Fx.Slide('vertical_slide');

myVerticalSlide.hide();

$('v_slidein').addEvent('click', function(e){
e.stop();
myVerticalSlide.slideIn();
});

$('v_slideout').addEvent('click', function(e){
e.stop();
myVerticalSlide.slideOut();
});

$('v_toggle').addEvent('click', function(e){
e.stop();

myVerticalSlide.toggle();
});

$('v_hide').addEvent('click', function(e){
e.stop();
myVerticalSlide.hide();
$('vertical_status').set('html', status[myVerticalSlide.open]);
});

$('v_show').addEvent('click', function(e){
e.stop();
myVerticalSlide.show();
$('vertical_status').set('html', status[myVerticalSlide.open]);
});

// When Vertical Slide ends its transition, we check for its status
// note that complete will not affect 'hide' and 'show' methods
myVerticalSlide.addEvent('complete', function() {
$('vertical_status').set('html', status[myVerticalSlide.open]);
});


//--horizontal
var myHorizontalSlide = new Fx.Slide('horizontal_slide', {mode: 'horizontal'});

$('h_slidein').addEvent('click', function(e){
e.stop();
myHorizontalSlide.slideIn();
});

$('h_slideout').addEvent('click', function(e){
e.stop();
myHorizontalSlide.slideOut();
});

$('h_toggle').addEvent('click', function(e){
e.stop();
myHorizontalSlide.toggle();
});

$('h_hide').addEvent('click', function(e){
e.stop();
myHorizontalSlide.hide();
$('horizontal_status').set('html', status[myHorizontalSlide.open]);
});

$('h_show').addEvent('click', function(e){
e.stop();
myHorizontalSlide.show();
$('horizontal_status').set('html', status[myHorizontalSlide.open]);

});

// When Horizontal Slide ends its transition, we check for its status
// note that complete will not affect 'hide' and 'show' methods
myHorizontalSlide.addEvent('complete', function() {
$('horizontal_status').set('html', status[myHorizontalSlide.open]);


});
});

con window.setTime etc etc non funge o forse non lo metto nel posto giusto...

[dottwatson]

ciao ,

è sbagliato l'approccio.. la durata la imposti quando istanzi lo slide sull' oggetto passandolo come opzione.

quindi cambia questa linea

var myVerticalSlide = new Fx.Slide('vertical_slide',{duration: 5000});

data la struttura della tua classe il tempo impostato vale sia per l'apertura che per la chiusura.

p.s.:

LA DURATA è ESPRESSA IN MILLISECONDI.. QUINDI 5000= 5 SECONDI

[soloquestavolta]

Grazie mille scusa se ti disturbo ancora :P...così funge bene , però se invece di far l'effetto a rallentatore, si potrebbe fare che l'effetto prima di chiudersi aspetta qualche secondo per poi fare il suo lavoro:P?

Cioè mi spiego meglio, in questo modo il div si chiude pian pianino...si potrebbe fare in modo che l'effetto si chiude normalmente, ma prima di chiudersi bisogna aspettare qualche secondo?

[soloquestavolta]

ho risolto ho trovato una funziona che mi permette di fare questo effetto . Allora ti disturbo per un'altra cosa ... se volessi mettere durante l'effetto un caricamento? Tipo una pallina che gira?...

Grazie mille...

[dottwatson]

non ho capito... :master:

[br1]

Originariamente inviato da soloquestavolta
... ho trovato una funziona ...

ancora...

Inoltre non puoi cambiare argomento... anche se il titolo e' quanto di piu' vago si possa immaginare (e per questo motivo chiudo ) la regola e': un argomento, una discussione.

ciao