We implemented that very widget you describe in javascript and wrapped a taglib around it at my previous job. I don't have access to the code, but I'm sure I could whip up something similar to it. It was all client side w.r.t. when you clicked the add/remove/up/down arrows. If I remember correctly, the tricky part was when you click the "submit" button, you had to programmatically (in javascript) select all the items in the right hand list so they would be submitted along with the form data.

I've wrapped a few of this guy's javascript widgets (specifically the xTree/xLoadTree and the TableSort) and added extra features:

http://webfx.eae.net/

Top knotch widgets from that site!

Craig W. Tataryn




Does anyone have examples of some fancy things to do with HTML-based
user interfaces? For example, I've currently got a request to show two
"boxes" of items with add/remove arrows. So selecting in the left-hand
box and clicking the arrow will move the item to the right hand box.
I'm sure it's possible with CSS, JavaScript and hidden form fields.
(I'm pretty sure they got the idea from adding recipients to an email in
Outlook.)

I also have a long-standing requirement to dynamically "grow" a field,
when the user types something in a text box and clicks a button, that
item "moves up" and a new, blank field appears. I'm currently doing
this with an "add" button, which submits the form to the Struts app, the
entry gets added to a session scope bean, then back to the form with
read-only displays of the stuff in the bean and [the same] blank field.
(Although it looks like a "new line", it isn't, it's the same form
field.)

Googling turns up a bunch of essays on what makes a good user interface,
but not too much on tips and tricks.


--------------------------------------------------------------------- To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]


_________________________________________________________________
Tired of spam? Get advanced junk mail protection with MSN 8. http://join.msn.com/?page=dept/bcomm&pgmarket=en-ca&RU=http%3a%2f%2fjoin.msn.com%2f%3fpage%3dmisc%2fspecialoffers%26pgmarket%3den-ca



--------------------------------------------------------------------- To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]



Reply via email to