jQuery - droppable a draggable

max-m · Napísal **max-m**: 02.07.2009 9:54

Caute,
chcel som sa spytat, ci mate skusenosti s tymito dvomi funkciami a ci by nebolo mozne uviest aj nejaky konkretnypriklad. Ja som hladal asi vsade, no som z toho stale mimo a vobec to nefunguje ako by som potreboval.

mnou pozadovana funkcionalita:
-----------------------------------------
mam napr. 3x DIV (akokeby "okna"), ktore su umiestnene v jednom velkom DIVe. tieto tri DIV by som mal vediet navzajom "prehadzovat" ale len vramci toho velkeho DIVu a samozrejme so zachovanim nejakeho poziciovania (uzivatel aj ked pri presune okna umiestni okno krivo voci ostatnym dvom DIVom tak sa automaticky napravi pozicia). Najlepsie by bolo keby pri pohybe oknom sa mi ostatne dva DIVy pohybovali a uvolnovali poziciu DIVu, ktory drzim a posuvam.

ja s tymito funkciami dokazem pohybovat DIVom no to je vsetko: ziadne poziciovanie, posuvanie vramci jedneho velkeho DIVu a uz vobec nie uvolnovanie pozicie ostatnymi oknami....

Kazda rada sa ceni

DIK

Flety · Napísal **Flety**: 02.07.2009 12:06

Ty chceš sortable.

max-m · Napísal autor témy **max-m**: 02.07.2009 13:14

no v podstate ano, ale mozem do ul->li vlozit DIV (okno s miniaplikaciou)?

Flety · Napísal **Flety**: 02.07.2009 13:47

Ak ti ide o valídnosť tak nie. Li je riadkový element, zatiaľ čo div je blokový a riadkový element nemôže obsahovať blokový. Ale myslím, že sa to dá vyriešiť aj inak ako dávať DIV do LI

Ďuri · Napísal **Ďuri**: 02.07.2009 13:54

Flety píše:

Ak ti ide o valídnosť tak nie.

Ale ano.

max-m · Napísal autor témy **max-m**: 02.07.2009 14:01

som akurat nasiel toto: http://www.west-wind.com/weblog/posts/332037.aspx kde je v podstate v <li> vlozeny <div> no vobec to neviem podla toho rozbehnut a bud mi to uz nepali alebo je to tym, ze ten autor to robil v ASP.net a ja to potrebujem v PHP (dufam, ze som nezapotil nejaku blbost)

chrono · Napísal **chrono**: 02.07.2009 14:06

Čo znamená, že to nevieš rozbehnúť?

Klientskej časti (tomu javascriptu) je úplne jedno, či je server používa php, asp... navyše by to malo byť funkčné (bez ukladania stavu) aj bez serveru (takže najskôr urob potrebný javascript, ktorý bude slúžiť na presúvanie a až potom sa presuň k tvorbe tej serverovej časti).

max-m · Napísal autor témy **max-m**: 02.07.2009 14:27

to je jasne. som sa zle vyjadril :-)

priklad pre lepsiu ilustraciu "nerozbehnutia".

v heade:

Kód:

...
<script language="javascript" src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="js/ui.core.js"></script>
<script type="text/javascript" src="js/ui.sortable.js"></script>
<script type="text/javascript">   
$(document).ready(function(){
     $("#rightcolsort").sortable({
          opacity: 0.7,
          revert: true,
          scroll: true,
          axis: "y",
          cursor: "move",
          handle: $(".nadpis")
    });   
});   
</script>
...

a v body:

Kód:

...
<div class="right_col" id="right_col">
            <ul id="rightcolsort">
               <li class="polozka_right_col_sort"><?php include_once("okno1.php"); ?></li>
                <li class="polozka_right_col_sort"><?php include_once("okno2.php"); ?></li>
            </ul>
        </div>
...

pricom okno1.php (v tomto priklade moze byt rovnake ako okno2.php):

Kód:

<div class="right_box">
   <div class="nadpis">
      <div class="logo">...</div>
      <div class="text">...</div>
      <div class="ikona">...</div>
      <div class="ikona">...</div>
      <div class="ikona">...</div>
      <div class="ikona">...</div>
   </div>
   <div class="telo" id="body_okno">
      ........
   </div>
</div>

mne sa nedari tymi oknami vobec hybat (dokonca sa mi ani kurzor nezmeni ako ma...).

P.S. vsetky JS, ktore su vhlavicke zadefinovane mam a aj cesty k nim su 100% spravne.

mishsuli · Napísal **mishsuli**: 01.12.2011 22:33

Zdravim ... prepacte ze otvaram staru temu .... ale chcel by som sa opytat ako mam spravit aby sa ukladali zmeny .... aby ked presuniem napr. riadok 1 uplne dole a riadok 7 uplne hore aby tam ostali aj po refreshnuti stranky .....

shaggy · Napísal **shaggy**: 01.12.2011 22:47

Na to ti iba javascript nestačí. Musíš napr. cez ajax odoslať informácie o pozícii riadkov a tie si niekam uložiť (db, súbor atď.).

jQuery - droppable a draggable

Podobné témy