Automatsko kreiranje div elemenata

Programiranje
#1

Pozdrav, nisam dugo dolazio ovdje na forum, ne znam imali stare raje, nekad sam ovdje redovno visio :slight_smile:

Sad mi treba mala pomoć.

Kako uz pomoć jquery-a napraviti da se na stranici odmah “automatski” nakon otvaranja pojavi 1000 div elemenata, kojima bi isto tako uz pomoć jQuerija dodijelio css id i class-u sa rednim brojevima (class=“element1”, class=“element2”, … class=“element1000”).

Znači da napravmi nešto ovako ali uz pomoć jQuerya
http://izradisajt.com.ba/webmajtori/

Ja sam ovu tabelu napravi tako što sam 1000 puta zalijepio

a znam da se to može atomatizovati sa par linija jQury-a ali ne znam kao da uradim.

Nadam se da sam upsio objasniti šta mi treba, unaprijed zahvaljujem

#2

Evo ga jedan na brzinu.

(function($) {
$(document).ready(function() {
    for(var i = 0; i < 1000; i++) {
        var el = $('<div>', {
              'class' : 'div-' + i,
              'id' :  'div-' + i
           });
        $('body').append(el);
    }
});

})(jQuery);

#3

Hvala ti prijatelju, to je ono što trebam. Isprobao sam, radi.

Evo pogledaj sa ovim linijiama koda što si mi poslao.

http://izradisajt.com.ba/webmajtori/

#4

Imam još jedno pitanje. Kako sada da od nekog div-a koji se automatksi kreira na ovaj način napravim link?
Znači, ako želim da #div-256 bude link na jednu adresu a d#div-789 link na neku drugu adresu, kako da to napravim?

#5

Pronašao sam kako da dodam link

http://jsfiddle.net/3sUvg/1/

Lp

#6

Radiš sličan projekt?
http://www.milliondollarhomepage.com

1 Like
#7

Pozdrav, ostao sam dužan odgovoriti na pitanje. Dobro si skužio da je nešto slično, jest slično ali potpuno drugačiji i orginalan koncept.

Projekat je završen pa koga zanima zbog čega mi je trebala skripta neka pogleda .
1kvadrat.net

@creatifcode,
moram još jednom da ti se zahvalim na pomoći, ako želiš da reklamiraš neki sajt rado ću postaviti tvoj oglas, naravno besplatno i na neodređeno.

Lp

1 Like
#8

ideja je cool. Nadam se da ćeš što prije popuniti sve kvadratiće :joy: Sretno!!