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">
<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 Draggable draufziehen darf.
Droppables.add('drop-id',
Droppables.add('drop-id',
Zeile 24: Zeile 24:
</source>  
</source>  
-
[[Category:Snippet]][[Category:Javascript]][[Category:AJAX]]
+
siehe dazu auch das Gegenstück [[Draggable]]
 +
 
 +
[[Category:Snippet]] [[Category:Javascript]] [[Category:AJAX]]

Aktuelle Version vom 07:15, 6. Apr. 2010

<script type="javascript">
//Ein Element wird Droppable gemacht, dass heißt, dass man ein Draggable 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>

siehe dazu auch das Gegenstück Draggable

Persönliche Werkzeuge