Mashlists beta

The 8 most popular sites in America

These sites are ranked according to visitor traffic. Go ahead and tell us what you feel are the most popular sites. Simply rearrange the order in the list below and hit submit.

This is not going to a database yet but that will come next. I am also testing if you can link straight from the list so be careful about grabbing the text portion of the box.

Example: Sorting divs

Sorting isn't just for lists. Here we're sorting divs - some of them even have some complex markup inside them including styling, links, tables, and form elements. In order to style elements other than lists, we need to pass a third argument to the addList function that tells scriptaculous which elements should be draggable.

This is the first div

This is the second div

This is the third div

This is the fourth div, it also has a lot of text and will cover more than one line. It's bigger than the other divs here, but that should really be no problem. Oh yeah, it also has formatting, and links

This is the sixth div

This is the seventh div. It also has a table below with some form inputs

First Name:
Nice Demo?	Yes No

Example: Sorting images

Example: Float sort

All the examples so far have shown sorting vertically - this one shows horizontal and vertically. It also demonstrates how to pass extra options to the addList method. In this case we passed overlap and constraint settings to scriptaculous. For a list of all the options please see the sortable.create page on the scriptaculous site. The only option that you don't have to pass this way is the 'tag' option.