MooTools Periodical - изменить сценарий выполнения

Discussion in 'PHP' started by ufalog, 19 Oct 2009.

  1. ufalog

    ufalog Elder - Старейшина

    Joined:
    28 Jul 2007
    Messages:
    174
    Likes Received:
    6
    Reputations:
    -5
    после того как нажимаеш ссылку

    start | stop - происходит выполнение скрипта ....


    надо сделать так чтоб скрипт сразу выполнялся .. а не после того как нажмеш кнопку старт... :)
    .js
    PHP:
    var effect = $('box').effect('background-color', {duration: 800});
    var     periodical;
     
    var     fx = function() {
            effect.start('#6684a0').chain(function() {
                effect.start('#bcd965');
        });
    }
     
    $(    'start').addEvent('click', function() {
            fx();
            periodical = fx.periodical(1700);
    });
     
    $(    'stop').addEvent('click', function() {
            $clear(periodical);
    });






    .css

    PHP:



    #box {
            margin: 1em auto;
            width: 200px;
            height: 150px;
            background: #bcd965;
            border: 1px solid #000;
    }



    html


    PHP:

    <h3>Periodical Effects</h3>
    <    a id="start" href="#">start</a> | <a id="stop" href="#">stop</a>
     
    <    div id="box"></div>

     
    #1 ufalog, 19 Oct 2009
  2. Byte_

    Byte_ Elder - Старейшина

    Joined:
    7 Sep 2008
    Messages:
    143
    Likes Received:
    34
    Reputations:
    2
    HTML:
     var effect = $('box').effect('background-color', {duration: 800});
var periodical;
 
var fx = function() {
    effect.start('#6684a0').chain(function() {
        effect.start('#bcd965');
    });
}
 
$('start').addEvent('click', function() {
    fx();
    periodical = fx.periodical(1700);
});
 
$('stop').addEvent('click', function() {
    $clear(periodical);
});  
window.onload = function(){fx();periodical = fx.periodical(1700);};
    помоему так
     
    #2 Byte_, 19 Oct 2009
  3. ufalog

    ufalog Elder - Старейшина

    Joined:
    28 Jul 2007
    Messages:
    174
    Likes Received:
    6
    Reputations:
    -5
    надо сделать так чтобы цвет начал мигать сразу.... ане после нажатия кнопки старт....

    PHP:


            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <    title>mootools demos - Periodical</title>
        
        <    link rel="stylesheet" type="text/css" media="screen" href="Periodical_files/style.css">
        
        <    script type="text/javascript" src="Periodical_files/mootools.js"></script>
        
        
        <script type="text/javascript">




            window.addEvent('domready', function(){
                var effect = $('box').effect('background-color', {duration: 800});
                var periodical;
                
                var fx = function() {
                    effect.start('#6684a0').chain(function() {
                        effect.start('#bcd965');
                    });
                }
                
                $('start').addEvent('click', function() {
                    fx();
                    periodical = fx.periodical(1700);
                });
                
                $('stop').addEvent('click', function() {
                    $clear(periodical);
                });
            }); 
        
    window.onload = function(){fx();periodical = fx.periodical(1700);};
    </script>

        
    </head><body>
        

    <h3>Periodical Effects</h3>
    <a id="start" href="#">start</a> | <a id="stop" href="#">stop</a>
     
    <div id="box"></div>





    </body></html>


     
    #3 ufalog, 19 Oct 2009
  4. Byte_

    Byte_ Elder - Старейшина

    Joined:
    7 Sep 2008
    Messages:
    143
    Likes Received:
    34
    Reputations:
    2
    так и что?
    Code:
    $('start').addEvent('click', function() {
                fx();
                periodical = fx.periodical(1700);
            });
    вызывает при клике на кнопку старт 2 функции
    Code:
    window.onload = function(){fx();periodical = fx.periodical(1700);};
    делает тоже самое
    если я правильно понял как работает этот фреймворк, то можно так:
    Code:
    <script type="text/javascript">




        window.addEvent('domready', function(){
            var effect = $('box').effect('background-color', {duration: 800});
            var periodical;
            
            var fx = function() {
                effect.start('#6684a0').chain(function() {
                    effect.start('#bcd965');
                });
            }
            
            $('start').addEvent('click', function() {
                fx();
                periodical = fx.periodical(1700);
            });
            
            $('stop').addEvent('click', function() {
                $clear(periodical);
            });
fx();
periodical = fx.periodical(1700);
        }); 
</script>
     
    #4 Byte_, 20 Oct 2009
    1 person likes this.
  5. ufalog

    ufalog Elder - Старейшина

    Joined:
    28 Jul 2007
    Messages:
    174
    Likes Received:
    6
    Reputations:
    -5
    ахха спасиб помог)))) :)
     
    #5 ufalog, 21 Oct 2009
(You must log in or sign up to post here.)