Customer feedback quickly and easily -
Traffic Light Feedback

Posts Tagged ‘List’

13styles presents beautiful free XHTML – CSS menus which we can use & inspire.

Menus are lightweight, list-based & well coded. This makes them easier to modify.

Free CSS Menus

There are 13 menus which are ready to download. And, all menus are cross-browser compliant.

Most of the membership forms include a country list.

Urbano Alvarez is presenting ready to use country list data in several languages.

The lists are in the HTML format as:

<select id="countrySelect" >
<option value="AF">Afghanistan</option>
<option value="AL">Albania</option>
<option value="DZ">Algeria</option>
<option value="AS">American Samoa</option>
</select>

For country lists in SQL format, you can also use the files at:

  • Tags:
  • Filed under: Extras, Info, No License
  • 5 Comments
  • This is a lightweight (only 1kb), accordion type JavaScript horizontal menu that does not require any JavaScript frameworks.

    It is very easy to setup as the script automatically adjusts to the number of elements in the accordion and the dimensions of the accordion.

    Accordion JavaScript Menu

    How it works?

    • Create an unordered list like this:

    <ul id="sm" class="sm">
    <li><img src="images/1.gif" alt="" /></li>
    <li><img src="images/2.gif" alt="" /></li>
    <li><img src="images/3.gif" alt="" /></li>
    <li><img src="images/4.gif" alt="" /></li>
    </ul>

    • Call the function below onload

    slideMenu.build('sm',200,10,10,1)">

    • That’s all.

    Parameters:

    • First: id of the unordered list
    • Second: width of the accordion
    • Third: timeout variable to control how quickly the sliding function is called
    • Fourth: speed of the accordion with 1 being the fastest
    • Fifth: is the integer that corresponds to the section you would like to be expanded when the accordion is loaded (optional)

    easyAlbum is an open source image gallery script built with JavaScript.

    This image gallery does not have an AJAX interface but it simply presents the images inside list tags with a Lightbox type browser friendly pop-up and navigation support.

    JavaScript Image Gallery

    How to use easyAlbum?

    • After inserting easyALBUM.js file in your page, create a list with the "ul" tag id equals gallery like <ul id="gallery"> and add the images inside the "li" tags.
    • Modify your "body" tag for onload like <body onload = "TJK_Gallery('gallery');">.

    Smart Lists, a light-weight (8KB) Prototype-script.aculo.us framework extension, converts HTML lists into categorized, paginated lists. And, It does not require a database or server-side script.

    It can be applied to existing lists with very little effort, providing a significant bump in usability.

    Prototype Liste Extension

    Smart List is easily configurable with different hide/show effects for items and changing pages, speed of the effects and number of the items for paging.

    Besides supporting all the major modern browsers, it degrades gracefully for unsupported browsers.

    Uptime Robot
    feed-holder
    FeedBurner
    • PSD to HTML
    • PSD to HTML
    • PSD to HTML
      MailChimp
      activeCollab | Project Management

    Vivvo CMS - Web Publishing at your Fingertips