Neill Horsman

1. Start typing a name for your tag

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



In this photo: Tail  tree  tagger  loooool  Big-foot  Daniel  anjing  devon-williams    bameron  freak  hekll  anjing  fhfhfhfghfhfghfhf  x001  Daniel    Felicity-Millauro  0001  test  Neill-Horsman  test  test  bbb3  TestMe    test  test  Testing-testing  ash  test      Heya    Tree  James-Gorman  Testing-testing  Testing-testing  ercan  4t4t34t34t  fdaasdsada  ercan  ercan  ercan  ercan    ercan  tommi  kikkokoko  ,m,m,m,  Testing-testing  testststadadasdaczczxc  Alicia-Wall  sadsdasdad    gfdgdfgd  light  huss  ciao  ciao  jim  test  hi  alysia  ertre  Bradley  brad  Test  hello-world!  ACM120S-SM-R-Small-Module      thanh  James-Love  Tiffany  testing  testing  Cat  


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)
)