Hello
i don't get that.. why doesn't that work?
startitem is draggable, but tableitem does not seem to be droppable..
HTML:
[...]
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript" src="ui/ui.core.js"></script>
<script type="text/javascript" src="ui/ui.draggable.js"></script>
<script type="text/javascript" src="ui/ui.droppable.js"></script>
[...]
<div class="tableitem" id="tableitem"></div>
<div class="todoitem" id="startitem"></div>
[...]
<script type="text/javascript" src="my.js"></script>
[...]
CSS:
.todoitem{
border:1px solid #000000;
background-color: #888888;
position: absolute;
float:left;
width:160px;
height:30px;
}
.tableitem{
border:1px solid #555555;
float:left;
width:400px;
height:250px;
position:absolute;
left:15px;
top:150px;
}
JS:
$(document).ready(function(){
$("#startitem").draggable({
opacity: 0.5
});
$("#tableitem").droppable({
accept: "#startitem",
drop: function(ev, ui){
ui.draggable.text("foo");
}
});
});
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
