Estou aqui a tentar criar uma especie de sistema de identificação nas fotos, mas o que acontece é que isto marca mas não nas coordenadas que deveria. Marca tudo no canto superior esquerdo
Código (Javascript):
parte do insert
Código (PHP):
index
Código :
A tag era suposto ficar nesse ponto preto e não onde está
http://i.imgur.com/luJDm4o.png
Código (Javascript):
$(document).ready(function() {
$('#image').click(function(e) {
var left = e.clientX;
var top = e.clientY;
$('#name').css('top', top-10).css('left', left-20);
$('#name').show().focus();
});
$('#name').keyup(function(e) {
if (e.keyCode == 13) {
var name = $(this).val();
var top = $(this).position().top;
var left = $(this).position().left;
$.post('init/tag.php', {name: name, top: top, left: left}, function() {
location.reload();
});
}
});
});
$('#image').click(function(e) {
var left = e.clientX;
var top = e.clientY;
$('#name').css('top', top-10).css('left', left-20);
$('#name').show().focus();
});
$('#name').keyup(function(e) {
if (e.keyCode == 13) {
var name = $(this).val();
var top = $(this).position().top;
var left = $(this).position().left;
$.post('init/tag.php', {name: name, top: top, left: left}, function() {
location.reload();
});
}
});
});
parte do insert
Código (PHP):
$name = $_POST['name'];
$top = $_POST['top'];
$left = $_POST['left'];
mysqli_query($connect, "INSERT INTO tag VALUES('', '{$name}', '{$top}', '{$left}')");
$top = $_POST['top'];
$left = $_POST['left'];
mysqli_query($connect, "INSERT INTO tag VALUES('', '{$name}', '{$top}', '{$left}')");
index
Código :
<?php
include 'init/connect.php';
$query = mysqli_query($connect, "SELECT * FROM tag");
while ($run = mysqli_fetch_array($query)) {
$name = $run['name'];
$top = $run['top'];
$left = $run['left'];
?>
<div id='tagged' style='top: <?php echo $top; ?>; left: <?php echo $left; ?>'><?php echo $name; ?></div>
<?php
}
?>
<img src='img/image.jpg' id='image'>
<input type='text' id='name'>
include 'init/connect.php';
$query = mysqli_query($connect, "SELECT * FROM tag");
while ($run = mysqli_fetch_array($query)) {
$name = $run['name'];
$top = $run['top'];
$left = $run['left'];
?>
<div id='tagged' style='top: <?php echo $top; ?>; left: <?php echo $left; ?>'><?php echo $name; ?></div>
<?php
}
?>
<img src='img/image.jpg' id='image'>
<input type='text' id='name'>
A tag era suposto ficar nesse ponto preto e não onde está
http://i.imgur.com/luJDm4o.png