DIR : /home/kozerus/public_html/wz/wz_frame_right.html
/home/kozerus/public_html/wz
<html>
<head>
<title>/ko/wz_frame_right.html 20230225_1933</title>
<link rel="stylesheet" type="text/css" href="/js/wz/newwalterzorn.css">
</head>
<body bgcolor=linen>
<script type="text/javascript" src="/js/wz/wz_dragdrop.js"></script>
<table cellpadding="6">
<tr>
<th>
<big>
Cross-Frame Communication with wz_dragdrop.js
</big>
</th>
</tr>
<tr>
<td>
Click (repeatedly) on images...
</td>
</tr>
<tr>
<td>
<img name="prairiedog" src="/imgs/btn/koeyeb.png" width="100" height="20" alt="">
</td>
</tr>
<tr>
<td>
<img name="chameleon" src="/imgs/btn/koeyew.png" width="100" height="20" alt="">
</td>
</tr>
<tr>
<td>
<img name="einstein" src="/imgs/btn/koeye_handhither.gif" width="50" height="50:w
" alt="">
</td>
</tr>
<tr>
<td>
Access to drag&drop items in a different frame is feasible via a statement like
<br> <br>
<tt>parent.FrameName.dd.elements['ItemName']</tt>
<br> <br>
(look at the source code of this frame).
On the <b><a href="../../api_e.htm" target="_top">API reference of wz_dragdrop.js</a></b> you'll find more details about how to do scripting with drag&drop items.
<br> <br>
<a href="../demos.htm" target="_top">Back, Zurück</a>
</p>
</td>
</tr>
</table>
<script type="text/javascript">
<!--
SET_DHTML(CURSOR_CROSSHAIR, "prairiedog"+VERTICAL+HORIZONTAL, "chameleon"+VERTICAL+HORIZONTAL, "einstein"+VERTICAL+HORIZONTAL);
// Combining VERTICAL and HORIZONTAL is the easiest way to fix elements
function my_PickFunc() // This function overrides it's namesake in wz_dragdrop.js
{
if (parent.left && parent.left.dd) // does the left frame exist?
{
parent.left.dd.elements[dd.obj.name].copy();
// Creates a copy of the clicked image's match (same name!) in the left frame
var copieslength = parent.left.dd.elements[dd.obj.name].copies.length;
// Current number of copies
parent.left.dd.elements[dd.obj.name].copies[copieslength-1].moveTo (parent.left.dd.elements[dd.obj.name].x + 10*copieslength, parent.left.dd.elements[dd.obj.name].y + 10*copieslength);
// Offsets the current copy by 10 px from the previous.
var comment = parent.left.dd.elements.comment;
if (!comment.visible) comment.show(); // Show the initially hidden comment DIV in the left frame
}
}
//-->
</script>
<a href=/ko/wz_frame.html target=_blank><img src=/imgs/btn/kob.png></a>frame
<a href=/ko/wz_frame_left.html target=_blank><img src=/imgs/btn/kob.png></a>left
<a href=/ko/wz_frame_right.html target=_blank><img src=/imgs/btn/kob.png></a>right
</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