مشكلة في تحديد موقع مؤشر الفأرة في الصفحة

[eyeislam]

السلام عليكم ورحمة الله وبركاته

أخوتي الكرام , قمت بعمل كود جافا سكربت يقوم بعمل اظهار div على الصفحة حسب موقع مؤشر الفأرة وهو يعمل يشكل ممتاز على الصفحة ولكن عند عمل سكرول لأسفل تجد أن الموقع الذي أعطي خاطئ , أرجو مساعدتي في حل هذه المشكلة .

هذا هو الكود :

xpos = event.clientX +  document.body.scrollLeft+0;
ypos = event.clientY + document.body.scrollTop+10;
document.getElementById("layer1").style.top=ypos;
document.getElementById("layer1").style.left=xpos;
document.getElementById("layer1").style.visibility="visible";

وشكرا لكم

[Zizwar]

وعليكم السلام ورحمة الله
ضع الكود كاملا ليتضح المشكل

[eyeislam]

شكرا لمرورك أخي الكريم وعلى ردك

بالنسبة لموضوع الكود فهو ملف كبير وفي الكثير من الأكواد ولكني وضعت الكود الذي أريد في صفحة مستقلة لتوضيح ما أقصده , أرجو الإطلاع على الرابط: http://www.ahousescript.com/sample.htm

ستجد أن عند الضغط على الصورة الأولى مكان ال layer صحيح ولكن عندما تضغط على الصورة التي بالأسفل تجد مكان ال layer خاطئ.

وشكرا لك مرة أخرى وعلى جهودك الطيبة في هذا القسم

[Zizwar]

غير

event.clientX 

الى

window.event.offsetX 

و

event.clientY 

الى

window.event.offsetY