coderkun/questlab
1
0
Fork 0
Code Issues 15 Pull requests Projects Releases Wiki Activity

implement functionality for Questtype ?Drag&Drop?

Browse source
This commit is contained in:
coderkun 2014-04-04 00:57:05 +02:00
commit a2a8d75a0e
6 changed files with 183 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

54
www/js/dnd.js Normal file
View file

@ -0,0 +1,54 @@
/**
* Drag&Drop-functions
*/
function onDragStart(event)
{
jQuery(event.currentTarget).addClass("drag");
event.dataTransfer.setData("Text", event.target.id);
}
function onDragEnter(event)
{
if(event.target.nodeName == "DIV" && !(event.target.parentNode.id == "dropZone" && event.target.hasChildNodes())) {
jQuery(event.target).addClass('drop');
}
}
function onDragOver(event)
{
if(event.target.nodeName == "DIV" && !(event.target.parentNode.id == "dropZone" && event.target.hasChildNodes())) {
event.preventDefault();
}
}
function onDragLeave(event)
{
jQuery(event.target).removeClass('drop');
}
function onDragEnd(event)
{
jQuery(event.currentTarget).removeClass("drag");
}
function onDrop(event, setId)
{
setId = (typeof setId == 'undefined') ? true : setId;
jQuery(event.currentTarget).removeClass('drag');
jQuery(event.target).removeClass('drop');
event.preventDefault();
var data = event.dataTransfer.getData("Text");
var dataElement = $('#'+data);
if(dataElement.parent() && $('#dnd_'+dataElement.parent().attr('id'))) {
$('#dnd_'+dataElement.parent().attr('id')).attr('value', "null");
}
jQuery(event.target).append(dataElement);
if(setId) {
console.log(data);
$('#dnd_' + jQuery(event.target).attr('id')).attr('value', data);
}
}