JS + jQuery : Spracovanie roznych funkcii podla vyberu

**tomco3131** · 14.01.2012 19:07

Ahojte,

stretol som sa s problémom, neovládam moc javascript zatiaľ, len jquery sa učím. javascript viem upravovat len tak "nakolene" čo sa veci podobajú s Cčka.

našiel som si script na odpocet casu tu je uz upraveny kus :

PHP kód:


function nula(a){ 

var b=''; 

if(a<10){b+='0';} 

return b+a.toString(); 

} 

var c=0 

function zmensovani(){ 

c++ 

} 

window.setInterval("zmensovani()", 1000); 



function odpocet(){ 

var kdy=0*60+05-c; 

var minut; 



if(kdy==1){ 

$('h1').fadeOut(1000).html(zbyva);

} 



if(kdy==0){ 

$('h1').fadeIn(1000).text('Si vylúhoval!');

return; 

} 



var sec=nula(kdy%60); 

kdy=Math.floor(kdy/60); 

var min=nula(kdy%60); 

kdy=Math.floor(kdy/60); 

var zbyva=min + ":" + sec; 



$('h1').fadeIn(1000).html(zbyva);



setTimeout(odpocet,1000); 



} 

window.onload=odpocet;

chcel by som spraviť niečo také, že človek napíše do formularoveho pola hodnotu napriklad 5 a zacne sa odpocítavať 5 minút.

a ešte druhá otázka. Chcel by som aby sa to začínalo stlacenim tlacidla, resp. kliknutim napr na nadpis. chcel som to spraviť cez jQuery tak ze by som to obalil do

PHP kód:


$('h1').click(function(){

//kod vyzsie

});

ale takto to nefunguje. ked mam takto obalenu funkciu odpocet tak sa mi ten odpocet zobrazuje len ked klikam na text.

Ďakujem velmi pekne za pomoc

Sideras poptává: Poptávám vytvoření nebo zaběhlý inzertní server
Ismy poptává: Hledáme posilu - HTML kodéra
MarieO poptává: JAVA Developer pro tvorbu Software as a service

**Jan Matoušek** · 14.01.2012 19:43

no nesmíš jí obalovat, musíš to při kliknutí volat, takže něco jako:

PHP kód:


$('h1').click(function(){
odpocet();
});

PS: pro kód je lepší používat blok PHP, lépe se v tom orientuje než v CODE

**tomco3131** · 15.01.2012 17:49

skusal som to aj takto volat, aj rôzne kombinacie som skusal, a buď to preskočí, alebo to ostane stáť na povodnom popise <h1>START</h1> neviem fakt.

**800XE** · 16.01.2012 09:31

chcel by som spraviť niečo také, že človek napíše do formularoveho pola hodnotu napriklad 5 a zacne sa odpocítavať 5 minút.

a ešte druhá otázka. Chcel by som aby sa to začínalo stlacenim tlacidla, resp. kliknutim napr na nadpis.

Třeba takhle:

Kód:

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>
            Odpočet
        </title>
        <meta charset="utf-8" />
        <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script>
            $(function() {
                var
                    remains = 0,
                    interval = 0,
                    $display = $('#display'),
                    display = function() {
                        var
                            hours = String(parseInt(remains / 3600)),
                            minutes = String(parseInt((remains % 3600) / 60)),
                            seconds = String(remains % 60);
                        $display.text(hours + ':' + minutes + ':' + seconds);
                        if (!--remains)
                            clearInterval(interval);
                    };
                $('[name="start"]').on('click', function() {
                    var
                        $minutes = $('[name="minutes"]'),
                        minutes = parseInt($minutes.val());
                    if (!minutes || isNaN(minutes)) {
                        alert('Zadejte platnou hodnotu pro odpočet.');
                        $minutes.focus();
                    }
                    else {
                        $minutes.val(minutes);
                        clearInterval(interval);
                        remains = minutes * 60;
                        display();    
                        interval = setInterval(display, 1000);
                    }
                });
            });
        </script>
    </head>
    <body>
        <form>
            <label>
                Zadejte počet minut:
            </label>
            <input
                name="minutes"
                type="text"
            />
            <input
                name="start"
                type="button"
                value="Start"
            />
        </form>
        <div id="display">
            0:0:0
        </div>
    </body>
</html>

**tomco3131** · 16.01.2012 21:17

ďakujem, vyzerá to parádne

JS + jQuery : Spracovanie roznych funkcii podla vyberu

Nástroje témat

Co se právě děje na Webtrhu?

Podobná témata

Zavolanie sady funkcii naraz

Ako efektivne na vnoreny vypis kategorii z roznych tabuliek?

OOP - lubovolny parameter vo funkcii