Блог

Я создал 1 кнопку, используя CSS, javascript jquery. Когда кто-то нажимает start, он загружает панель (используя Setimeout). Это работает нормально. У меня есть и другая кнопка, которую я использую для выполнения других действий на моей странице.Я хочу иметь одну кнопку для этих 2 кнопок.

 <style>
        /* progress bar container */
        #progressbar{
            border:1px solid black;
            width:200px;
            height:20px;
            position:relative;
            color:black; 
        }
        /* color bar */
        #progressbar div.progress{
            position:absolute;
            width:0;
            height:100%;
            overflow:hidden;
            background-color:#369;
        }
        /* text on bar */
        #progressbar div.progress .text{
            position:absolute;
            text-align:center;
            color:white;
        }
        /* text off bar */
        #progressbar div.text{
            position:absolute;
            width:100%;
            height:100%;
            text-align:center;
        }
    </style>
 

Javascript код Jquery

 (function($){
    function run() {
        var x = 100,
            y = 100,
            z = 10,
            count = 0;

        /*
        This helper function implements a for loop using CPS. 'c' is
        the continuation that the loop runs after completion. Each
        'body' function must take a continuation parameter that it
        runs after doing its work; failure to run the continuation
        will prevent the loop from completing.
        */
        function foreach(init, max, body, c) {
            doLoop(init);
            function doLoop(i) {
                if (i < max) {
                    body(function(){doLoop(i 1);});
                }
                else {
                    c();
                }
            }
        }

        /*
        Note that each loop body has is own continuation parameter
        (named 'cx', 'cy', and 'cz', for clarity). Each loop passes
        the continuation of the outer loop as the termination
        continuation for the inner loop.
        */
        foreach(0, x, function(cx) {
            foreach(0, y, function(cy) {
                foreach(0, z, function(cz) {
                    count  = 1;
                    $('#progressbar').reportprogress((100*(count))/(x*y*z));
                    if (count * 100 % (x*y*z) === 0) {
                      /*
                      This is where the magic happens. It yields
                      control to the javascript event loop, which calls
                      the "next step of the foreach" continuation after
                      allowing UI updates. This is only done every 100 iterations because setTimeout can actually take a lot longer than the specified 1 ms. Tune the iterations for your specific use case.                   
                      */
                        setTimeout(cz, 1);
                    } else {
                        cz();
                    }
                }, cy);
            }, cx);
        }, function () {});
    }

    $('#start').click(run);
})(jQuery);
 

Теперь, если я использую этот код в теле ,

 <

div id="progressbar"></div>
    <input id="start" type='button' value='start' />
 

Он отлично работает до сих пор.Я хочу вместо того, чтобы использовать

<идентификатор ввода =»start» тип ‘button’ значение =’start’/>

Я хочу использовать эту кнопку

 <button onclick="openWin()" id='c_login' class='btn
    btn-primary'>Login : Player Name<img alt="gif" height="115"
    src="login.gif" width="185" /></button><br> 
 

потому что на этой кнопке я делаю и другие вещи..
Я пытался сделать это примерно так

 <input id ="start" type 'button' value='start' onclick="openWin()" id='c_login' class='btn
    btn-primary'>Login : Player Name<img alt="gif" height="115"
    src="login.gif" width="185" />
 

но это не сработало…