0x2620/oxjs
2
0
Fork 1
Code Issues 172 Pull requests Releases Wiki Activity

update mouse events example (CSS)

Browse source
This commit is contained in:
rolux 2012-04-15 14:21:15 +02:00
parent 1d53a14cc1
commit a7d16c0c05
2 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
examples/mouse_events/css/example.css
View file

@ -2,8 +2,8 @@
position: absolute; position: absolute;
left: 256px; left: 256px;
right: 0px; right: 0px;
height: 15px; height: 14px;
padding: 1px 0 0 2px; padding: 2px 0 0 2px;
background: rgb(240, 240, 240); background: rgb(240, 240, 240);
cursor: pointer; cursor: pointer;
} }
@ -24,9 +24,10 @@
top: 0; top: 0;
bottom: 0; bottom: 0;
width: 253px; width: 253px;
padding: 1px 0 0 2px; padding: 2px 0 0 2px;
border-width: 0; border-width: 0;
border-right: 1px solid rgb(208, 208, 208); border-right: 1px solid rgb(208, 208, 208);
background: rgb(224, 224, 224); background: rgb(224, 224, 224);
font-weight: bold;
cursor: crosshair; cursor: crosshair;
} }

3
examples/mouse_events/js/example.js
View file

@ -5,6 +5,7 @@ This example demonstrates the mouse events that any Ox.Element fires.
Ox.load({UI: {theme: 'classic'}}, function() { Ox.load({UI: {theme: 'classic'}}, function() {
var $target = Ox.Element() var $target = Ox.Element()
.addClass('OxMonospace')
.attr({id: 'target'}) .attr({id: 'target'})
.html('click/hold/drag') .html('click/hold/drag')
.appendTo(Ox.$body), .appendTo(Ox.$body),
@ -12,6 +13,7 @@ Ox.load({UI: {theme: 'classic'}}, function() {
.attr({id: 'log'}) .attr({id: 'log'})
.appendTo(Ox.$body), .appendTo(Ox.$body),
$clear = Ox.Element() $clear = Ox.Element()
.addClass('OxMonospace')
.attr({id: 'clear'}) .attr({id: 'clear'})
.html('clear log') .html('clear log')
.bind({click: function() { .bind({click: function() {
@ -25,6 +27,7 @@ Ox.load({UI: {theme: 'classic'}}, function() {
$target.bindEvent(event, function(e) { $target.bindEvent(event, function(e) {
var date = new Date(); var date = new Date();
$('<div>') $('<div>')
.addClass('OxMonospace')
.html( .html(
Ox.formatDate(date, '%H:%M:%S') Ox.formatDate(date, '%H:%M:%S')
+ '.' + (Ox.pad(date % 1000, 3)) + '.' + (Ox.pad(date % 1000, 3))