mirror of
https://github.com/boostorg/test.git
synced 2026-01-25 18:52:15 +00:00
88 lines
3.8 KiB
HTML
88 lines
3.8 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<script language="javascript">var viso_path=".."</script>
|
|
<script language="javascript" src="../core.js" > </script>
|
|
<script language="javascript">
|
|
JS.include( "vis_object_api.js", viso_path );
|
|
|
|
|
|
function mmove_handler( e ) {
|
|
viso_set_html( viso_get( "screen_x" ), e.screenX );
|
|
viso_set_html( viso_get( "screen_y" ), e.screenY );
|
|
viso_set_html( viso_get( "offset_x" ), viso_event_offset_x( e ) );
|
|
viso_set_html( viso_get( "offset_y" ), viso_event_offset_x( e ) );
|
|
}
|
|
|
|
function page_init() {
|
|
viso_add_event_handler( "mousemove", mmove_handler );
|
|
|
|
viso_set_html( viso_get( "div1_x" ), viso_get_left( viso_get( "div1" ) ) );
|
|
viso_set_html( viso_get( "div1_y" ), viso_get_top( viso_get( "div1" ) ) );
|
|
viso_set_html( viso_get( "div1_page_x" ), viso_get_page_left( viso_get( "div1" ) ) );
|
|
viso_set_html( viso_get( "div1_page_y" ), viso_get_page_top( viso_get( "div1" ) ) );
|
|
viso_set_html( viso_get( "div1_parent" ), viso_get( "div1" ).parentNode.id );
|
|
viso_set_html( viso_get( "div1_offset_parent" ), viso_get( "div1" ).offsetParent.id );
|
|
|
|
viso_set_html( viso_get( "div2_x" ), viso_get_left( viso_get( "div2" ) ) );
|
|
viso_set_html( viso_get( "div2_y" ), viso_get_top( viso_get( "div2" ) ) );
|
|
viso_set_html( viso_get( "div2_page_x" ), viso_get_page_left( viso_get( "div2" ) ) );
|
|
viso_set_html( viso_get( "div2_page_y" ), viso_get_page_top( viso_get( "div2" ) ) );
|
|
viso_set_html( viso_get( "div2_parent" ), viso_get( "div2" ).parentNode.id );
|
|
viso_set_html( viso_get( "div2_offset_parent" ), viso_get( "div2" ).offsetParent.id );
|
|
|
|
viso_set_html( viso_get( "div3_x" ), viso_get_left( viso_get( "div3" ) ) );
|
|
viso_set_html( viso_get( "div3_y" ), viso_get_top( viso_get( "div3" ) ) );
|
|
viso_set_html( viso_get( "div3_page_x" ), viso_get_page_left( viso_get( "div3" ) ) );
|
|
viso_set_html( viso_get( "div3_page_y" ), viso_get_page_top( viso_get( "div3" ) ) );
|
|
viso_set_html( viso_get( "div3_parent" ), viso_get( "div2" ).parentNode.id );
|
|
viso_set_html( viso_get( "div3_offset_parent" ), viso_get( "div2" ).offsetParent.id );
|
|
}
|
|
</script>
|
|
<style>
|
|
|
|
DIV {
|
|
border-width:2px;
|
|
border-style:solid;
|
|
padding: 5;
|
|
} </style>
|
|
</head>
|
|
|
|
<body id="BODY" onLoad="page_init();">
|
|
<div id="div1" >
|
|
DIV1:<br>
|
|
Left: <span id="div1_x"></span>
|
|
Top: <span id="div1_y"></span>
|
|
Page Left: <span id="div1_page_x"></span>
|
|
Page Top: <span id="div1_page_y"></span>
|
|
Parent: <span id="div1_parent"></span>
|
|
OffParent: <span id="div1_offset_parent"></span>
|
|
<div id="div2">
|
|
DIV2:<br>
|
|
Left: <span id="div2_x"></span>
|
|
Top: <span id="div2_y"></span>
|
|
Page Left: <span id="div2_page_x"></span>
|
|
Page Top: <span id="div2_page_y"></span>
|
|
Parent: <span id="div2_parent"></span>
|
|
OffParent: <span id="div2_offset_parent"></span>
|
|
<div id="div3">
|
|
DIV3:<br>
|
|
Left: <span id="div3_x"></span>
|
|
Top: <span id="div3_y"></span>
|
|
Page Left: <span id="div3_page_x"></span>
|
|
Page Top: <span id="div3_page_y"></span>
|
|
Parent: <span id="div3_parent"></span>
|
|
OffParent: <span id="div3_offset_parent"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer" style="position: absolute; bottom: 0px; width: 90%; height: 100px;">
|
|
Screen X: <span id="screen_x"></span>
|
|
Screen Y: <span id="screen_y"></span><br>
|
|
Offset X: <span id="offset_x"></span>
|
|
Offset Y: <span id="offset_y"></span>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|