Droppable
Aus Programmers Guide
(Unterschied zwischen Versionen)
Roy (Diskussion | Beiträge) |
Roy (Diskussion | Beiträge) |
||
| (Der Versionsvergleich bezieht 1 dazwischenliegende Version mit ein.) | |||
| Zeile 1: | Zeile 1: | ||
<source lang="javascript"> | <source lang="javascript"> | ||
| - | //Ein Element wird Droppable gemacht, dass heißt, dass man ein | + | <script type="javascript"> |
| + | //Ein Element wird Droppable gemacht, dass heißt, dass man ein Draggable draufziehen darf. | ||
| + | |||
Droppables.add('drop-id', | Droppables.add('drop-id', | ||
{ | { | ||
| Zeile 19: | Zeile 21: | ||
} | } | ||
); | ); | ||
| + | </script> | ||
</source> | </source> | ||
| - | [[Category:Snippet]][[Category:Javascript]] | + | 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
