Преместване на елементи

[karamel4o]

Как мога да местя елелементи един в друг като на бгмафия в инвентара с каква функция става ?

 

[Hous]

Защо реши,че е php ?
Самото преместване го има като функция , в jQuery ,преместването и записване на елементите в уебсайт.

Click

Сега ако има вече допълнителни глупости,за записване в дб и тн,тогава си за този раздел.

 

[karamel4o]

Добре примерно имам един DIV:

<div class='iupgrade smarttip'

И искам този див :

<div class='json'

Да го завлека в 1-вия див ?

 

[Hous]

Нали точно за това ти дадох drag на jquery , разгледай демото и виж как става... всичко е обяснено.


ето и демо и код:
Click

 

[karamel4o]

Сега ще пробвам и ще кажа !

 

[karamel4o]

Не става не знам защо

 

[Hous]

Е кода си работи както виждаш,няма как да разбера/ем какво става ако не дадеш твоя код...
:lol:

 

[karamel4o]

New.php

<html>
<head>
<link href="new.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="new.js"></script>
</head>
<body>
<div id="launchPad">    
    <div class="card">
        apple
    </div> 
    <div class="card">
        orange
    </div> 
    <div class="card">
        banana
    </div> 
    <div class="card">
        car
    </div> 
    <div class="card">
        bus
    </div> 
</div>

<div id="dropZone">
    <div class="stack">
        <div class="stackHdr">
            title 1 here 
        </div>
        <div class="stackDrop1">
            
        </div>
    </div>
    
    <div class="stack">
        <div class="stackHdr">
            title 2 here
        </div>
        <div class="stackDrop2">
            
        </div>
    </div>
</div>
</body>
</html>

New.js
[js]$("#launchPad").height($(window).height() - 20);
var dropSpace = $(window).width() - $("#launchPad").width();
$("#dropZone").width(dropSpace - 70);
$("#dropZone").height($("#launchPad").height());

$(".card").draggable({
appendTo: "body",
cursor: "move",
helper: 'clone',
revert: "invalid"
});

$("#launchPad").droppable({
tolerance: "intersect",
accept: ".card",
activeClass: "ui-state-default",
hoverClass: "ui-state-hover",
drop: function(event, ui) {
$("#launchPad").append($(ui.draggable));
}
});

$(".stackDrop1").droppable({
tolerance: "intersect",
accept: ".card",
activeClass: "ui-state-default",
hoverClass: "ui-state-hover",
drop: function(event, ui) {
$(this).append($(ui.draggable));
}
});

$(".stackDrop2").droppable({
tolerance: "intersect",
accept: ".card",
activeClass: "ui-state-default",
hoverClass: "ui-state-hover",
drop: function(event, ui) {
$(this).append($(ui.draggable));
}
});[/js]
New.css
[css]body {
margin: 0;
}
#launchPad {
float:left;
border: 1px solid #eaeaea;
background-color: #f5f5f5;
}
#dropZone {
float:right;
border: 1px solid #eaeaea;
background-color: #ffffcc;
}
.card {
width: 150px;
padding: 5px 10px;
margin:5px;
border:1px solid #ccc;
background-color: #eaeaea;
}
.stack {
width: 180px;
border: 1px solid #ccc;
background-color: #f5f5f5;
margin: 20px;
}
.stackHdr {
background-color: #eaeaea;
border: 1px solid #fff;
padding: 5px
}
.stackDrop1, .stackDrop2 {
min-height:100px;
padding: 15px;
}[/css][/html]

 

[karamel4o]

Оправих се !