(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi |
|
Alati teme | Način prikaza |
10. 06. 2013. | #1 |
profesionalac
Professional
Datum učlanjenja: 25.10.2012
Poruke: 278
Hvala: 16
32 "Hvala" u 9 poruka
|
Drag Drop diva
poz
Radim nesto cisto da naucim malo jquery ali imam malih problema Kod i DEMO: http://jsbin.com/erofot/1 Ono sto zelim je da ucinim ovu klasu .draggable da bude "draggable" ali samo u tabeli tj. table / .dropable div i da moze da se seta izmedju redova i kolona tabele kao i da bude sortirano sve horizntalno, kada se doda novi draggable div u klasi ostali da mu naprave mesto i da zauzmu nova mesta ako me shvatate Jel ima ko neki tutorial i odakle da krenem Uopste moguce li je izvesto ovo sto zelim? |
10. 06. 2013. | #3 |
profesionalac
Professional
Datum učlanjenja: 25.10.2012
Poruke: 278
Hvala: 16
32 "Hvala" u 9 poruka
|
Da divove sa ikonicama koji sada mogu da se pomeraju , znaci draggable su, da mogu samo da se postavljaju u tabelu (redove i kolone) a inace ako se ne dovedu u poziciju u tabeli da se vrate na svoje mesto...
znaci da tabela bude acceptabable za div sa klasom .draggable |
10. 06. 2013. | #4 |
član
Certified
Datum učlanjenja: 26.07.2008
Poruke: 76
Hvala: 15
296 "Hvala" u 10 poruka
|
http://jsfiddle.net/j08691/DtbHe/ revert: invalid, i tabla: droppable... ako se dobro secam, nisam se dugo zezao s tim...
|
10. 06. 2013. | #5 |
profesionalac
Professional
Datum učlanjenja: 25.10.2012
Poruke: 278
Hvala: 16
32 "Hvala" u 9 poruka
|
Da da, nasao sam resenje http://jsbin.com/erofot/12 Jedino me sad zeza ovo sa helper:clone, neznam zasto ne radi
Div se kopira i pomera ali kad treba da se ostavi jednostavno nestane... |
10. 06. 2013. | #6 |
profesionalac
Professional
Datum učlanjenja: 25.10.2012
Poruke: 278
Hvala: 16
32 "Hvala" u 9 poruka
|
kod
Kôd:
<script> $(function() { $( ".draggable" ).resizable(); $( ".draggable" ).draggable({revert: 'invalid', helper: 'clone',snap: "#drop_here td", opacity: 0.7}); $( "#drop_here td" ).droppable({ accept: '.draggable', drop: function( event, ui ) { $( this ) .find( "p" ) .html( "Dropped!" ); } }); }); </script> |
|
|