Dugme za start JavaScripta

[ DDROTT @ 16.08.2010. 20:09 ] @

kao sto sam naziv govori, potrebno mi je dugme za start jedne skripte.
Skripta izgleda ovako:

Code:
<script type="text/javascript">
/*<![CDATA[*/var el="div_for_bg";var bgimg=new
Array(
"http://img819.imageshack.us/img819/",
"http://img651.imageshack.us/img651/",
"http://img801.imageshack.us/img801/",
"http://img64.imageshack.us/img64/",
"http://img820.imageshack.us/img820/",
"http://img85.imageshack.us/img85/551/",
"http://img5.imageshack.us/img5/2133/",
"http://img831.imageshack.us/img831/",
"http://img809.imageshack.us/img809/",
"http://img836.imageshack.us/img836/",
"http://img708.imageshack.us/img708/",
"http://img810.imageshack.us/img810/",
"http://img25.imageshack.us/img25",
"http://img832.imageshack.us/img832/",
"http://img821.imageshack.us/img821/",
"http://img576.imageshack.us/img576/",
"http://img534.imageshack.us/img534/",
"http://img186.imageshack.us/img186/",
"http://img689.imageshack.us/img689",
"http://img651.imageshack.us/img651/",
"http://img42.imageshack.us/img4");
var random=Math.round((bgimg.length-1)*Math.random());var cssStr="#"+el+" { background: url("+bgimg[random]+") no-repeat top left } ";var style=document.createElement("style");style.setAttribute("type","text/css");if(style.styleSheet){style.styleSheet.cssText=cssStr;}else{var cssText=document.createTextNode(cssStr);style.appendChild(cssText);}document.getElementsByTagName("head")[0].appendChild(style);/*]]>*/
</script>

to je skripta za postavljanje pozaadine sajta po "random" funkciji.
ali, skripta se pokrece zajedno sa stranicom sajta - i sve odlicno radi.
ali - ja zelim da napravim dugme, koje ce pokretati ovu skriptu izova svaki put kada se na njega klikne. Mozete li mi pomoci kako da napravim ovo dugme ?
Hvala !

_{Kôd stavljaj unutar tag-ova za kôd!}

_{[Ovu poruku je menjao Nikola Poša dana 17.08.2010. u 11:00 GMT+1]}

[ vatri @ 17.08.2010. 07:57 ] @

Pa vjerovatno tako sto ovaj kod postavis u funkciju (npr test() ) i zatim napravis dugme u HTML sa onClick dogadjajem:

<input type="button" onClick="test()">

[ Dragan BL @ 17.08.2010. 08:06 ] @

Code:
<script type="text/javascript">
        function test() {
        //tvoj kod
        }
</script>

<input type="button" onClick="test()">

ili na link

<a href="javascript: test();">Neki link</a>

[ DDROTT @ 17.08.2010. 09:33 ] @

pff..pa sad nece ni da se, ulaaskom u stranicu, pokrene skripta.. ://

sad kod izgleda ovako:

Code:
<script type="text/javascript">
        function test() {
        /*<![CDATA[*/
var el="div_for_bg";
var bgimg=new Array(
"http://img819.imageshack.us/img819/8575/bg7p.jpg",
"http://img651.imageshack.us/img651/6728/bg6s.jpg",
"http://img801.imageshack.us/img801/8884/bg5.jpg",
"http://img64.imageshack.us/img64/43/bg4a.jpg",
"http://img820.imageshack.us/img820/8909/bg3j.jpg",
"http://img85.imageshack.us/img85/551/bg2kn.jpg",
"http://img5.imageshack.us/img5/2133/bg1md.jpg",
"http://img831.imageshack.us/img831/8288/bg8.jpg",
"http://img809.imageshack.us/img809/7388/bg9.jpg",
"http://img836.imageshack.us/img836/6937/bg10.jpg",
"http://img708.imageshack.us/img708/3791/bg11d.jpg",
"http://img810.imageshack.us/img810/2561/bg14.jpg",
"http://img25.imageshack.us/img25/9974/bg21w.jpg",
"http://img832.imageshack.us/img832/1592/bg20.jpg",
"http://img821.imageshack.us/img821/2213/bg13.jpg",
"http://img576.imageshack.us/img576/4079/bg12u.jpg",
"http://img534.imageshack.us/img534/6664/bg19.jpg",
"http://img186.imageshack.us/img186/7479/bg18a.jpg",
"http://img689.imageshack.us/img689/7038/bg17.jpg",
"http://img651.imageshack.us/img651/4593/bg16.jpg",
"http://img42.imageshack.us/img42/4049/bg15y.jpg");
var random=Math.round((bgimg.length-1)*Math.random());
var cssStr="#"+el+" { background: url("+bgimg[random]+") no-repeat top left } ";
var style=document.createElement("style");style.setAttribute("type","text/css");

if(style.styleSheet){
    style.styleSheet.cssText=cssStr;
}
else{
    var cssText=document.createTextNode(cssStr);
    style.appendChild(cssText);
}

document.getElementsByTagName("head")[0].appendChild(style);/*]]>*/
        }
</script>

a dugme ovako:

Code:

<form method="post">

<input type="image" value="" size="" src="img/other_background_btn.png"
onClick="test()" /></form>

_{Kôd stavljaj unutar tag-ova za kôd!}

_{[Ovu poruku je menjao Nikola Poša dana 17.08.2010. u 11:01 GMT+1]}

[ Dragan BL @ 17.08.2010. 10:09 ] @

Moras pozvati tu metodu na pocetku.

Code:

window.onload=test;

ili u body

<body onload="test();">

ili je samo pzoves

test();

To sada napises unutra tag-ova JavaScript-a.

Napravio si funkciju, onda je pozoves na ucitavanju stranice (automatski) ili rucno kliktajem na dugme.

Pozz

[ DDROTT @ 17.08.2010. 10:27 ] @

aham, e hvala puno, uspeo sam !!! :)))