If you define a "handle" area in your HTML and give it a classname, you pass
that classname as a string to the Draggable method in the parameters hash. Then
only elements with that class will be draggable. This also lets you set the
cursor:move through your CSS so it looks moveable, too!
<div class="drag-me" id="my-panel-1">
<div class="gripper"></div>
...
</div>
.gripper {
height: 20px;
background-image: url(/images/texture.png);
cursor: move;
}
new Draggable('my-panel-1',{handle: 'gripper'});
This is all spelled out (along with lots more options) in the documentation
here: http://madrobby.github.com/scriptaculous/draggable/
Walter
On Dec 23, 2011, at 10:57 AM, Manfred Rebentisch wrote:
> Hello,
> I need some help for creating a simple dialog window with prototype and
> scriptaculous.
>
> This dialog http://docs.jquery.com/UI/Dialog is good for me, but how can I
> create that without jquery?
>
> My problem is the dragging method with the title bar only.
>
> Thank you in advance
>
> Manfred
>
> --
> COMPARAT Software-Entwicklungs-GmbH
> Prießstraße 16
> 23558 Lübeck
> Telefon: 0451/479 56 60
>
> Geschf: Manfred Rebentisch
> AG Lübeck, HRB 3559
>
> Web: www.comparat.de
> Web, Businessplattform: www.athesios.de
> Lübeck: www.luebeck-info.com und http://facebook.luebeck-info.com
> Twitter: http://twitter.com/COMPARAT
>
> --
> You received this message because you are subscribed to the Google Groups
> "Prototype & script.aculo.us" group.
> To post to this group, send email to [email protected].
> To unsubscribe from this group, send email to
> [email protected].
> For more options, visit this group at
> http://groups.google.com/group/prototype-scriptaculous?hl=en.
>
--
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
