New wiki-page
No edit summary |
No edit summary |
||
Line 22: | Line 22: | ||
</style> | </style> | ||
<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 () { | |||
console.log('This runs with jQuery support', $); | |||
}); | |||
$('.clickable').bind('click', function (ev) { | $('.clickable').bind('click', function (ev) { | ||
var $div = $(ev.target); | var $div = $(ev.target); |
Revision as of 18:44, 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 () {
console.log('This runs with jQuery support', $);
}); $('.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>