Animation. Lightbox. Scroll. Dom. ORION | Who We Are. Reordering Items in a Listbox. Inside Technique : Reordering Items in a Listbox By Scott Isaacs Manipulating HTML forms is one of the easier areas of cross-browser scripting. In this article, we show you how to allow users to reorder content inside of a listbox. We demonstrate both the client-side script for manipulating the listbox and a sample server script that enables you to process the changes. This technique works in Netscape Navigator 3.0 and Internet Explorer 4.0 and later. Unfortunately, this technique won't work in Internet Explorer 3.0 because IE3 does not support manipulating listbox contents . Reordering items with a listbox is easy. We create two buttons or links that when clicked and move the selected item up or down in the list using javascript. Clicking the Submit New Order button sends the results to our server.
Page 1:Reordering Items in a Listbox Page 2: Client Script Page 3: Server Script Page 4: All the Code. DHTML Site - Your source on Dynamic HTML Tutorials and Scripts - This is a good one for all you advanced CSS users who want to add something more to your navigation or mess with the general idea of this one. Like I said for your beginners, don't be afraid of this and the code that goes with it, it might look complex but you'll understand it eventually. SuckerTree Horizontal Menu is a CSS and DOM hybrid menu that's list based and supports multiple levels of sub menus. The trick to SuckerTree is a small adoptable piece of JavaScript that crawls the inner levels of a list menu and assigns the appropriate show/hide and positioning behavior to them. You can even have multiple SuckerTree menus on the same page. A rarely discussed advantage of CSS is the ability to layer background images, allowing them to slide over each other to create certain effects.
This is a stylish collapsible menu modelled after the navigational menu found on Slashdot. A folder tree with support for drag and drop. This is an attractive "blue shading" image tab menu. Interactive DHTML art-demos - scripts gallery. JavaScript Reference.