DIR : /home/kozerus/public_html/wz/wz_track.html
/home/kozerus/public_html/wz
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<title>/ko/wz_track.html 20230225_1051</title>
<link rel="stylesheet" type="text/css" href="/js/wz/newwalterzorn.css">
<style id=style_wz type="text/css">
<!-- body { padding:40px; } -->
</style id=style_wz_end>
<script id=script_tracker>
function tracker(args) {
alert( "BUGS_600 tracker args="+args );
if( trackflag == "" ) {
trackflag="on";
}
else {
}
return(args);
}
</script id=script_tracker_end>
</head>
<body bgcolor=linen>
<script id=script_wz_dragdrop type="text/javascript" src="/js/wz/wz_dragdrop.js"> </script id=script_wz_dragdrop_end>
<div id=div_blobs>
<h1>div_blobs</h1>
<img id=img_blob_red src=/imgs/btn/blob_red alt=" blob_red" onclick="onclicks('blob_red'); return false;" title=" blob_red" height=50 border=0>
<img id=img_blob_blue src=/imgs/btn/blob_blue alt=" blob_blue" onclick="onclicks('blob_blue'); return false;" title=" blob_blue" height=50 border=0>
<img id=img_blob_yellow src=/imgs/btn/blob_yellow alt=" blob_yellow" onclick="onclicks('blob_yellow'); return false;" title=" blob_yellow" height=50 border=0>
<img id=img_blob_green src=/imgs/btn/blob_green alt=" blob_green" onclick="onclicks('blob_green'); return false;" title=" blob_green" height=50 border=0>
<img id=img_blob_white src=/imgs/btn/blob_white alt=" blob_white" onclick="onclicks('blob_white'); return false;" title=" blob_white" height=50 border=0>
<img id=img_blob_black src=/imgs/btn/blob_black alt=" blob_black" onclick="onclicks('blob_black'); return false;" title=" blob_black" height=50 border=0>
</div id=div_blobs_end>
<div id=div_tracker>
<h1>div_tracker</h1>
<hr color=black>
<hr color=white>
<form id=form_wz name="myForm">
<center>
<table id=table_wz_track>
<tr>
<td align="right">name = </td>
<td><input name="NAME" type="text" size="12"></td>
<td align="right"> x = </td>
<td><input name="X" type="text" size="12"></td>
<td align="right"> y = </td>
<td><input name="Y" type="text" size="12"></td>
</tr>
</table id=table_wz_track_end>
</center>
</form id=form_wz_end>
<hr color=white>
<hr color=black>
</div id=div_tracker_end>
<br>
<hr color=black>
<img id=img_wz_track name=img_wz_track title=" img_wz_track" src=/imgs/btn/koeyew.png onclick="toggle('div_wz_track',''); return false;" height=20 border=0>div_wz_track
<br>
<hr color=white>
<div id=div_wz_track>
<h1>div_wz_track</h1>
<br>
<h3 align="center">Tracking images</h3>
<p align="center">
<img src="/fb/jtfdc/pages/1.jpg" name="img_jtfdc" width="400" height="500" alt="">
</p>
<p align="center"> drag around... </p>
<p align="center">
<img src="/imgs/gif/ring.gif" name="img_ringd" width="300" height="300" alt="">
</p>
<br>
<hr color=black>
<hr color=white>
<form id=form_wz name="myForm">
<center>
<img id=img_tracker
src=/imgs/btn/kob.png
alt=" img_tracker"
onclick="tracker(''); return false;"
height=50 border=0 >tracker
>
<br>
<table id=table_wz_track>
<tr>
<td align="right">name = </td>
<td><input name="NAME" type="text" size="12"></td>
<td align="right"> x = </td>
<td><input name="X" type="text" size="12"></td>
<td align="right"> y = </td>
<td><input name="Y" type="text" size="12"></td>
</tr>
</table id=table_wz_track_end>
</center>
</form id=form_wz_end>
<hr color=white>
<hr color=black>
<script id=script_wz_track type="text/javascript">
<!--
SET_DHTML(CURSOR_MOVE, TRANSPARENT, "img_jtfdc", "img_ringd");
if( trackerflag=="on" ) {
for (var i = 0; i < 2; i++) {
dd.elements[i].copy();
dd.elements[i].copies[0].hide();
}
}
function my_PickFunc() {
if( trackerflag=="on" ) {
dd.obj.copies[0].moveTo(dd.obj.x, dd.obj.y);
dd.obj.copies[0].show();
}
}
function my_DropFunc() {
if( trackerflag=="on" ) {
dd.obj.copies[0].hide();
document.myForm.NAME.value = dd.obj.name;
document.myForm.X.value = dd.obj.x;
document.myForm.Y.value = dd.obj.y;
}
}
// The following loop creates a copy for each of the two images,
// but hides that copy immediately while the page is still loading
// The following two functions override their empty namesakes predefined in wz_dragdrop.js.
// They are automatically invoked from wz_dragdrop.js when a drag operation starts
// and ends, respectively.
// Here we make the non-transparent 'placeholder' copy of the dragged image visible
// and move it to the place where the drag operation starts
// Here we hide the 'placeholder' again
// Write the name and coordinates of the dropped item into form inputs:
//-->
</script id=script_wz_track_end>
</body>
</html>
//
koh5_pano
Drag mouse to navigate.
Navigation
- Left/Right Mouse drag: Changes camera heading.
- Up/Sown Mouse drag: Changes camera pitch.
- Scroll wheel: Changes camera field of view.
- I-Key: Displays Info panel with canvas size, image size and FPS.
17.Aug.2010, Martin Wengenmayer