Droppable

Aus Programmers Guide

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
K
Zeile 1: Zeile 1:
<source lang="javascript">
<source lang="javascript">
 +
<script type="javascript">
//Ein Element wird Droppable gemacht, dass heißt, dass man ein Dragable draufziehen darf.
//Ein Element wird Droppable gemacht, dass heißt, dass man ein Dragable draufziehen darf.
 +
Droppables.add('drop-id',
Droppables.add('drop-id',
{
{
Zeile 19: Zeile 21:
}
}
);
);
 +
</script>
</source>  
</source>  
-
[[Category:Snippet]][[Category:Javascript]]
+
[[Category:Snippet]][[Category:Javascript]][[Category:AJAX]]

Version vom 07:13, 6. Apr. 2010

<script type="javascript">
//Ein Element wird Droppable gemacht, dass heißt, dass man ein Dragable draufziehen darf.
 
Droppables.add('drop-id',
		{
		//Wird ein Element darauf losgelassen
		onDrop: function(element) { 
			$('drop-id').highlight();
				alert($(element).id+" wurde losgelassen");
			}
		}
		//beim überfahren des Droppables
		, onHover: function(element) { 
			element.highlight();
		}
		//Folgende klasse wird beim überfahren des Droppables bemüht	
		, hoverclass: 'hclass'
		//Dragables welche Elternelemente mit folgenden Namen besitzen sind erlaubt
		, containment:['container','container1','container0815']
		}
);
</script>
Persönliche Werkzeuge