Ben bir tıklama Burada bir tarayıcı içinde olur nerede belirleyen basit bazı javascript var:
var clickDoc = (document.documentElement != undefined && document.documentElement.clientHeight != 0) ? document.documentElement : document.body;
var x = evt.clientX;
var y = evt.clientY;
var w = clickDoc.clientWidth != undefined ? clickDoc.clientWidth : window.innerWidth;
var h = clickDoc.clientHeight != undefined ? clickDoc.clientHeight : window.innerHeight;
var scrollx = window.pageXOffset == undefined ? clickDoc.scrollLeft : window.pageXOffset;
var scrolly = window.pageYOffset == undefined ? clickDoc.scrollTop : window.pageYOffset;
params = '&x=' + (x + scrollx) + '&y=' + (y + scrolly) + '&w=' + w + '&random=' + Date();
Tüm bu veriler bir veritabanında depolanır. Daha sonra ben onu almak ve tüm tıklama o sayfada nerede oldu gösterilecek. Bu durumda ben bir çözünürlükte tüm tıklama yaparsanız çalışıyor, ve sonra aynı çözünürlükte geri görüntüler, ama bu değil. kullanılan çözünürlükler büyük miktarlarda olabilir.
Benim test case Ben 1260x1080 ekran çözünürlüğü ile ekranda tıklayarak edildi. Ben tüm verileri alınır ve aynı çözünürlükte sergiledi. Ben farklı bir monitör kullanmak Ama (1024x768 ve 1920x1080 çalıştı. Işaretleri yanlış noktaya kayması.
Ben genişliğini ve yüksekliğini müşteri ve tıklama x / y konumunu saklamak ediyorsam Benim sorudur. Tüm farklı ekran çözünürlükleri ile 3 farklı kullanıcıların aynı kelimenin üzerine tıklayın, ve 4 kullanıcı bu tıklamalar tüm nerede oldu görüntülemek için giderse, nasıl hayır, herkes aynı alanda tıklandığında göstermek doğru x / y konumunu çizebilirsiniz çözünürlüğünü önemli?
Bu daha iyi bir bölümde aitse, benim de bildirin lütfen.
::: EDIT ::: Brock'un önerileri uyguladıktan sonra, ben iki ekran eklenmiş. Ben kelime tıklandığında "" Eğer farklı çözünürlüklerde her paragrafın başında. Hem o çözünürlükte görüntülerken, aynı çözünürlükte oldu tıklama kelime, daha yüksek veya daha düşük çözünürlüklü olduğunda, sırasıyla, sağa veya sola kaydırır doğrudan vardır.
http://img291.imageshack.us/img291/5682/1260x1080.png http://img27.imageshack.us/img27/8950/1920x1080c.png