The Schworak Site | Log In | Up A Level

Tagging Pictures

This page demonstrates a JavaScript that will allow the tagging of images. This script does the collection and updates the web page. The only missing part is actually saving the data you collect. That bit depends on what web language and database you are using. The goal of this page is to demonstrate the user interface not the back end storage.

Under the image there are some pre-loaded tags. Hover over them and the picture will be highlighted. Click on the picture and you can add tags. Click on a tag (under the picture) and you can delete it.

In a functional application, you would only allow the adding and deleting of tags to select users while in edit mode. This script is always in edit mode for demonstration purposes. When you are done playing around, you can download the source code and play with it on your own.


Demonstration


*** Message Area ***
All content on this site is copyright ©2004-2024 and is not to be reproduced without prior permission.