ugrás a tartalomhoz

div mozgatás

dagober · 2023. Nov. 5. (V), 12.58
Üdv!

Lehet hogy volt már ilyen téma de mindig elakadok.
Segítséget kérek. Szeretnék mozgatni 3 divet megadott helyre ellenőrzéssel.

Pl. van felül 3 kép, ezeket kelljen bemozgatni másik 3 kijelölt helyre. Lehet ez egy teszt feladat. Ahova mozgatni kell azoknak látszik a keretvonala. Amikor kész Beadom gombra kattintás után ellenőrzi a program hogy jó helyre vannak e pakolva. Jó a megoldás vagy rossz.
Hadd ne kelljen leírnom mit kínlódtam eddig.
Segítséget köszönöm.

Dag
‹ JSON injection Angular, React és tsaik(lusta vagyok) ›
 ■
1

Mi a kérdés?

Endyl · 2023. Nov. 7. (K), 14.05
Hol akadsz el? Mit jelent a mozgatás? Drag'n'drop? Gombnyomásra pozízió beállítás? Hogyan van megadva célhely (pozíció, egy adott elemen belül/fölött)?

Szóval ja, írd le, hogy hol tartasz, és mi az a következő dolog, ami nem megy? Ha már segítséget kérsz, legalább ennyi energiát te is tegyél bele.
2

Sajnos nem sokáig jutottam. A

dagober · 2023. Nov. 8. (Sze), 08.08
Sajnos nem sokáig jutottam. A divet a képpel el tudom mozdítani. De már itt is van gond mert ha egymásra húzom akkor a másik alá kerül amitől nem látszik. Nem tudom a kívánt diveket felcserélni. Ellenőrzést sem. Szóval nem sokra jutottam. Így nézne ki:

Faladat: Tedd a megfelelő helyre

-------- -------- --------
| kép1 | | kép2 | | kép3 |
-------- -------- --------

Meghatározás. Itt is képként van.

-------- -------- --------
| kép4 | | kép5 | | kép6 |
-------- -------- --------
Ide kell rakni az első három képet a megfelelő helyre.
-------- -------- --------
|......| |......| |......|
-------- -------- --------

Ellenőrzés gomb
A kép1, kép2, kép3 kellene mozgatni alulra a megfelelő üres helyre.


Mintafeladatnak ezeket találtam:




6

Kód nélkül nehéz lesz

Endyl · 2023. Nov. 9. (Cs), 10.46
"Másik alá kerül" probléma: css relatív/abszolút pizícionálás és z-index.

Ellenőrzés: getBoundingClientRect()
3

Én már a motivációt sem

kuka · 2023. Nov. 8. (Sze), 13.56
Én már a motivációt sem értettem.
  • Csak az a cél, hogy működjön? Én a jQuery UI Draggable és Droppable widgetjeit használnám.
  • Kézzel kell leprogramozd, mert az a házi feladat? Én felvágnám az ereimet, mert még elevenen él bennem, hogy mit szenvedtem vele úgy 2 évtizeddel ezelőtt.
4

Ezt a hangnemet itt már

dagober · 2023. Nov. 8. (Sze), 15.59
Ezt a hangnemet itt már megszoktam. Nem házi feladat, csak ilyet még nem csináltam. Örülök, hogy neked a kisujjadban van.
Motivációról: kellene írnom néhány feladatlapot. Ez lenne vázlat, ez alapján már többet is tudnék készíteni. De mindegy.
5

Nincs a kisujjamban. Főleg

kuka · 2023. Nov. 8. (Sze), 18.26
Nincs a kisujjamban. Főleg mióta a tapogatós eszközök böngészőivel is számolni kell. Éppen ezért használnám a jQuery UI-t, amennyiben lehetséges.

Például valahogy így: https://jsfiddle.net/e4kwLbfd/2/
7

Nagyon köszönöm!Ez olyan

dagober · 2023. Nov. 22. (Sze), 18.22
Nagyon köszönöm!

Ez olyan mint leírtam. Szeretnék kérni egy kis módosítást. Meg lehetne oldani, hogy a három szint ne lehessen egymásra rakni? Ha egymásra lenne téve akkor cserélődjön. Ha nem a kijelölt helyre van téve akkor menjen vissza a helyére.
Olyan mint itt: