Droppable
Aus Programmers Guide
(Unterschied zwischen Versionen)
Roy (Diskussion | Beiträge) K |
Roy (Diskussion | Beiträge) |
||
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 | + | //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