[jQuery] Przenoszenie grafiki między div'ami, j/w Opcje

[wizard144]

Witam.

Mam bardziej pytanie niż problem. A właściwie to kilka pytań.

Ale może lepiej opiszę problem.



Mam tabele 5 x 6 komórek. W kazdej komorce jest div, a w divie grafika 50 x 50 px. Po lewej stronie mam innego diva w którym są divy 50x 50 px.

Chciałbym:

1. Przeniesc grafike z diva z tabeli
2. Usunąć tego diva
3. Divy przesuwają się o 1 w lewo
4. Przeniesiona grafika ląduje w innym divie (50 x 50) zagniezdzonym w duzym divie.

[PHP] pobierz, plaintext 
1. Klikam na grafike
2. Grafika jest złapana przez kursor myszy
3. Grafika zostaje przeniesiona nad innego diva
4. Klik! Grafika zostaje dropnięta
4.1 W wypadku nieodpowiedniego diva / lub proby umieszczenia w innym miejscu - pkt. 6
4.2 W wypadku poprawnego umieszczenia pkt.5
5. Grafiki w tabeli przemieszczają się (usunięcie diva w ktorym byla grafika poprzednia)
6. Grafika wraca na swoje miejsce
[PHP] pobierz, plaintext 

I teraz takie pytanie. Czy jquery sobie z tym poradzi ? na jakie funkcje zwrócić uwagę ?

Ten post edytował wizard144 18.08.2010, 12:40:52

[wookieb]

Tak
jquery -> draggable
oraz
jquery -> droppable
Wszystko jest ładnie udokumentowane

[wizard144]

Dzięki, o to mi chodziło.

A i mam jeszcze jedno pytanie.

Chciałbym żeby zawartośćw divie (oddzielny problem) pojawiała się dynamicznie. tzn żeby w divie zrobić przejście tak jakby. Żeby z ciemniejszego przechodziło w jaśniejsze. Takie wyłanianie z cienia. Da sie to zrobić w jquery ?

Mam jeszcze pomysl żeby zrobić diva i zmniejszac mu opacity dynamicznie ale sam nie wiem ;/

Jakieś pomysły ? (IMG:style_emoticons/default/smile.gif)

[wookieb]

jquery -> animate

[wizard144]

Ok, dzięki, mam już wszystko (IMG:style_emoticons/default/smile.gif)

Nikt nie lubi odsmażać starych kotletów (IMG:style_emoticons/default/smile.gif)

Mimo wszystko muszę, wybaczcie.

Otóż mam taki oto problem.

Chcę przeciągnąć element z jednego diva do drugiego. Problemu nie ma bo to już umiem.

Problem w tym że div znika mi mijając granicę diva...

Zbadałem sprawę, muszę mieć w divie overflow-y:auto; lub :scroll; i w tym tkwi problem, że przez to ze overflow w ogole istnieje to element przeciągany nie wychodzi poza granice tego diva tylko tak sobie overflowuje w tym przepelnieniu ;/


Chcialbym jakos to zablokowac ale sie nie da;/ nie mam pomyslu...

[zegarek84]

Problem w tym że div znika mi mijając granicę diva...

Zbadałem sprawę, muszę mieć w divie overflow-y:auto; lub :scroll; i w tym tkwi problem, że przez to ze overflow w ogole istnieje to element przeciągany nie wychodzi poza granice tego diva tylko tak sobie overflowuje w tym przepelnieniu ;/

żaden scroll ani auto [jak na sztywno ustali się wielkość div'a to auto jest w zasadzie scrolem jeśli przepełni się go treścią] tylko overflow: visible; no i oczywiście najlepiej ustaw jakieś wymiary dla tego div'a rodzica - pierwsze jak tekst przeczytałem, że rodzic z pola widzenia Ci znika [no jak jest pusty i bez wymiarów...]... zreszta problemy typu JS to zawsze powinno dawać się linka do stronki jakiejś z tymi skryptami...

a i co ten cały temat ma wspólnego a AJAX o.0 - przecież tutaj chodzi o zwykły dhtml czyli po prostu js...

[wizard144]

Uzywam do tego jQuery w polaczeniu z advAjaxem wszystkiego.


Poza tym musze miec overflow:scroll czy auto bo chce miec efekt przewijania w div'ie...