Neill Horsman

1. Start typing a name for your tag

 

2. Click and drag over the image where you want to tag

• Tail

• woof

• Michaela

• Matt Goodman

• sadasd

• vento

• catherine

• gab

• new

• mattia

• mattia

• mapo

• Martin K

• asdf

• For Test

• tash

• cat

• i am here - ajim

• Kate Crawford

• test

• j

• mati

• j

• Hi there silly fella

• Neill Horsman

• bye bye

• hello

• Cat

• what is this

• stella kalins

• good

• fdsadfdf

• stella kalins

• pradeep

• sakthi

• Speed Demon

• Speed Demon for sure!!!!

• Hi there silly fella

In this photo: Tail  woof  Michaela  Matt-Goodman  sadasd  vento    catherine  gab  new  mattia  mattia  mapo  Martin-K  asdf  For-Test  tash  cat  i-am-here---ajim  Kate-Crawford  test  j  mati  j  Hi-there-silly-fella  Neill-Horsman  bye-bye  hello  Cat  what-is-this  stella-kalins  good  fdsadfdf  stella-kalins  pradeep      sakthi    Speed-Demon  Speed-Demon-for-sure!!!!  Hi-there-silly-fella  

Submit. Submit moved down here so you dont click it after only typing in a name.

Notes.

Feel free to edit and redistribute this code as you wish, keen to see what people come up with so send me over an email info@neillh.com.au

Working in Firefox, Chrome, Safari. Image select is not working in IE8 currently

Edit includes/conn.php to add your own database connection details

Credits.

jQuery
imgAreaSelect
Auto Complete

Download.

Download HERE

Databases.

CREATE TABLE phototags (
   id int(255) NOT NULL AUTO_INCREMENT,
   photoid int(11) NOT NULL,
   title varchar(255) NOT NULL,
   x1 int(11) DEFAULT NULL,
   y1 int(11) DEFAULT NULL,
   x2 int(11) DEFAULT NULL,
   y2 int(11) DEFAULT NULL,
   width int(11) DEFAULT NULL,
   height int(11) DEFAULT NULL,
   PRIMARY KEY (id)
)

CREATE TABLE members (
   member_id int(11) NOT NULL AUTO_INCREMENT,
   firstname varchar(100) DEFAULT NULL,
   lastname varchar(100) DEFAULT NULL,
   PRIMARY KEY (member_id)
)