ग्रिड

Question

की तस्वीर में केवल विशिष्ट कॉलम में कॉर्डिनेट कैसे प्राप्त करें, पर एक विशिष्ट कॉलम से कॉर्डिनेट प्राप्त करना संभव है जैसे कि यह कॉलम 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>

Answer 1

इसे देख कोशिश: 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. क्लिक सेल जाना अंदर हैं
  सांत्वना

01 पर

बटन दबाएं

नज़र

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

नए कोड है:jsfiddle

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