{$imglist}
This script allows you to create annotations for images on the web. Enter the url of an image you want to annotate, (changes to remote files can't be saved, so you can only make one note at a time) or just try one of the local files listed above. Any notes added to the local fies can be saved on the server, so multiple notes can be saved on each picture.
EOD; pageout($thisbody, '', 'enter picture url'); die; } // set some other things. if the image is large, shrink it down by half and // keep this as $sizemult for later $filename = substr(strrchr($fileurl, "/"), 1); if (!$filename) { $filename = $fileurl; } $imagepath = substr($LOCALPATH,0,strrpos($LOCALPATH,'/')+1) . $filename; $size = getImageSize($rootpath.$fileurl); $realsize = $size; $sizemult = 1; // while (!($size[0] <= 600 && $size[1] <= 480)) { while (($size[0] * $size[1] > 640*480)) { $size[0] = $size[0]/2; $size[1] = $size[1]/2; $sizemult = $sizemult * 2; }; $size[0] = round($size[0]); $size[1] = round($size[1]); if (isset($input['pos1'])) { $mark1 = array(substr($input['pos1'],0,2), substr($input['pos1'],2)); } if (isset($input['pos2'])) { $mark2 = array(substr($input['pos2'],0,2), substr($input['pos2'],2)); } if (isset($input['text'])) { $notetext = nl2br(htmlspecialchars(trim($input['text']))); } // depending on what data has been passed, get the next information $grid = ''; $xoff = ($size[0]%$blocksize)/2; $yoff = ($size[1]%$blocksize)/2; if (isset($mark1) && isset($mark2)) { $left = min($mark1[0], $mark2[0])*$blocksize + $xoff; $top = min($mark1[1], $mark2[1])*$blocksize + $yoff; $width = (max($mark1[0], $mark2[0]) + 1)*$blocksize - $left + $xoff - 4; $height = (max($mark1[1], $mark2[1]) + 1)*$blocksize - $top + $yoff - 4; $boxcss = "#box0 { left: {$left}px; top: {$top}px; width: {$width}px; height: {$height}px; }"; $noteinfo = array(time(),$notetext, array($left*$sizemult,$top*$sizemult,($left+$width)*$sizemult,($top+$height)*$sizemult)); $timestamp = gmdate("Y-m-d\TH:i:s\Z", time()); $noteblock = array(array($fileurl,$timestamp,$filename),$noteinfo); $grid = "";
$top = $height + 2;
$left = max(-$left, min(0,($width-200)/2));
if ($width < 200) $width = 200;
$notecss = "left: {$left}px; top: {$top}px; width: {$width}px;";
$grid .= "\n
";
$addxml = makexml($noteblock);
preg_match_all("#/([0-9]*)@#Umsi", $xml, $ids);
rsort($ids[1]);
if (isset($ids[1][0])) {
$id_number = $ids[1][0] + 1;
} else {
$id_number = 1;
}
$id = preg_replace("#([^/]*\.jpg)#Umsi", "$id_number@$1", $imagepath);
$addxml = preg_replace("#\n
\n";
$grid .= "{$notetext}
\n\n\n
", $form, $grid);
$form = '';
} else if (isset($mark1) && isset($mark2) && isset($input['text']) && (!isset($input['action']) || ($input['action'] != 'write'))) {
$safexml = str_replace(array('<','>'),array('<','>'),$xml);
$gridcode = str_replace(array('<','>'),array('<','>'),$grid);
$form = <<{$safexml}";
}
$guide = array("You can add an annotation to this picture. If there are annotations, you can delete all notes from this image.","Wait for the image to finish loading and a yellow border to appear. Click on a square to mark the first corner of the area you want to annotate. If the image is very large, it will have been reduced a bit. Also, outlines for existing annotations, if any, will be visible.", "Wait for the yellow border to appear again. The red square indicates the box you just selected. Click on the opposite corner of area you want to mark, or click on the red box again to mark an area only one square large.","Enter the text that will appear under the marked box.","Hover your cursor over the image to see the section that has been marked, and then hover over the marked section to read your comments. If this is a local image, you can save this note into the fotonotes xml in the jpeg by clicking 'write' below.","Changes have been saved to {$filename}.");
if (isset($input['action']) && (($input['action'] == 'write') || $input['action'] == 'delete')) {
$step = 5;
} else {
if (isset($mark1)) {
if (isset($mark2)) {
if (isset($input['text'])) {
$step = 4;
} else {
$step = 3;
} } else {
$step = 2;
} } else {
if (isset($input['action']) && ($input['action'] == 'add')) {
$step = 1;
} else {
$step = 0;
}
}
}
$htmlmap = map_xml($xml);
$thisbody = <<{$guide[$step]}
{$content}