Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Jaka biblioteka do drag&Drop dla karty postaci
Avatarus
post
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
 
Start new topic
Odpowiedzi
Avatarus
post
Post #2





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ć (IMG:style_emoticons/default/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

Posty w temacie


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

 



RSS Aktualny czas: 8.10.2025 - 08:40