Ahojte,
potrebujem spraviť nasledovnú vec. Mám stránku rozdelenú na 2 časti. Do hornej časti sa dynamicky pridávajú boxíky. Ked je ich viac ako je šírka stránky, tak sa tam zobrazí horizontálny scrollbar.
Užívateľ si vie potiahnuť boxík z hornej časti do dolnej, kde sa už poziciuje absolútne.
Riešil niekto už podobnú vec? Rád sa dozviem názory.
Pre názornú ukážku prikladám obrázok.
HTML Drag n Drop - presun elementov z jednej časti do druhej
HTML Drag n Drop - presun elementov z jednej časti do druhej
- Prílohy
-
- dnd_gta_monitor.png (1.96 KiB) 1146 zobrazení
-
jorg22
Medium Professional
- Príspevky: 1087
- Registrovaný: 12 aug 2006, 20:39
- Kontaktovať používateľa:
Re: HTML Drag n Drop - presun elementov z jednej časti do dr
Presne to co hladas ti poskytne jQuery UI:
https://jqueryui.com/droppable/#revert
https://jqueryui.com/droppable/#revert
Re: HTML Drag n Drop - presun elementov z jednej časti do dr
a na co sa konkretne pytas?
Re: HTML Drag n Drop - presun elementov z jednej časti do dr
@jorg22: Diky, vyzerá to fajn, pozriem sa na to.
@Slayter: Pýtam sa na to, ako sa rieši taká vec, keď chcem presúvať elementy z jedného containera do druhého. Taktiež ako pridávať nový element do horného containera tak, aby sa zobrazovali vedľa seba a pri prekročení šírky obrazovky sa tam vytvoril horizontálny scrollbar.
@Slayter: Pýtam sa na to, ako sa rieši taká vec, keď chcem presúvať elementy z jedného containera do druhého. Taktiež ako pridávať nový element do horného containera tak, aby sa zobrazovali vedľa seba a pri prekročení šírky obrazovky sa tam vytvoril horizontálny scrollbar.
Re: HTML Drag n Drop - presun elementov z jednej časti do dr
No zalezi na tom ako velmi custom riesenie chces, ked nieco out of the box tak jQuery UI je ok
vsak tomu hornemu elementu daj max sirku a daj mu overflow-x: auto
Popripade nieco modernejsie: https://medium.com/flexbox-and-grids/ho ... d860f539b2
vsak tomu hornemu elementu daj max sirku a daj mu overflow-x: auto
Popripade nieco modernejsie: https://medium.com/flexbox-and-grids/ho ... d860f539b2
Re: HTML Drag n Drop - presun elementov z jednej časti do dr
Ďakujem za rady.
Spravil som to pomocou draggable+droppable. Jediný problém je ten, že keď chcem presunúť boxík do spodného containera nižšie, tak sa automaticky nenaťahuje.
@Slayter: tomu hornému containeru som ešte musel pridať white-space: nowrap;
Spravil som to pomocou draggable+droppable. Jediný problém je ten, že keď chcem presunúť boxík do spodného containera nižšie, tak sa automaticky nenaťahuje.
@Slayter: tomu hornému containeru som ešte musel pridať white-space: nowrap;