mirror/openseadragon
1
0
Fork 0
mirror of https://github.com/openseadragon/openseadragon.git synced 2024-11-22 21:26:10 +03:00
Code Issues Projects Releases Wiki Activity
3b2bde2940
openseadragon/test/demo.html

181 lines
5.9 KiB
HTML
Raw Normal View History

23 Initial attempt a this feature along with a demo page
2013-03-05 00:19:35 +04:00
<html>
<head>
<title>OpenSeadragon Expose Origina Event Demo</title>
<script type="text/javascript" src='openseadragon/build/openseadragon/openseadragon.js'></script>
<style type="text/css">
.openseadragon
{
cleaning up event names, reducing demo cases to just addHandler interface, normalizing event data to express more idiomatic javascript pattern of passing object instead of invoking callback with positional parameters
2013-03-07 02:34:12 +04:00
width: 800px;
height: 600px;
border: 1px solid black;
color: #333; /* text color for messages */
background-color: black;
23 Initial attempt a this feature along with a demo page
2013-03-05 00:19:35 +04:00
}
.openseadragon-small
{
cleaning up event names, reducing demo cases to just addHandler interface, normalizing event data to express more idiomatic javascript pattern of passing object instead of invoking callback with positional parameters
2013-03-07 02:34:12 +04:00
width: 40px;
height: 30px;
border: 1px solid black;
color: #333; /* text color for messages */
background-color: black;
23 Initial attempt a this feature along with a demo page
2013-03-05 00:19:35 +04:00
}
</style>
</head>
<body>
<div class="demoarea">
cleaning up event names, reducing demo cases to just addHandler interface, normalizing event data to express more idiomatic javascript pattern of passing object instead of invoking callback with positional parameters
2013-03-07 02:34:12 +04:00
<div>
Simple demo page to verify that event handlers pass along the original source event
</div>
<div id="contentDiv" class="openseadragon"></div>
<div>
<span id='consolelog'></span>
</div>
23 Initial attempt a this feature along with a demo page
2013-03-05 00:19:35 +04:00
</div>
<script type="text/javascript">
var viewer = OpenSeadragon({
cleaning up event names, reducing demo cases to just addHandler interface, normalizing event data to express more idiomatic javascript pattern of passing object instead of invoking callback with positional parameters
2013-03-07 02:34:12 +04:00
id:"contentDiv",
prefixUrl:"openseadragon/build/openseadragon/images/",
23 Initial attempt a this feature along with a demo page
2013-03-05 00:19:35 +04:00
tileSources:{
Image:{
cleaning up event names, reducing demo cases to just addHandler interface, normalizing event data to express more idiomatic javascript pattern of passing object instead of invoking callback with positional parameters
2013-03-07 02:34:12 +04:00
xmlns:"http://schemas.microsoft.com/deepzoom/2008",
Url:"example-images/highsmith/highsmith_files/",
Format:"jpg",
Overlap:"2",
TileSize:"256",
Size:{
Height:"9221",
Width:"7026"
}
23 Initial attempt a this feature along with a demo page
2013-03-05 00:19:35 +04:00
}
cleaning up event names, reducing demo cases to just addHandler interface, normalizing event data to express more idiomatic javascript pattern of passing object instead of invoking callback with positional parameters
2013-03-07 02:34:12 +04:00
}
23 Initial attempt a this feature along with a demo page
2013-03-05 00:19:35 +04:00
});
var demoMessageLog = "";
var screenConsole = document.getElementById('consolelog');
cleaning up event names, reducing demo cases to just addHandler interface, normalizing event data to express more idiomatic javascript pattern of passing object instead of invoking callback with positional parameters
2013-03-07 02:34:12 +04:00
function checkIfEventWasPassed(event){
if(typeof event === 'undefined'){
demoMessageLog += "PROBLEM EVENT WAS UNDEFINED:" + event + "\n\n";
23 Initial attempt a this feature along with a demo page
2013-03-05 00:19:35 +04:00
}
}
cleaning up event names, reducing demo cases to just addHandler interface, normalizing event data to express more idiomatic javascript pattern of passing object instead of invoking callback with positional parameters
2013-03-07 02:34:12 +04:00
function logMessage(){
23 Initial attempt a this feature along with a demo page
2013-03-05 00:19:35 +04:00
screenConsole.innerHTML = demoMessageLog.replace(/\n/g, '<br />');
}
cleaning up event names, reducing demo cases to just addHandler interface, normalizing event data to express more idiomatic javascript pattern of passing object instead of invoking callback with positional parameters
2013-03-07 02:34:12 +04:00
viewer.addHandler("click", function( event ){
demoMessageLog += "Additional clickHandler\n" +
" tracker:" + event.tracker + "\n" +
" position:" + event.position + "\n" +
" delta:" + event.delta + "\n" +
" shift:" + event.shift + "\n" +
" originalEvent:" + event.originalEvent + "\n\n";
checkIfEventWasPassed( event.originalEvent );
logMessage();
});
23 Initial attempt a this feature along with a demo page
2013-03-05 00:19:35 +04:00
cleaning up event names, reducing demo cases to just addHandler interface, normalizing event data to express more idiomatic javascript pattern of passing object instead of invoking callback with positional parameters
2013-03-07 02:34:12 +04:00
viewer.addHandler("press", function( event ){
demoMessageLog += "Additional pressHandler\n" +
" tracker:" + event.tracker + "\n" +
" position:" + event.position + "\n" +
" originalEvent:" + event.originalEvent + "\n\n";
checkIfEventWasPassed( event.originalEvent );
logMessage();
23 Initial attempt a this feature along with a demo page
2013-03-05 00:19:35 +04:00
});
cleaning up event names, reducing demo cases to just addHandler interface, normalizing event data to express more idiomatic javascript pattern of passing object instead of invoking callback with positional parameters
2013-03-07 02:34:12 +04:00
viewer.addHandler("release", function( event ){
demoMessageLog += "Additional releaseHandler\n" +
" tracker:" + event.tracker + "\n" +
" position:" + event.position + "\n" +
" buttonDown:" + event.buttonDown + "\n" +
" insideElementRelease:" + event.insideElementRelease + "\n" +
" originalEvent:" + event.originalEvent + "\n\n";
checkIfEventWasPassed( event.originalEvent );
logMessage();
23 Initial attempt a this feature along with a demo page
2013-03-05 00:19:35 +04:00
});
cleaning up event names, reducing demo cases to just addHandler interface, normalizing event data to express more idiomatic javascript pattern of passing object instead of invoking callback with positional parameters
2013-03-07 02:34:12 +04:00
viewer.addHandler("keypress", function( event ){
demoMessageLog += "Additional keyHandler\n" +
" tracker:" + event.tracker + "\n" +
" keycode:" + event.keycode + "\n" +
" shift:" + event.shift + "\n" +
" originalEvent:" + event.originalEvent + "\n\n";
checkIfEventWasPassed( event.originalEvent );
logMessage();
23 Initial attempt a this feature along with a demo page
2013-03-05 00:19:35 +04:00
});
cleaning up event names, reducing demo cases to just addHandler interface, normalizing event data to express more idiomatic javascript pattern of passing object instead of invoking callback with positional parameters
2013-03-07 02:34:12 +04:00
viewer.addHandler("drag", function( event ){
demoMessageLog += "Additional dragHandler\n" +
" tracker:" + event.tracker + "\n" +
" position:" + event.position + "\n" +
" delta:" + event.delta + "\n" +
" shift:" + event.shift + "\n" +
" originalEvent:" + event.originalEvent + "\n\n";
checkIfEventWasPassed( event.originalEvent );
logMessage();
23 Initial attempt a this feature along with a demo page
2013-03-05 00:19:35 +04:00
});
cleaning up event names, reducing demo cases to just addHandler interface, normalizing event data to express more idiomatic javascript pattern of passing object instead of invoking callback with positional parameters
2013-03-07 02:34:12 +04:00
viewer.addHandler("scroll", function( event ){
demoMessageLog += "Additional scrollHandler\n" +
" tracker:" + event.tracker + "\n" +
" position:" + event.position + "\n" +
" scroll:" + event.scroll + "\n" +
" shift:" + event.shift + "\n" +
" originalEvent:" + event.originalEvent + "\n\n";
checkIfEventWasPassed( event.originalEvent );
logMessage();
23 Initial attempt a this feature along with a demo page
2013-03-05 00:19:35 +04:00
});
cleaning up event names, reducing demo cases to just addHandler interface, normalizing event data to express more idiomatic javascript pattern of passing object instead of invoking callback with positional parameters
2013-03-07 02:34:12 +04:00
viewer.addHandler("enter", function( event ){
demoMessageLog += "Additional enterHandler\n" +
" tracker:" + event.tracker + "\n" +
" position:" + event.position + "\n" +
" buttonDown:" + event.buttonDown + "\n" +
" buttonDownAny:" + event..buttonDownAny + "\n" +
" originalEvent:" + event.originalEvent + "\n\n";
checkIfEventWasPassed( event.originalEvent );
logMessage();
23 Initial attempt a this feature along with a demo page
2013-03-05 00:19:35 +04:00
});
cleaning up event names, reducing demo cases to just addHandler interface, normalizing event data to express more idiomatic javascript pattern of passing object instead of invoking callback with positional parameters
2013-03-07 02:34:12 +04:00
viewer.addHandler("exit", function( event ){
demoMessageLog += "Additional exitHandler\n" +
" tracker:" + event.tracker + "\n" +
" position:" + event.position + "\n" +
" buttonDown:" + event.buttonDown + "\n" +
" buttonDownAny:" + event.buttonDownAny + "\n" +
" originalEvent:" + event.originalEvent + "\n\n";
checkIfEventWasPassed( event.originalEvent );
logMessage();
23 Initial attempt a this feature along with a demo page
2013-03-05 00:19:35 +04:00
});
cleaning up event names, reducing demo cases to just addHandler interface, normalizing event data to express more idiomatic javascript pattern of passing object instead of invoking callback with positional parameters
2013-03-07 02:34:12 +04:00
viewer.addHandler("focus", function( event ){
demoMessageLog += "Additional focusHandler\n" +
" tracker:" + event.tracker + "\n" +
" originalEvent:" + event.originalEvent + "\n\n";
checkIfEventWasPassed( event.originalEvent );
logMessage();
});
23 Initial attempt a this feature along with a demo page
2013-03-05 00:19:35 +04:00
cleaning up event names, reducing demo cases to just addHandler interface, normalizing event data to express more idiomatic javascript pattern of passing object instead of invoking callback with positional parameters
2013-03-07 02:34:12 +04:00
viewer.addHandler("blur", function( event ){
demoMessageLog += "Additional blurHandler\n" +
" tracker:" + event.tracker + "\n" +
" originalEvent:" + event.originalEvent + "\n\n";
checkIfEventWasPassed( event.originalEvent );
logMessage();
23 Initial attempt a this feature along with a demo page
2013-03-05 00:19:35 +04:00
});
</script>
</body>
</html>
Reference in New Issue Copy Permalink