Designing a GUI with Prototype & Scriptaculous
Playing around with prototype and scriptaculous I created a little GUI that will be the frontend for a TV guide search that is part of my diploma thesis. Here you can see what I came up with until now. The screenshot displays the functionality I build into the GUI quite good:
- Drag and Drop (for genres)
- Autocompletion (for actors, titles …)
- Some button and overlay effects
Integrating scriptaculous was kind of easy but creating exactly the effects I wanted still needed some javascript knowledge. Still I am impressed what these two libraries can do and I am sure that I will integrate other effects like lightboxes etc.
What I was missing was a detailed API for scriptaculous. You can find some useful information in the wiki e.g. for Autocompleter.Local but due to the nature of user submitted comments the quality of information varies a lot.
Here some other sites I found worth reading:
Articles
At the Forge - Scriptaculous
Draggables and droppables demo - Interface plugin for jQuery
Quick Guide to Prototype
Using prototype.cs v1.5.0
Overview Artile with other javascript libraries
API, Documentation & Downloads
Prototype
Prototype API
script.aculo.us
(No Ratings Yet)
Loading ...
Leave your response!