Not at all. Most of this WebTwoOh stuff requires new visual metaphors
to go with the fancy interactive bits. For example, the reason why
you often see a little spinny thing or some other graphical
“throbber” when you click is that otherwise, you wouldn’t know it was
working – you might just keep clicking, or think your browser had
crashed.
So for something that’s draggable, I might put a little handle image
somewhere in the draggable box, and I might also change the cursor
when you mouse over it. For the former, think about the top of a
palette in an application. Often it will have a texture or grippy
look to it that says “drag me!” (Here’s a little ASCII-gram of one.)
-:-:-:-:-:-:-:-:-:-:-:-:-:-:-
If you give any such object (and this can be a DIV with a background
image or a solid picture, whatever works for you) the class name that
you have registered to Draggable as the option ‘handle’, then the
Draggable behavior will only drag when you click on the handle area,
and ignore the rest.
Then to get the cursor to change, you can also add ‘cursor:move;’ to
your class definition for the ‘handle’ class, and the effect is
complete.
I realize that’s a bit abstract, so here’s an example:
Draw a box, give it some color and size. Draw a second box as a child
of the first box, give it a different color and position it at the
top of the first box, like a title bar on an application window.
In your styles palette, create a new style called drag. The only
thing you need to add to it is the cursor property, so you do that
with the Extended button. Click New, then in Name, enter ‘cursor’, in
Value, enter ‘move’.
Click on the child box that you want to drag with, and while it is
selected, click on your drag style from the Styles list. At this
point, if you were to preview, whenever your mouse is over the
handle, it will change into the Move cursor (arrows pointing like a
compass rose).
Now, go back to your Draggable. Note the Title of the main box
(parent of the handle), and enter this in the Protaculous Action code
block:
new Draggable('item1',{handle:'drag'});
Now preview in a browser. In addition to the cursor change noted
above, you will find that you can only drag the box by its handle.
Nothing else will register.
Walter
On Aug 1, 2008, at 8:53 PM, DeltaDave wrote:
Hey Walter this is nifty.
I can see when you would use such a thing (as in this case when you
wanted to move the box to see the rest of the map) but more
importantly how would the casual viewer even know this was
possible. Would you not have to spell it out in BIG LETTERS or am I
just naive.
David
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options