MAkeing the Drag n' drop function go to a URL?
Hello Support
im wondering if its possbile on this exampel:
www.lkrieger.com/folio10
im useing follwoing script for drag and dropping:
- $(function() {
$("#draggable1").draggable();
$("#dropZone").droppable({
drop: function(event, ui) {
$(this).addClass('ui-state-highlight').find('p').html('Dropped!');
}
});
$("#draggable2").draggable();
$("#droppable2").droppable({
accept: "#draggable2",
activeClass: 'ui-state-hover',
drop: function(event, ui) {
$(this).addClass('ui-state-highlight').find('p').html('Dropped!');
}
});
$("#draggable3").draggable();
$("#droppable3").droppable({
accept: "#draggable3",
activeClass: 'ui-state-hover',
drop: function(event, ui) {
$(this).addClass('ui-state-highlight').find('p').html('Dropped!');
}
});
$("#draggable4").draggable();
$("#droppable4").droppable({
accept: "#draggable4",
activeClass: 'ui-state-hover',
drop: function(event, ui) {
$(this).addClass('ui-state-highlight').find('p').html('Dropped!');
}
});
});
</script>
If we only take in concern the "first drag and drop" the pink boks the call name is dropable 1 and where its being able to be dragede to is namede "dropZone" is it possible to put any function in to Dropabale1 so when it hits dropZone it wil trigger a .html page shift so it will got to page2.html?
Im really new to java scripting and jQuery but find its fantastic and really would like to learn this feature?