Win a copy of Node.js Design Patterns: Design and implement production-grade Node.js applications using proven patterns and techniques this week in the Server-Side JavaScript and NodeJS forum!
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Ron McLeod
  • Rob Spoor
  • Tim Cooke
  • Junilu Lacar
Sheriffs:
  • Henry Wong
  • Liutauras Vilda
  • Jeanne Boyarsky
Saloon Keepers:
  • Jesse Silverman
  • Tim Holloway
  • Stephan van Hulst
  • Tim Moores
  • Carey Brown
Bartenders:
  • Al Hobbs
  • Mikalai Zaikin
  • Piet Souris

Reordeing elements in a scrollable list

 
Greenhorn
Posts: 22
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hi,
As per my applications requirement, I have a jsp page displaying a combobox titled 'Quiz'. Selecting any element in the combo will populate another combobox named ''Questions in the list".

As per the new requirement, in need to allow reordering of question elements .
i.e. a user can do the reordering using drag-drop of elements. For this i need to use a scrollable list as the number of questions in the list may vary.

Can someone please help me in this? are there any opensource projects available for this? I tried searching but could not find any. Its possible when i am using a simple list without scroller, but i need to have a scroller also and the reordering needs to be done using drag-drop

thanks
 
Sheriff
Posts: 13411
Firefox Browser VI Editor Redhat
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Scriptaculous is a set of Javascript libraries that help with drag and drop functionality in browsers. If you search on Google with "scriptaculous" and "drag and drop" as keywords, you should find some examples.

I'm going to move this to our HTML/Javascript forum since this is a client side issue.
 
anand tiwari
Greenhorn
Posts: 22
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hi Ben,

Thanks a lot for your advice, i did find some good examples in scriptaculous, but the problem is that the list i want should be a scrollable list, the examples there does not show scrollable lists
any suggestions on that?

Thanks
 
author
Posts: 15385
6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
what is a scrollable list ul-li or a select element?

Eric
 
Greenhorn
Posts: 24
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hi,
my problem is the same as what anand posted. I want to show a scrollable list with reordering supported. The list can be a ul-li or a select element any of them. In Scriptaculous i was able to find reordering of lists but i want to have a scrollable list here as the number of elements can exceed the page size. Any suggestions on this please?
 
Gravity is a harsh mistress. But this tiny ad is pretty easy to deal with:
Thread Boost feature
https://coderanch.com/t/674455/Thread-Boost-feature
reply
    Bookmark Topic Watch Topic
  • New Topic