[MooTools] Effetto Mouseenter OnLoad

[Iron83]

Ciao ragazzi come da topic,

vorrei sapere come fare per caricare l'effetto in questione nel body tramite l'utilizzo del metodo onload.

Lo scopo è di espandere il div al caricamento della pagina e non al passaggio del mouse

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

    // Second Example
    
    // The same as before: adding events
    $('layout').addEvents({
        'mouseenter': function(){
            // Always sets the duration of the tween to 1000 ms and a bouncing transition
            // And then tweens the height of the element
            this.set('tween', {
                duration: 1000,
                transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
            }).tween('height', '600px');
        },
        'mouseleave': function(){
            // Resets the tween and changes the element back to its original size
            this.set('tween', {}).tween('height', '20px');
        }
    });
}); 

[Xinod]

prova

window.addEvent('load', function(){
$('layout').fireEvent('mouseEnter')
})

http://mootools.net/docs/core/Elemen...ment:fireEvent

[Iron83]

Ho cambiato il tutto in questo modo ma l'effetto non viene eseguito ne nell'onload ne nel mouseenter

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

    // Second Example
    
    // The same as before: adding events
    //$('layout').addEvents({
    $('layout').fireEvent('mouseenter'){
        'mouseenter': function(){
            // Always sets the duration of the tween to 1000 ms and a bouncing transition
            // And then tweens the height of the element
            this.set('tween', {
                duration: 1000,
                transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
            }).tween('height', '600px');
        },
        'mouseleave': function(){
            // Resets the tween and changes the element back to its original size
            this.set('tween', {}).tween('height', '20px');
        }
    });
}); 

[Xinod]

tutto quello che devi fare e' aggiungere quello che ho postato dopo quello che avevi postato inizialmente

[Iron83]

Scusa ma non sono un asso in js e framework vari, o incollato il tutto alla fine , ma al caricamento non funziona mentre al mouseenter si

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

    // Second Example
    
    // The same as before: adding events
    $('layout').addEvents({
        'mouseenter': function(){
            // Always sets the duration of the tween to 1000 ms and a bouncing transition
            // And then tweens the height of the element
            this.set('tween', {
                duration: 1000,
                transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
            }).tween('height', '600px');
        },
        'mouseleave': function(){
            // Resets the tween and changes the element back to its original size
            this.set('tween', {}).tween('height', '20px');
        }
    });
});

window.addEvent('load', function(){
$('layout').fireEvent('mouseEnter')
}) 

[Xinod]

$('layout').fireEvent('mouseenter')

[Iron83]

Azz è vero! mi è sfuggita la E, ora funziona

grazie mille

[Iron83]

Altro problemino (lo so che mi stai odiando )

con explorer (7-8) e chrome, l'effetto non funziona, il div rimane "chiuso".

con firefox 3.6.9 funziona perfettamente

[Xinod]

perche' dovrei odiarti?
se ho voglia/tempo per seguire quello che dici ti seguo, altrimenti passo sempre volentieri la parola agli altri!

in questo caso di tempo non ne ho, ma il problema l' ho rilevato tempo addietro e l' ho dovuto risolvere cosi'

var contentLoaded=false;
window.addEvent('domready', function(){


    // Second Example

    // The same as before: adding events
    $('layout').addEvents({
        'mouseenter': function(){
            // Always sets the duration of the tween to 1000 ms and a bouncing transition
            // And then tweens the height of the element
            this.set('tween', {
                duration: 1000,
                transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
            }).tween('height', '600px');
        },
        'mouseleave': function(){
            // Resets the tween and changes the element back to its original size
            this.set('tween', {}).tween('height', '20px');
        }
    });
    if(contentLoaded) $('layout').fireEvent('mouseenter')
    else window.addEvent('load', function(){$('layout').fireEvent('mouseenter')})
});

window.addEvent('load', function(){contentLoaded=true})

prova
ciao

[Iron83]

Era per dire

comunque funziona alla perfezione con tutti e tre i browser!

Grazie