Beefy Boxes and Bandwidth Generously Provided by pair Networks
more useful options

comment on

( #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?


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

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

  • Posts are HTML formatted. Put <p> </p> tags around your paragraphs. Put <code> </code> tags around your code and data!
  • Titles consisting of a single word are discouraged, and in most cases are disallowed outright.
  • Read Where should I post X? if you're not absolutely sure you're posting in the right place.
  • Please read these before you post! —
  • Posts may use any of the Perl Monks Approved HTML tags:
    a, abbr, b, big, blockquote, br, caption, center, col, colgroup, dd, del, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, ins, li, ol, p, pre, readmore, small, span, spoiler, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, wbr
  • You may need to use entities for some characters, as follows. (Exception: Within code tags, you can put the characters literally.)
            For:     Use:
    & &amp;
    < &lt;
    > &gt;
    [ &#91;
    ] &#93;
  • Link using PerlMonks shortcuts! What shortcuts can I use for linking?
  • See Writeup Formatting Tips and other pages linked from there for more info.
  • Log In?

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

    How do I use this? | Other CB clients
    Other Users?
    Others chilling in the Monastery: (3)
    As of 2020-06-04 02:22 GMT
    Find Nodes?
      Voting Booth?
      Do you really want to know if there is extraterrestrial life?

      Results (30 votes). Check out past polls.