Beefy Boxes and Bandwidth Generously Provided by pair Networks
Don't ask to ask, just ask
 
PerlMonks  

comment on

( #3333=superdoc: print w/replies, xml ) Need Help??

One way Ive seen this sort of thing done is to use to (multi) SELECT GROUPS side by side and two buttons

The user highlights one (or more) items in the left list and clicks the top button the form is submited and this elements are moved (in there existing order) from the left list to the right list.

If they make a mistake, they can hightlight the error in the right list and use the lower button to move it back to the left.

A third button is used to indicate that they are happy with the order.

+-----------------------+ +-----------------------+ |Item 01 | | | |Item 02 | +------+ | | |Item 03 | | >>>> | | | |Item 04 | +------+ | | |Item 05 | | | |Item 06 | | | |Item 07 | +------+ | | |Item 08 | | <<<< | | | |Item 09 | +------+ | | |Item 10 | | | |Item 11 | | | |Item 12 | | | |Item 13 | | | |Item 14 | | | |Item 15 | | | |Item 16 | | | |Item 17 | | | |Item 18 | +--------+ | | |Item 19 | | Submit | | | |Item 20 | +--------+ | | +-----------------------+ +-----------------------+

Nah! You're thinking of Simon Templar, originally played (on UKTV) by Roger Moore and later by Ian Ogilvy

In reply to Re: User Interface - Arranging a list in HTML by BrowserUk
in thread 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":



  • 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?
    Username:
    Password:

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

    How do I use this? | Other CB clients
    Other Users?
    Others exploiting the Monastery: (3)
    As of 2020-05-25 18:45 GMT
    Sections?
    Information?
    Find Nodes?
    Leftovers?
      Voting Booth?
      If programming languages were movie genres, Perl would be:















      Results (146 votes). Check out past polls.

      Notices?