Jquery Animácia – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Dobrý deň,

Som začiatočník v Javascripte/Jquery , vedeli by ste mi poradiť ako zistiť polohu div, počas animácie,

( Jedná sa o štvorec ktorý sa po kliknutí posúva o 20 px do prava, chcel by som spraviť aby sa posúval po obvode obrazovky, akurát, že neviem ako zistiť jeho novú polohu po presunutí 20 px... ) Tak by som mal 4 if-ka ktoré by vždy podľa polohy štvorca tvorili animáciu, či ma ísť do prava, dolu, atd...

Keďže neviem prísť na to ako zistiť aktúalnu polohu div-ka bez refresh-u, tak ten štvorec ide vždy len viac a viac doprava....

Ďakujem za každú radu

google = jquery div position
.position() | jQuery API Documentation
.offset() | jQuery API Documentation
http://stackoverflow.com/…using-jquery
$("#el").offset().top - $(document).scrollTop()

Trvalo mi to asi 5s najit a tobe? :)

Toto samozrejme viem, ale ide o to, ze ak sa ten objekt hybe, ( v mojom pripade stvorec kt. sa posunie o 20 px po kliknuti ) tak ten skript ukazal iba jeho prvotnu poziciu, ale uz som to vyriesil.

Som to spravil tak, ze si zistil maximalny mozny pocet klikov za sirku a dlzku obrazovky, a po kliknuti povedzme 16x uz je vertikalna animacia...

Tak, ty samozrejme muzes pri kazdem spusteni toho js tu pozici ukladat do promenne.

"skript ukazal iba jeho prvotnu poziciu" - Nesmysl. Offset mimo jquery ukazuje aktualni pozici. A je treba k tomu propocitat i scroll pro nektere prohlizece, kdyz zascrolujes se strankou.
Pokud to nemeni pozici, pak mne napadaji tyto pripady:
- zjistujes pozici u jineho objektu
- objekt se pohybuje zmenou marginu a ne pozice css left top (coz by ale offset mel ukazat)
- objekt je na pozici znovu vykreslovan scriptem pri kazdem presunu, pozice je ulozena v promenne

Vzdycky sem muzes dat kod programu. Idealne jednoduchou spustitelnou ukazku, at to nemusime hledat.

http://peter-mlich.wz.cz/web/js/prjpw/animace_simple.html