mirror of
https://github.com/boostorg/test.git
synced 2026-01-25 18:52:15 +00:00
157 lines
6.6 KiB
HTML
157 lines
6.6 KiB
HTML
<html>
|
|
<head>
|
|
<style>
|
|
SPAN.value
|
|
{
|
|
COLOR: #af324d;
|
|
}
|
|
</style>
|
|
<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 target_id()
|
|
{
|
|
var selector = viso_get( "id_selector" );
|
|
return selector.options[selector.selectedIndex].value;
|
|
}
|
|
|
|
function wrap_parameter( value )
|
|
{
|
|
return '<span class="value">' + value + '</span>'
|
|
}
|
|
|
|
function update_parameters()
|
|
{
|
|
viso_set_html( viso_get("par_left") , wrap_parameter( viso_get_left( viso_get( target_id() ) ) ) );
|
|
viso_set_html( viso_get("par_right") , wrap_parameter( viso_get_right( viso_get( target_id() ) ) ) );
|
|
viso_set_html( viso_get("par_top") , wrap_parameter( viso_get_top( viso_get( target_id() ) ) ) );
|
|
viso_set_html( viso_get("par_bottom") , wrap_parameter( viso_get_bottom( viso_get( target_id() ) ) ) );
|
|
viso_set_html( viso_get("par_width") , wrap_parameter( viso_get_width( viso_get( target_id() ) ) ) );
|
|
viso_set_html( viso_get("par_height") , wrap_parameter( viso_get_height( viso_get( target_id() ) ) ) );
|
|
|
|
viso_set_html( viso_get("par_clip_left") , wrap_parameter( viso_get_clip_area( viso_get( target_id() ) ).x1 ) );
|
|
viso_set_html( viso_get("par_clip_right") , wrap_parameter( viso_get_clip_area( viso_get( target_id() ) ).x3 ) );
|
|
viso_set_html( viso_get("par_clip_top") , wrap_parameter( viso_get_clip_area( viso_get( target_id() ) ).x2 ) );
|
|
viso_set_html( viso_get("par_clip_bottom") , wrap_parameter( viso_get_clip_area( viso_get( target_id() ) ).x4 ) );
|
|
viso_set_html( viso_get("par_clip_width") , wrap_parameter( viso_get_clip_width( viso_get( target_id() ) ) ) );
|
|
viso_set_html( viso_get("par_clip_height") , wrap_parameter( viso_get_clip_height( viso_get( target_id() ) ) ) );
|
|
|
|
viso_set_html( viso_get("par_page_left") , wrap_parameter( viso_get_page_left( viso_get( target_id() ) ) ) );
|
|
viso_set_html( viso_get("par_page_top") , wrap_parameter( viso_get_page_top( viso_get( target_id() ) ) ) );
|
|
viso_set_html( viso_get("par_zindex") , wrap_parameter( viso_get_zindex( viso_get( target_id() ) ) ) );
|
|
|
|
viso_set_html( viso_get("par_visibility") , wrap_parameter( '"'+ viso_get_visibility( viso_get( target_id() ) ) + '"' ) );
|
|
viso_set_html( viso_get("par_is_visible") , wrap_parameter( viso_is_visible( viso_get( target_id() ) ) ) );
|
|
viso_set_html( viso_get("par_is_displayed"), wrap_parameter( viso_is_displayed( viso_get( target_id() ) ) ) );
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body onLoad="update_parameters();">
|
|
|
|
<table width="100%">
|
|
<tr>
|
|
<td width="30%" align="top">
|
|
|
|
<form>
|
|
Select object:
|
|
<select id="id_selector" onchange="update_parameters();">
|
|
<OPTION Value="idIMG"> Image
|
|
<OPTION Value="idTBL"> Table
|
|
<OPTION Value="idTXT"> Text
|
|
</select>
|
|
|
|
</form>
|
|
</td>
|
|
<td width="70%" style="color:rgb(40,10,230)">
|
|
|
|
Left: <span id="par_left"></span>
|
|
Right: <span id="par_right"></span>
|
|
Top: <span id="par_top"></span>
|
|
Bottom: <span id="par_bottom"></span>
|
|
Width: <span id="par_width"></span>
|
|
Height: <span id="par_height"></span>
|
|
<br><br>
|
|
Clip left: <span id="par_clip_left"></span>
|
|
Clip Right: <span id="par_clip_right"></span>
|
|
Clip top: <span id="par_clip_top"></span>
|
|
Clip Bottom: <span id="par_clip_bottom"></span>
|
|
Clip Width: <span id="par_clip_width"></span>
|
|
Clip Height: <span id="par_clip_height"></span>
|
|
<br><br>
|
|
Page left: <span id="par_page_left"></span>
|
|
Page top: <span id="par_page_top"></span>
|
|
Z Index: <span id="par_zindex"></span>
|
|
<br><br>
|
|
Visibility: <span id="par_visibility"></span>
|
|
Is visible: <span id="par_is_visible"></span>
|
|
Is displayed: <span id="par_is_displayed"></span><br>
|
|
<br>
|
|
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<hr>
|
|
|
|
<table width="100%" id="body-table">
|
|
<tr>
|
|
<td width="60%" style="padding: 20" >
|
|
|
|
<img src="../../imgs/c++boost_bw.gif" id="idIMG" style="position:relative; left:0; top:0; clip: rect(30,50,100,10)"/><br>
|
|
|
|
<table border="1" id="idTBL" style="position:relative; left:0; top:0; visibility:visible;">
|
|
<tr>
|
|
<td width="70" height="50">
|
|
Hello!
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<p id="idTXT" style="position:absolute; left:30; top:500;clip: rect(0,200,40,0)">THIS IS TEXT</p>
|
|
|
|
</td>
|
|
|
|
<td width="40%" style="border-left: 1 solid; padding: 20">
|
|
<form>
|
|
<input type="button" value="Hide" onClick="viso_hide( viso_get( target_id() ) );update_parameters();">
|
|
<input type="button" value="Show" onClick="viso_show( viso_get( target_id() ) );update_parameters();"><br>
|
|
<input type="button" value="Remove" onClick="viso_remove( viso_get( target_id() ) );update_parameters();">
|
|
<input type="button" value="Display" onClick="viso_display( viso_get( target_id() ) );update_parameters();"><br>
|
|
<input type="text" id="moveX" value="0">
|
|
<input type="text" id="moveY" value="0">
|
|
<input type="button" value="Move"
|
|
onClick="viso_move_to( viso_get( target_id() ), new Pair( viso_get('moveX').value, viso_get('moveY').value ) ); update_parameters();"><br>
|
|
<input type="text" id="shiftX" value="0">
|
|
<input type="text" id="shiftY" value="0">
|
|
<input type="button" value="Shift"
|
|
onClick="viso_move_by( viso_get( target_id() ), new Pair( viso_get( 'shiftX' ).value,viso_get('shiftY').value ) ); update_parameters();"><br>
|
|
Left: <input type="text" id="setX" value="0">
|
|
<input type="button" value="Set"
|
|
onClick="viso_set_left( viso_get( target_id() ),viso_get( 'setX' ).value ); update_parameters();"><br>
|
|
Top: <input type="text" id="setY" value="0">
|
|
<input type="button" value="Set"
|
|
onClick="viso_set_top( viso_get( target_id() ),viso_get( 'setY' ).value ); update_parameters();"><br>
|
|
zIndex: <input type="text" id="setzIndex" value="0">
|
|
<input type="button" value="Set"
|
|
onClick="viso_set_zindex( viso_get( target_id() ),viso_get( 'setzIndex' ).value ); update_parameters();"><br>
|
|
<input type="text" id="scrollByX" value="0">
|
|
<input type="text" id="scrollByY" value="0">
|
|
<input type="button" value="Scroll by"
|
|
onClick="viso_scroll_by( viso_get( target_id() ),viso_get('scrollByX').value,viso_get('scrollByY').value ); update_parameters();"><br>
|
|
|
|
Content: <input type="text" id="content" value="">
|
|
<input type="button" value="Set"
|
|
onClick="viso_set_html( viso_get( target_id() ), viso_get( 'content' ).value ); update_parameters();"><br>
|
|
|
|
</form>
|
|
</td>
|
|
|
|
</tr>
|
|
</table>
|
|
|
|
</body>
|
|
</html>
|