Mala pomoc oko js skripte

ludak97 · 7.1.2013, 20:03

Pozdrav evo mog problema.
Napravio sam skriptu , da se krugovi pojavljuju na stranici i nestaju posle 3 sekunde, ali problem je to sto se stvori gomila njih umesto 5 - 6, i ne nestaju :P
Da li neko moze da mi resi taj problem, evo koda:

PHP kod:


			
var d = document;

var w = window;

function kr()

{

var boje = new Array();

boje[1] = "#3399ff";

boje[2] = "red";

boje[3] = "blue";

boje[4] = "green";

boje[5] = "yellow";

boje[6] = "#3399ff";

var w = window;

for( i=0; i < 10; i++)

{

    var rnd1 = Math.floor(Math.random() * 900);

    var rnd2 = Math.floor(Math.random() * 900);

    var rnd3 = Math.floor(Math.random() * 6);

    var e = d.createElement('div');

    e.setAttribute('id', 'kruzic');

  e.setAttribute('style', 'position:absolute; top:' + rnd1 + 'px;left:' + rnd2 + 'px; width:105px; height:105px; border:1px solid #ffffff; background:' + boje[rnd3] + ';border-radius:80px;opacity:0.5;');

    d.body.appendChild(e);

  setInterval(iz(), 5000);

}

}

function iz()

{

         d.getElementById("kruzic").style.display="hidden";

         setInterval(kr(),3000);

}

w.onLoad = kr();

kr();

Evo kako taj bug izgleda:

RaKuN_s_NeOnKoM · 8.1.2013, 2:03

Nadam se da ce ti biti od pomoci. Naravno moze bolje, samo cackaj.

Kod:

//var d = document; //nema smisla
//var w = window;   //ni ovo
var boje = []; //ne moras svaki put novi niz boja da deklarises, dosta ti je ovaj 1
    boje[1] = "#3399ff";
    boje[2] = "red";
    boje[3] = "blue";
    boje[4] = "green";
    boje[5] = "yellow";
    boje[6] = "#3399ff";
var kruzici = []; //niz u kom cemo pamtiti kreirane kruzice

function make() {
    //var w = window; imas je vec gore
    for (var i = 0; i < 10; i++) {
        var rnd1 = Math.floor(Math.random() * 900);
        var rnd2 = Math.floor(Math.random() * 900);
        var rnd3 = Math.floor(Math.random() * 6);
        var krug = document.createElement('div');
        //krug.setAttribute('id', 'kruzic'); //samo 1 element na stranici moze imati isti ID
        krug.setAttribute('style', 'position: absolute; top: ' + rnd1 +
          'px; left:' + rnd2 + 'px; width: 105px; height: 105px; border: 1px solid #fff; background: ' +
          boje[rnd3] + '; border-radius: 80px; opacity: 0.5;');
        document.body.appendChild(krug);
        kruzici.push(krug); //dodamo kreirani krug u niz
    }
    setTimeout(function() {
        hide();
    }, 1000);
    /* interval se koristi za periodicno ponavljanje,
     * nama treba timeout koji opali samo jednom posle zadatog vremena.
     * primeti kako se poziva funkcija, isto vazi i za interval! */
}

function hide() {
    for (var i = 0; i < kruzici.length; i++) //prolazimo kroz niz
    document.body.removeChild(kruzici[i]); //uklonimo krugove

    kruzici.length = 0; //ispraznimo niz
    make(); //pravimo nanovo
}

U HTML fajlu napises ovo:

HTML kod:

<body onLoad="make();">
</body>

ludak97 · 8.1.2013, 10:08

Citat:

RaKuN_s_NeOnKoM kaže:

Nadam se da ce ti biti od pomoci. Naravno moze bolje, samo cackaj.

Kod:

//var d = document; //nema smisla
//var w = window;   //ni ovo
var boje = []; //ne moras svaki put novi niz boja da deklarises, dosta ti je ovaj 1
    boje[1] = "#3399ff";
    boje[2] = "red";
    boje[3] = "blue";
    boje[4] = "green";
    boje[5] = "yellow";
    boje[6] = "#3399ff";
var kruzici = []; //niz u kom cemo pamtiti kreirane kruzice

function make() {
    //var w = window; imas je vec gore
    for (var i = 0; i < 10; i++) {
        var rnd1 = Math.floor(Math.random() * 900);
        var rnd2 = Math.floor(Math.random() * 900);
        var rnd3 = Math.floor(Math.random() * 6);
        var krug = document.createElement('div');
        //krug.setAttribute('id', 'kruzic'); //samo 1 element na stranici moze imati isti ID
        krug.setAttribute('style', 'position: absolute; top: ' + rnd1 +
          'px; left:' + rnd2 + 'px; width: 105px; height: 105px; border: 1px solid #fff; background: ' +
          boje[rnd3] + '; border-radius: 80px; opacity: 0.5;');
        document.body.appendChild(krug);
        kruzici.push(krug); //dodamo kreirani krug u niz
    }
    setTimeout(function() {
        hide();
    }, 1000);
    /* interval se koristi za periodicno ponavljanje,
     * nama treba timeout koji opali samo jednom posle zadatog vremena.
     * primeti kako se poziva funkcija, isto vazi i za interval! */
}

function hide() {
    for (var i = 0; i < kruzici.length; i++) //prolazimo kroz niz
    document.body.removeChild(kruzici[i]); //uklonimo krugove

    kruzici.length = 0; //ispraznimo niz
    make(); //pravimo nanovo
}

U HTML fajlu napises ovo:

HTML kod:

<body onLoad="make();">
</body>

Pa ovo tvoje uopste neradi

JohnnyNT · 8.1.2013, 12:20

Radi, pitanje je za šta tebi ovo služi, gde si postavio kod...?

ludak97 · 8.1.2013, 14:20

Citat:

JohnnyNT kaže:

Radi, pitanje je za šta tebi ovo služi, gde si postavio kod...?

Hocu da napravim da kada se ovo upise google chrome konzolu da na svakom sajtu moze da radi skripta, da se pojavljuju providni krugovi i da nestaju posle 3 sekunde a onda se opet pojave ali da budu druge boje i na drugom mestu

Kao ovo na fbu sto je bilo:

ludak97 · 8.1.2013, 21:42

Problem rešen

Zahvaljuem svima koji su mi pomogli

Evo koda:

PHP kod:


			
var boje = [];

boje[1] = "#3399ff";

boje[2] = "red";

boje[3] = "blue";

boje[4] = "green";

boje[5] = "yellow";

boje[6] = "#3399ff";

var kruzici = [];



function napravi()

{

    for (var i = 0; i < 10; i++) {

        var rnd1 = Math.floor(Math.random() * 100);

        var rnd2 = Math.floor(Math.random() * 100);

        var rnd3 = Math.floor(Math.random() * 6);

        var krug = document.createElement('div');

        krug.setAttribute('style', 'position: absolute; top: ' + rnd1 +

          '%; left:' + rnd2 + '%; width: 150px; height: 150px; border: 1px solid #fff; background: ' +

          boje[rnd3] + '; border-radius: 80px; opacity: 0.2;');

        document.body.appendChild(krug);

        kruzici.push(krug);

    }

    setTimeout(function(){sakrij();}, 1000);

}



function sakrij() {

    for (var i = 0; i < kruzici.length; i++) 

    document.body.removeChild(kruzici[i]);



    kruzici.length = 0;

    napravi();

}

window.onLoad = napravi();

RaKuN_s_NeOnKoM · 11.1.2013, 2:24

Ma zaista? Za isti taj kod si gore napisao da uopste ne radi.

Nema na cemu, imas ispod postova dugme 'Hvala!' pa klikni.

ludak97 · 11.1.2013, 13:21

Citat:

RaKuN_s_NeOnKoM kaže:

Ma zaista? Za isti taj kod si gore napisao da uopste ne radi.

Nema na cemu, imas ispod postova dugme 'Hvala!' pa klikni.

Ma nije htelo nesto da radi u konzoli, malo sam ga izmenio i proradilo

U svako slucaju hvala

7.1.2013, 20:03	#1
ludak97 Novi član Član od: 5.1.2012. Poruke: 28 Zahvalnice: 3 Zahvaljeno 0 puta na 0 poruka	Mala pomoc oko js skripte Pozdrav evo mog problema. Napravio sam skriptu , da se krugovi pojavljuju na stranici i nestaju posle 3 sekunde, ali problem je to sto se stvori gomila njih umesto 5 - 6, i ne nestaju :P Da li neko moze da mi resi taj problem, evo koda: PHP kod: var d = document; var w = window; function kr() { var boje = new Array(); boje[1] = "#3399ff"; boje[2] = "red"; boje[3] = "blue"; boje[4] = "green"; boje[5] = "yellow"; boje[6] = "#3399ff"; var w = window; for( i=0; i < 10; i++) { var rnd1 = Math.floor(Math.random() * 900); var rnd2 = Math.floor(Math.random() * 900); var rnd3 = Math.floor(Math.random() * 6); var e = d.createElement('div'); e.setAttribute('id', 'kruzic'); e.setAttribute('style', 'position:absolute; top:' + rnd1 + 'px;left:' + rnd2 + 'px; width:105px; height:105px; border:1px solid #ffffff; background:' + boje[rnd3] + ';border-radius:80px;opacity:0.5;'); d.body.appendChild(e); setInterval(iz(), 5000); } } function iz() { d.getElementById("kruzic").style.display="hidden"; setInterval(kr(),3000); } w.onLoad = kr(); kr(); Evo kako taj bug izgleda:

8.1.2013, 12:20	#4
JohnnyNT Deo inventara foruma Član od: 15.4.2006. Lokacija: Srbija Poruke: 4.037 Zahvalnice: 1.298 Zahvaljeno 1.396 puta na 948 poruka	Re: Mala pomoc oko js skripte Radi, pitanje je za šta tebi ovo služi, gde si postavio kod...?

8.1.2013, 21:42	#6
ludak97 Novi član Član od: 5.1.2012. Poruke: 28 Zahvalnice: 3 Zahvaljeno 0 puta na 0 poruka	Re: Mala pomoc oko js skripte Problem rešen Zahvaljuem svima koji su mi pomogli Evo koda: PHP kod: var boje = []; boje[1] = "#3399ff"; boje[2] = "red"; boje[3] = "blue"; boje[4] = "green"; boje[5] = "yellow"; boje[6] = "#3399ff"; var kruzici = []; function napravi() { for (var i = 0; i < 10; i++) { var rnd1 = Math.floor(Math.random() * 100); var rnd2 = Math.floor(Math.random() * 100); var rnd3 = Math.floor(Math.random() * 6); var krug = document.createElement('div'); krug.setAttribute('style', 'position: absolute; top: ' + rnd1 + '%; left:' + rnd2 + '%; width: 150px; height: 150px; border: 1px solid #fff; background: ' + boje[rnd3] + '; border-radius: 80px; opacity: 0.2;'); document.body.appendChild(krug); kruzici.push(krug); } setTimeout(function(){sakrij();}, 1000); } function sakrij() { for (var i = 0; i < kruzici.length; i++) document.body.removeChild(kruzici[i]); kruzici.length = 0; napravi(); } window.onLoad = napravi();

11.1.2013, 2:24	#7
RaKuN_s_NeOnKoM Član Član od: 27.9.2006. Lokacija: Sombor Poruke: 227 Zahvalnice: 92 Zahvaljeno 51 puta na 31 poruka	Re: Mala pomoc oko js skripte Ma zaista? Za isti taj kod si gore napisao da uopste ne radi. Nema na cemu, imas ispod postova dugme 'Hvala!' pa klikni.

Slične teme
tema	temu započeo	forum	Odgovora	Poslednja poruka
Mala pomoc oko nove konfe.	Bansha	ŠDK - Osnovne komponente	13	4.11.2011 15:22
Mala pomoc iz MySQL-a	mirkan03	Programiranje	3	2.8.2010 10:52
Mala pomoc!?	Igor94	Šta da kupim?	18	11.1.2009 1:04
Mala pomoc oko projekta u Delphiju...	Daky	Programiranje	22	13.6.2007 22:33
Mala pomoc oko OC	Ninoslav	Overklok	10	19.11.2005 2:33

*Sledeći korisnik se zahvaljuje korisniku RaKuN_s_NeOnKoM* na korisnoj poruci:**
ludak97 (11.1.2013)