JavaScript Ideas - cross-browser.
All links should open a new browser window or tab.
| Navigation | |||
| DHTML Menu | An elegant and easy adaptable menu, but not very space saving. | ||
| Slidemenu | Menu sliding in and out from the left border of the window. | ||
| Popup Navigation | This lets you simply choose to open different popup windows. | ||
| Tabbed Navigation 1 | This was my first "tabbifier", created 2003, using images for the tabs. | ||
| Tabbed Navigation 2 | Another, more improved "tabbifier" without using images. | ||
| Selection Lists | |||
| Multiple Selection | This lets you move every entry separately or in groups between two selection lists. | ||
| Fast Search in List | Sort of keyword suggestion by typing ahead a single character. | ||
| Change Content of List | Changes the content of a second list in accordance with the chosen selection of the first. | ||
| Presentation of Images | |||
| Slideshow | Compact slideshow with fading image transitions. | ||
| Gallery in Table | Simple picture gallery surrounded by thumbs. | ||
| Gallery in Popup | Shows the chosen picture in a popup. Pictures can be switched from the parent window and the popup. | ||
| Gallery in Layers | Same as above but preferable because without using a popup - ageless. | ||
| Gallery with Comments | Picture gallery with annotations to every Image. | ||
| Dynamic Clipping | |||
| Movement with Clipping | Demo of how clipped images are moveable. | ||
| Zooming Images | Demo of how images can be zoomed in and out on mouseover by clipping. | ||
| Simple Magnifier | Demo of how clipping can be used as simple magnifier. | ||
| Zoomable Magnifier | Improved magnifier with possibility to zoom in and out by using the scroll wheel. | ||
| Image Transition | One of many possible robust image transitions with clipping. | ||
| Tooltips | |||
| Moving Tooltips | Tooltip moving when hovering over a link. | ||
| Static Tooltips | Custom static tooltips with different colors. | ||
| "Overlib" Tooltips | Custom "overlib" tooltips without using the Overlib framework. | ||
| Popup Alternatives | |||
| Dropbox | One of the things that can be used to fool popup blockers. | ||
| Slidebox | Another annoyance for fooling popup blockers. | ||
| Infobox | A draggable infobox usable for all sorts of things. | ||
| Notizbox | Draggable notebox that allows to make annotations and optionally store them as a cookie. | ||
| Cookies | |||
| Form Cookie | Custom cookie that can be used to store user inputs. | ||
| Timer Cookie | Custom cookie for counting the number of visits. | ||
| Redirection Ccookie | Custom cookie for redirecting to an area that was previously choosed. | ||
| Mark New Cookie | Custom cookie to highlight new entries. | ||
| Miscellaneous | |||
| Drag and Drop | Simple drag and drop. | ||
| Drag and Resize | A draggable box that can be resized by dragging its borders and by dragging a button. | ||
| Scrolling Pages | Scrolling complete pages with Javascript, not very recommendable though. | ||
| Planet | A study how to manipulate a rotation with sliders. | ||
| Aquarium | Another movement study - it's written object-oriented and uses CSS sprites. | ||