Anonymní profil FreshJS – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Anonymní profil FreshJS – Programujte.comAnonymní profil FreshJS – Programujte.com

 

Příspěvky odeslané z IP adresy 151.249.104.–

FreshJS
JavaScript, AJAX, jQuery › Jednoduchý Drag and Swap chi…
30. 3. 2017   #215384

Ahojte,

V Javascriptu jsem začátečník a potřeboval bych vyřešit „na rychlo“ jedno zadání. Pro zkušené to nebude nic složitého. :-)

Momentálně jsem si vytvořil toto zadání: https://jsfiddle.net/vafu80hk/

V každém sloupci je 5 boxů. Každý box obsahuje 6 divů s textem.

Každý box je draggable. Když uživatel chytí jeden box (div DND_OneElement) a přesune ho na druhý, je třeba prohodit obsah (text) pouze těchto divů:

  • DND_OneElement_UpperLeftText
  • DND_OneElement_MiddleLeftText
  • DND_OneElement_DownLeftText

Příklad:

Na startu: http://i.imgur.com/bUS6eMR.png

Uživatel chytí myší box, kde je „Element 002“ a natáhne ho na box „Element 008“:  http://i.imgur.com/xNC1fCu.png

Výsledek po dropu bude vypadat takto: http://i.imgur.com/p7zbf5x.png

Dokáže mi někdo dopsat JS? Děkuji všem za pomoc předem. :-)

 

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032024 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý