Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][jQuery] Przesuwanie podczas 'najechania'
Forum PHP.pl > Forum > Przedszkole
Watt
Witam,

Mam pytanie mam taki kod:
Kod
<html>
<head>
<meta http-equiv="Content-Language" content="en" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Draggables demo - Interface plugin for jQuery</title>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="iutil.js"></script>
        <script type="text/javascript" src="idrag.js"></script>
<style type="text/css" media="all">
.draggable {
    position: absolute;
    width: 80px;
    height: 40px;
    border: 1px solid #0090DF;
    background-color: #68BFEF;
    padding: 10px;
    text-align: center;
}
#drag2
{
    top: 60px;
    left: 130px;
}

</style>

</head>
<body>
<div id="drag1" class="draggable">Test PR01 :></div>
<div id="drag2" class="draggable">Test PR02 :></div>
<script type="text/javascript">
$(document).ready(
    function()
    {
        $('#drag1').Draggable(
            {
                ghosting:    true,
                opacity:    0.5,
                fx:            300
            }
        );
        $('#drag2').Draggable(
            {
                ghosting:    true,
                opacity:    0.5,
                fx:            300
            }
        );
    }
);
</script>
</body>
</html>

Jak zrobic, żeby po niejechaniu na siebie dwóch divów jeden ustawiał się pod drugim i jak zrobić mijsce, gdzie nie można 'dropnąć' diva questionmark.gif

Pozdrawiam
erix
Hmm, a przypadkiem Interface nie zostało zastąpione przez jQuery UI? O ile pamiętam, to Interface jest dość stare. winksmiley.jpg

Cytat
Jak zrobic, żeby po niejechaniu na siebie dwóch divów jeden ustawiał się pod drugim i jak zrobić mijsce, gdzie nie można 'dropnąć' diva

Chyba było w przykładach dla jQuery UI.
Watt
Znalazłem taki przykład:
http://interface.eyecon.ro/demos/drag.html

Nie wiem czy on jest dobry, chciałem się troche poduczyć, może macie coś nowszego - lepszego ?
Fafu
http://jqueryui.com/demos/draggable/
Watt
Dzięki, a jak robić, żeby po najechaniu odsuwały się od siebie ( tak jak na igoogle ? )
Fafu
Trudno poszukać w dokumentacji jquery?
http://jqueryui.com/demos/sortable/#portlets
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.