Droppable
Aus Programmers Guide
(Unterschied zwischen Versionen)
Roy (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „<source lang="javascript"> //Ein Element wird Droppable gemacht, dass heißt, dass man ein Dragable draufziehen darf. Droppables.add('drop-id', { //Wird ein E…“) |
Roy (Diskussion | Beiträge) |
||
(Der Versionsvergleich bezieht 2 dazwischenliegende Versionen 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: | ||
} | } | ||
); | ); | ||
- | </source> | + | </script> |
+ | </source> | ||
+ | |||
+ | 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