> I want the user to be able to drag boxes with jQuery UI (if I can > manage to include it), and then save the new position in the tiddler.
http://www.TiddlyTools.com/#ImageMapPlugin creates 'click maps' for graphic imaged, but uses 'polygons' rather than boxes to define the clickable areas of the image. The plugin responds to individual clicks on the image by adding an (x,y) coordinate to a generated 'path' of comma-separated values. Each click adds another two values to the path. Currently, the plugin does *not* do anything in response to 'click-and- drag' events. It should be possible for me to add support for dragging in addition to just clicking, which would let you drag a box to insert a *pair* of (x,y) coordinates into the generated path output (i.e., the two opposite corners of the box). > Ideally, this would be done in a separate edit mode, available in the > tiddler's menu, e.g. "edit boxes". When clicked, the the tiddler would > be rendered, but some divs would be marked as draggable (http:// > jqueryui.com/demos/draggable/). After dragging them around, the user > would click on "done", like in normal edit mode, and the new positions > would be saved. Although not really related to your specific use case, for an example of a TW where every tiddler and sidebar is a movable panel, check out: http://www.TiddlyTools.com/quickstart/moveable.html Of particular note is the "panel map viewer" which provides a fully- interactive 'birds-eye view' of the document using small boxes to represent the different panels currently displayed. If you move a box in the map, the corresponding panel moves in the document. If you move a panel in the document, the map viewer boxes are updated accordingly. You can *save* panel maps (current document layout) in named tiddlers, which store the coordinates and size of the panels (x,y,w,h) as well as the z-index (stacking order for overlapping panels), and flags for 'fold' (show title bar only) and 'hover' (panel doesn't move when page is scrolled). The format used in the named panel map tiddlers is a simple TW table, which can then be hand-edited if desired to adjust, add, or remove values and flags for individual moveable panels. enjoy, -e Eric Shulman TiddlyTools / ELS Design Studios -- You received this message because you are subscribed to the Google Groups "TiddlyWikiDev" 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/tiddlywikidev?hl=en.
