Beefy Boxes and Bandwidth Generously Provided by pair Networks
"be consistent"
 
PerlMonks  

comment on

( [id://3333]=superdoc: print w/replies, xml ) Need Help??
I've been wracking my brain about this for a few days, but no clean way is making itself obvious to me and I was wondering if any of you have run across something similar and how you solved it. If this is way off topic, let me know that too (and maybe suggest a forum?)
I have a list of 20 statements on the screen (HTML interface) and I need the user to arrange those elements in their order of preference. After ordering the items, the user needs to confirm their ordering or make changes if they need to.
I've tried showing all 20 statements on the screen and giving the user rows and rows of radio buttons that they can use to order the items (very difficult to use and takes up a lot of space on the screen, usually more than a screen full at 800x600). I've tried a Java script widget that displays a selection box and a couple of buttons that allow the user to move highlighted items up and down (pretty similar to the code you can find in your user settings screen here on PM, this isn't very effective for a long list of statements). I've tried pitching the items to the screen as a group and asking the user to select the 'best' item, removing that item and pitching what is left over - repeat until whole list is ordered. This works right up to the point where they might need to correct their ordering, that just puts me back in the Javascript problem of dealing with a long list.

Have you dealt with anything like this? How do you go about solving your user interface problems and what suggestions do you have for solving widgets like this?

oakbox


In reply to User Interface - Arranging a list in HTML by oakbox

Title:
Use:  <p> text here (a paragraph) </p>
and:  <code> code here </code>
to format your post; it's "PerlMonks-approved HTML":



  • Are you posting in the right place? Check out Where do I post X? to know for sure.
  • Posts may use any of the Perl Monks Approved HTML tags. Currently these include the following:
    <code> <a> <b> <big> <blockquote> <br /> <dd> <dl> <dt> <em> <font> <h1> <h2> <h3> <h4> <h5> <h6> <hr /> <i> <li> <nbsp> <ol> <p> <small> <strike> <strong> <sub> <sup> <table> <td> <th> <tr> <tt> <u> <ul>
  • Snippets of code should be wrapped in <code> tags not <pre> tags. In fact, <pre> tags should generally be avoided. If they must be used, extreme care should be taken to ensure that their contents do not have long lines (<70 chars), in order to prevent horizontal scrolling (and possible janitor intervention).
  • Want more info? How to link or How to display code and escape characters are good places to start.
Log In?
Username:
Password:

What's my password?
Create A New User
Domain Nodelet?
Chatterbox?
and the web crawler heard nothing...

How do I use this?Last hourOther CB clients
Other Users?
Others drinking their drinks and smoking their pipes about the Monastery: (3)
As of 2024-04-24 02:32 GMT
Sections?
Information?
Find Nodes?
Leftovers?
    Voting Booth?

    No recent polls found