Hra? – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Zdravim, potreboval bych mirne nasmerovat nebo nakopnout spravnym smerem:

Potrebuju vytvorit webovou "hru". Na pozadi hry bude obrazek. A ted k problemu, pres obrazek by mela byt "mrizka", krera by ale po kliknuti zaznemenala, ktere okno mrizky je zakliknute, napriklad okynko by zmenilo barvu na cerveno.

Vi nekdo jak by se toto dalo resit? 

Diky za pripadnou odezvu.

Hrozně moc způsoby,

odpověď by se dala odbýt flashem. Nicméně asi nejlepší bude javascript, otázka je zda to bude kostička a budou vždy pravidelně stejné. Pak by jsi vše vykresloval javascriptem. Popřípadě PHP by to taky šlo, ale bylo by to s reloadem a dotazem na server, možná zbytečné. Další otázka je, co chceš za akci po clicku na políčko. Ale v podstatě vše javascriptem. Konkrétně doporučuji jQuery.

Chci k tomu vyuzit JavaScript. Ale nevim co konkretne. Zatim sem nemel moznost se s JS potkat (Venoval sem se spise desktopovym aplikacim). Precetl sem sice narychlo knihu ale nikde sem nenarazil na nic co by mi pomohlo k vyreseni tohodle problemu. Ctverecky by mely byt vzdy stejne a obrazek by mel mit stale stejnou velikost. 

Pokud by nekdo vedel o zdroji ohledne JS kde bych se docetl neco co by mi to pomohlo vyresit budu vdecny. At uz knizni nebo webovy. 

Diky

Zdá se mi to? Nebo už nikdo nepoužívá google? :o)

http://www.jquery4u.com/…ing-plugins/ napsal jsem "jQuery drawing"

Jinak, co co chceš se dá udělat i pomocí HTML A css :o) si poskládej odkazy s kotvou. A nebo klikací mapa, ta bude nejjednodušší. http://www.jakpsatweb.cz/…obrazky.html#map

Snažím se pochopit, proč na tom hledáš takové složitosti, samotná realizace je strašně jednoduchá. 

#3 johny5
nechápu jak někdo může přečíst knihu (vydedukoval jsem, že o javascriptu) a neumět udělat čtverečky klikatlné...i kdyby si měl vygenerovat v cyklu X krát Y čtverečku s originálním ID a nastavit nějaký event při kliku...v jQuery je to otázka asi 5 minut

Cetl jsem knihu od Rastislava Skultety a ani zminka o jQuery tam nebyla. Google pouzivat umim, akorat kdyz clovek nevi co konkretne hleda... tak proto sem se obratil sem. Verim ze to nic sloziteho nebude, ale jen kdyz clovek vi co pouzit.

dobře....obecně, vygeneruješ si v cyklu mřížku...buďto tabulkovou nebo třeba div(i) co se nafloatí na nějakou stranu/přiřadí se jím originální pozice....každý z těchto elementů bude mít určitou třídu...a jediné co potřebuješ bude...

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

             // konkretní prvek bude uložen v $(this)
             $(this).css('background-color', 'red');              //zčervená...

             console.log($(this).attr('id'));               // vypíše do konzole IDčko prvku, které si můžeš vygenerovat tím cyklem...

});

Neměl by být problém....pokud je, tak se klidně zeptej...jinak promiň za rejpavý post předtím...každý nějak začíná... :)

No sedim nad tim uz celkem dlouho.  Chtel sem to prvotne zkusit pomoci tech map, to mi ale v mym pripade prislo spatne protoze potrebuju tech ctverecku +- 40.  Pak sem to chtel zkusit pomoci css rollover. Take zadny solidni vysledek, hlavne proto ze ten obrazek nebude natvrdo background.  Ten obrazek by se mel nacitat z nakeho souboru. a podle neho se pak naklikavat ty ctverecky. A resit to tim cyklem je pro me taky nevyhodne protoze to nebude ciste ctvereckovana plocha ale rada ctvercu(obdelniku) pak par desitek pixelu nic a pak dalsi rada ctvercu celkem. Nevim k cemu to prirovnat mozna takova struktura ala parkoviste ke by  se pro predstavu zaklikavala prazdna a plna mista. Predpokladam ze na neco takoveho musi byt nejaky jednoduchy nastroj. Neni to podle me nic sloziteho jen vedet jak. Mit moznost to nabusit jako desktopovou aplikaci napriklad v C# tak je to hned. 

nemam ponětí jak to udělat v C# ale podobné věci řeším tak, že si vytvořím kontejner a prostě vypočítávám absolutní polohu každého prvku....v závislosti na okolních podmínkách, které ovlivňují jak to má vypadat...prostě přes top a left...můžou potom vypadat jak chtěj...kdyby si nebyl schopnej napsat funkce/poslat data podle kterých se mají vypočítávat ty polohy, tak se to dá spočítat i z toho, že procházíš obsah toho kontejneru a zjišťuješ vlastnosti jako je šířka, poloha, rámeček a podobné...nevím jestli ti odpovídám na otázku, pořádně jsem nepochopil co přesně potřebuješ udělat :)...jinak ty metody na procházení kontejneru a zjišťování vnějších okolností jsou např .find('tag') .children(), .next(), .parent() .css('width/border/left/right/top/bottom')...a mnoho dalších doporučuju dokumentaci jQuery....stačí na google napsat "jQuery"....