2017-12-20 61 views
6

की तस्वीर में केवल विशिष्ट कॉलम में कॉर्डिनेट कैसे प्राप्त करें, पर एक विशिष्ट कॉलम से कॉर्डिनेट प्राप्त करना संभव है जैसे कि यह कॉलम 1 पर होवर करेगा, यह मुझे कॉलम 1 कॉर्डिनेट की तरह देगा 1,1 और फिर मैं कॉलम 2 पर ले जाएं, यह मुझे ऐसा लगता है कि स्तंभ 2 cordinate दे देंगे 1,1ग्रिड

<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

मुझे पता है कि यह कैसे करना है, मैं एक उदाहरण बनाने की कोशिश कर रहा हूं – Leo

+0

मैंने अपना जवाब संशोधित किया, मुझे उम्मीद है कि यह उपयोगी होगा – Leo

उत्तर

2

इसे देख कोशिश: 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'); 

} 

मेरा विचार है:

  • मैं, CELL1 परिभाषित निर्देशांक की '{x0: 21, Y0: 25, x 1: 163, y1: 165};'
  • मैं क्लिक
  • बटन दबाने के समय निर्देशांक ले लिया, तो देखें कि निर्देशांक CELL1 मेरे द्वारा परिभाषित

    1. माउस के साथ एक
    2. क्लिक सेल जाना अंदर हैं
    3. सांत्वना
01 पर
  • बटन दबाएं
  • नज़र

    मैं इसे केवल एक सेल पर सोचा, यह अंततः शेष कोशिकाओं को लागू किया जाएगा, लेकिन यह एक बड़ा काम

    नए कोड है:jsfiddle

    1. सेल पर क्लिक करें आप चाहते हैं