Warning: Creating default object from empty value in /www/htdocs/finrik/blog/wp-includes/functions.php on line 292

Strict Standards: Only variables should be passed by reference in /www/htdocs/finrik/blog/wp-includes/gettext.php on line 66
www.finrik.at - Die persönliche Webseite von Wolfgang Hollaus
Drag & Drop mit jQuery

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /www/htdocs/finrik/blog/wp-includes/functions-formatting.php on line 76

Mit jQuery und dem Interface Plug-In, kann man sehr einfach einen Drag & Drop Effekt realisieren.
Als Beispiel möchte ich den Inhalt von DIV Boxen in Formularfelder einfügen:

$(document).ready(function()
{

$(’#divs div’).Draggable(
{
zIndex: 1000,
ghosting: true,
revert: true,
opacity: 0.7
}
);

$(’#textareas textarea’).Droppable(
{
accept : ‘dropaccept’,
tolerance: ‘intersect’,
ondrop: function (drag)
{
$(this).val($(drag).html());
}
}
);

});

Demo Vorschau

Comments are closed.