گذاشتن تگ برای یک عکس مانند فیسبوک

[13601360]

سلام دوستان
من یک عکس دارم
می خوام کاربر بتونه بر روی نقطه خاصی از این عکس که کلیک کرد یک تگ اضافه کنه
یعنی وقتی تگ اضاف شده همیشه بر روی عکس نمایش داده بشه مثل یک برچسب
چیزی شبیه همون کاری که تو فیسبوک انجام میشه ولی با این تفاوت که تگ زده شده بر روی عکس نمایش داده بشه

اگر ممکن هست راهنمایی بفرمائید

[amirsajjadi]

میتونی موقعیت x,y جایی که کاربر کلیک کرده رو همراه با تگ مربوط به اون توی بانک ذخیره کنی و بعد هم اون رو نمایش بدی.
برای دریافت موقعیت جایی که روی عکس کلیک شده و برای نمایش تگ روی اون قسمت میتونی از jquery یا javascript استفاده کنی.

[13601360]

ممنون مشکل من اینکه عکس بزرگتر از صفحه نمایش هست
و پایینش اسکرول داره
اینجوری چطور موقعیت تگ رو نگه داری کنم
شبیه کاری که گوگل مپ انجام میده
و می تونید موقعیت یک مکان رو مارک کنید

[amirsajjadi]

با استفاده از جاوااسکریپت


document.getElementById("img").onclick = function (e) {
alert(e.clientX);
alert(e.clientY);
};


با استفاده جیکوئری



$(document).ready(function () {
$("#img").click(function (e) {
alert(e.clientX);
alert(e.clientY);
})
});

حالا میتونید موقعیت رو داخل یک hiddenField قرار بدید و برای سرور ارسال کنید و یا اینکه از Ajax برای ارسال داده ها استفاده کنید.