2017-12-20 153 views
6

belirli sütununda cordinates almak nasıl bir sütun 1 1 sütun üzerinde hover zaman bana vereceğim gibi bir resim gelen belirli bir sütundan almak mümkün mü 1,1 ve sonra ben sütununda 2 üzerinde gezdirin o sütun 2 Koordinasyonu gibi onu bana verecek 1,1sadece bir sütun resmi

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
 
<div><span id="image_coords_click"></span><span id="image_coords_now"> </span></div> 
 
<img id="image" class="aligncenter" src="http://4.bp.blogspot.com/-c0lydOomMh8/UdMXTLn0frI/AAAAAAAAKdU/xa8kZMf23uQ/s721/100+number+grid.png" width="1475" height="1475" /> 
 
<script type="text/javascript"> 
 
    $('#image').mousemove(function(event) { 
 
\t window.current_x = Math.round(event.pageX - $('#image').offset().left); 
 
\t window.current_y = Math.round(event.pageY - $('#image').offset().top); 
 
\t window.current_coords = window.current_x + ', ' + window.current_y; 
 
\t $('#image_coords_now').html('Column: ' + window.current_coords + '.'); 
 
    }).mouseleave(function() { 
 
\t $('#image_coords_now').html('&nbsp;'); 
 
    }).click(function() { 
 
\t $('#image_coords_click').html('Last click: ' + window.current_coords + '. '); 
 
    }); 
 
</script>

+0

Nasıl yapılacağına dair bir fikrim var, örnek oluşturmaya çalışıyorum – Leo

+0

Cevabımı değiştirdim, umarım yararlı olur – Leo

cevap

2

bu izlemeyi deneyin: jsfiddle

function column(){ 
    var cell1={x0:21,y0:25,x1:163,y1:165}; 
var x=$('#x').html(); 
var y=$('#y').html(); 
/* 
    console.log(x); 
    console.log(y); 
    console.log(cell1['x0']); 
    console.log(cell1['x1']); 
    console.log(cell1['y0']); 
    console.log(cell1['y1']); 
*/ 
if (x>=cell1['x0'] && x<=cell1['x1'] && y>=cell1['y0'] && y<=cell1['y1']) 
{ 
console.log('cell oone'); 
} 
else { 
console.log('other cell'); 

} 

benim fikir:

  • I koordinatlar, CELL1 tanımlandığı '{x 0: 21, y0: 25, x1: 163, y1: 165};'
  • Ben koordinatları
    1. fare ile bir
    2. tıklayın Hücre gitmek bana göre belirlenen CELL1 içeride olup olmadığını kontrol düğmesine basarak tıklama
    3. sırasında koordinatlarını aldı

    4. konsola
01 de
  • düğmesine basın
  • bakış

    Ben sonunda kalan hücrelere uygulanacak, sadece bir hücreye üzerine düşündüm, ama

    YENİ KOD büyük bir iş: hücre üzerindejsfiddle

    1. tıklama
    2. istiyorum