New wiki-page
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<style> | <style> | ||
.clickable { | .clickable { | ||
| Line 23: | Line 21: | ||
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"> | <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"> | ||
RLQ.push(function () { | RLQ.push(function () { | ||
$('.clickable').bind('click', function (ev) { | $('.clickable').bind('click', function (ev) { | ||
var $div = $(ev.target); | var $div = $(ev.target); | ||
| Line 35: | Line 31: | ||
$display.text('x: ' + x + ', y: ' + y); | $display.text('x: ' + x + ', y: ' + y); | ||
}); | }); | ||
}); | |||
</script> | </script> | ||
Revision as of 18:47, 9 August 2017
<style> .clickable {
border: 1px solid #333; background: #eee; height: 200px; width: 200px; margin: 15px; position: absolute;
} .display {
display: block; height: 16px; position: absolute; text-align: center; vertical-align: middle; width: 100%; top: 50%; margin-top: -8px;
}
</style> <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"> RLQ.push(function () { $('.clickable').bind('click', function (ev) {
var $div = $(ev.target);
var $display = $div.find('.display');
var offset = $div.offset();
var x = ev.clientX - offset.left;
var y = ev.clientY - offset.top;
$display.text('x: ' + x + ', y: ' + y);
}); }); </script>