Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Jaka biblioteka do drag&Drop dla karty postaci
Avatarus
post 22.08.2010, 17:25:31
Post #1





Grupa: Zarejestrowani
Postów: 304
Pomógł: 0
Dołączył: 12.12.2006
Skąd: Pszów

Ostrzeżenie: (0%)
-----


Witam
Potrzebuje wcielić technologię drag and drop do zarządzania inventory postaci w grze przez www.
Nie jest to proste.

Macie może jakies sugestie jakiej biblioteki użyć?


--------------------
Go to the top of the page
+Quote Post
phpion
post 22.08.2010, 17:30:10
Post #2





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




Poszukaj czegoś pod coś, co masz już załadowane w swoim systemie (np. jQuery, MooTools). Jeśli nie korzystasz z żadnej z tych bibliotek to albo rozważ mintAjax albo jQuery. Pierwszy jest mniejszy ale ma wdbudowane d&d, drugi to kombajn z masą dodatków ale d&d nie ma od razu w jądrze. Wybór należy do Ciebie.
Go to the top of the page
+Quote Post
Crozin
post 22.08.2010, 17:36:54
Post #3





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

Ostrzeżenie: (0%)
-----


OT:
Raczej nie nazwałbym jQuery kombajnem: kilka "podstawowych" modułów do manipulacji DOMem, zdarzeniami, AJAX, kilka prostych efektów animacji + "Utilities" - chyba nic mi nie umknęło. To jest biblioteka o potężnych możliwościach, ale sama w sobie jest dosyć prosta.
Go to the top of the page
+Quote Post
phpion
post 22.08.2010, 17:39:14
Post #4





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




@Crozin:
Masz rację, nieco się zagalopowałem. Kombajn miałem tu na myśli w porównaniu do mintAjax. Faktem jest, że prawdziwym kombajnem JS jest np. ExtJS. Tak czy siak finalnie jQuery daje większe pole do popisu niż mintAjax.
Go to the top of the page
+Quote Post
Avatarus
post 22.08.2010, 17:46:33
Post #5





Grupa: Zarejestrowani
Postów: 304
Pomógł: 0
Dołączył: 12.12.2006
Skąd: Pszów

Ostrzeżenie: (0%)
-----


akurat oba z nich testuje, tylko jest oby czegoś brakuje.
Mint ma fajną opcje limitowania wkładania do kontenera, jquery tego natywnie nie ma.
mint ma też od razu wyrównanie w kontenerze.
jednak poczytałem że mint nie jest już aktualizowany i że są problemy z d&d w niektórych przeglądarkach.


--------------------
Go to the top of the page
+Quote Post
everth
post 22.08.2010, 17:54:49
Post #6





Grupa: Zarejestrowani
Postów: 782
Pomógł: 153
Dołączył: 21.07.2010

Ostrzeżenie: (0%)
-----


jQuery UI - świetna nakładka (?) na jQuery. Jak już Crozin wspomniał samo jQuery jest proste (hehe, jak na ~50kB kodu), ale jego siła tkwi we wtyczkach. A tych jest mnóstwo i w miarę łatwo (no w zasadzie) się je łączy.


--------------------
Już mi się ani wiedzieć, ani tym bardziej myśleć nie chce.
[Think different]!
Go to the top of the page
+Quote Post
Avatarus
post 22.08.2010, 18:04:32
Post #7





Grupa: Zarejestrowani
Postów: 304
Pomógł: 0
Dołączył: 12.12.2006
Skąd: Pszów

Ostrzeżenie: (0%)
-----


no jasne, używam jqury UI do d&d, tzn staram się użyć smile.gif
Tylko nie jest to takie proste jak mi się wydawało.

no dobra coś już mam , teraz potrzebuje 1 rzeczy.
Połączenia tego z php.
Tak żeby po przerzuceniu przedmiotu mógłbyś wykonany skrypt php który będzie aktualizować statystyki, informacje o zalożonych itemamch w bazie i co najważniejsze pozwoli odrzucić przedmiot którego nie da sie założyć.

Druga sprawa to wyrównanie przerzuconego obiektu w kontenerze.
skrypt wygląda tak:
Kod
<style type="text/css">
#ja {border: 1px solid black; width:246px; height: 82px;}    
#on {border: 1px solid black; width:246px; height: 82px;}    
.item {float: left; border: 1px solid black; width: 80px; height: 80px;}
</style>

    <script type="text/javascript">
    $(function() {

        $("#item1").draggable({ revert: 'invalid' });
        $("#item2").draggable({ revert: 'invalid' });
        $("#item3").draggable({ revert: 'invalid' });
        $("#item4").draggable({ revert: 'invalid' });
        $("#item5").draggable({ revert: 'invalid' });
        $("#item6").draggable({ revert: 'invalid' });
        
        
        $("#ja").droppable({
          
        });
        $("#on").droppable({
            
            
        });

    });
    </script>
    </head>
<body>
Plecak bohatera
<div id="ja">
    <div id="slot_ja_1" class="ui-widget-header"><div id="item1" class="item ui-widget-content"><img src="obrazki/przedmioty/testowe/helm.png" alt="" /></div></div>
    <div id="slot_ja_2" class="ui-widget-header"><div id="item2" class="item ui-widget-content"><img src="obrazki/przedmioty/testowe/tarcza.png" alt="" /></div></div>
    <div id="slot_ja_3" class="ui-widget-header"><div id="item3" class="item ui-widget-content"></div></div>
</div><br /><br /><br />
Plecak handlarza
<div id="on">
    <div id="slot_on_1" class="ui-widget-header"><div id="item4" class="item ui-widget-content"><img src="obrazki/przedmioty/testowe/helm.png" alt="" /></div></div>
    <div id="slot_on_2" class="ui-widget-header"><div id="item5" class="item ui-widget-content"></div></div>
    <div id="slot_on_3" class="ui-widget-header"><div id="item6" class="item ui-widget-content"><img src="obrazki/przedmioty/testowe/legs1.png" alt="" /></div></div>
</div>



--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 1.08.2025 - 02:03