DIR : /home/kozerus/public_html/js/wz_connects/wz_connects.html
/home/kozerus/public_html/js/wz_connects
<html>
<head>
<title>/js/wz/wz_sailboat/wz_sailboat.html 20230213_1130</title>
<!--
<title>/js/wz/wz_sailboat/wz_anim.html 20230209_2031</title>
-->
<script id=script_head>
function head(args) {
htmout="";
htmout+="BUGS_100 head args="+args+" items="+items );
alert(htmout);
return(htmout);
}
</script id=script_head_end>
<script id=script_lists>
lists('');
kolists = [];
kolists['imgs']=`
../../fb/jtfdcr/pages/0.jpg
../../fb/jtfdcr/pages/1.jpg
../../fb/jtfdcr/pages/2.jpg
../../fb/jtfdcr/pages/3.jpg
../../fb/jtfdcr/pages/4.jpg
../../fb/jtfdcr/pages/5.jpg
../../fb/jtfdcr/pages/6.jpg
../../fb/jtfdcr/pages/7.jpg
../../fb/jtfdcr/pages/8.jpg
../../fb/jtfdcr/pages/9.jpg
`;
kolists['contacts']=`
id1|name1|phn1|firm1|site1|email1|note1|action1|status1|date1|
id2|name2|phn2|firm2|site2|email2|note2|action2|status2|date2|
id3|name3|phn3|firm3|site3|email3|note3|action3|status3|date3|
id0|name0|phn0|firm0|site0|email0|note0|action0|status0|date0|
`;
kolists['items']=`
items0
items1
items2
items3
`;
function lists(args) {
htmout="";
imgs=kolists['imgs'].split("\n");
contacts=kolists['contacts'].split("\n");
items=kolists['items'].split("\n");
htmout+="BUGS_27 lists imgs="+imgs+"<br>\n";
htmout+="BUGS_28 lists contacts="+contacts+"<br>\n";
htmout+="BUGS_29 lists items="+items+"<br>\n";
alert( "BUGS_30 lists htmout="+htmout );
return(htmout);
}
</script id=script_lists>
<script type="text/javascript" src="/js/wz/wz_sailboat/wz_dragdrop.js"></script>
<script type="text/javascript" src="/js/wz/wz_sailboat/wz_library.js"></script>
<script type="text/javascript" src="/js/wz/wz_sailboat/wz_graphics.js"></script>
<!-- <script type="text/javascript" src="/js/wz/wz_sailboat/wz_tooltip.js"></script> -->
<script id=script_toggle>
function toggle(divid) {
var imgid=divid.replace("div_","img_" );
if(! document.getElementById(divid)) { return; }
var imgid=divid.replace("div_","img_" );
style_display=document.getElementById(divid).style.display;
if( style_display == "none" ) {
img="<img src=/imgs/btn/koeyew.png id="+imgid+" height=75 onclick=\"toggle('"+divid+"'); return false;\" >";
document.getElementById(divid).style.display="inline";
document.getElementById(imgid).innerHTML=img;
document.getElementById(imgid).src="/imgs/btn/koeyew.png";
// alert( "BUGS_37891 INLINE img="+img );
}
else {
img="<img src=/imgs/btn/koeyeb.png id="+imgid+" height=75 onclick=\"toggle('"+divid+"'); return false;\" >";
document.getElementById(divid).style.display="none";
document.getElementById(imgid).innerHTML=img;
document.getElementById(imgid).src="/imgs/btn/koeyeb.png";
}
}
</script id=script_toggle_end>
<script id="toggles">
function toggles(element) {
var htmout = ""; var htmout_b = "";
var j=0; var k=0;
var htmbugs = "";
htmbugs += '<div id="div_htmbugs">';
htmbugs += ' <h1>div_htmbugs</h1>';
htmbugs += ' <pre>';
var style_d = "_style_d";
var style_v = "_style_v";
var divid = "";
var div_divid = "";
// var divids = "konet iperms <hr> jkwii jk sk skwii <hr> jtfdc jtfinc jtfdcr <hr> law med kou kids <hr> av db dd fb pn sl tl tm yt zm <hr> abc media files misc mess xyz".split(" ");
var divids = "konet iperms jtfdcr <hr> fb pdf pn tm tl zm <hr> file forms".split(" ");
// alert( "BUGS_102 divids="+divids );
htmout += '<div id="div_buttons_toggle">';
htmout_b += '<div id="div_buttons_toggle_b">';
if(( element == "div_alloff" )) {
for( j=0; j<divids.length; j++ ) {
// htmout = ""; htmout_b="";
divid=divids[j];
div_divid="div_"+divid;
if( divid == "<br>" ) {
htmout += divid;
htmout_b += divid;
continue;
}
if( divid == "<hr>" ) {
htmout += divid;
htmout_b += divid;
continue;
}
if(! document.getElementById(div_divid)) { continue; }
if( document.getElementById(div_divid)) {
document.getElementById(div_divid).style.display="none";
}
htmout += '<img src="/imgs/btn/koeyeb_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">';
htmout_b += '<img src="/imgs/btn/koeyeb_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">';
}
htmout += " </div>\n";
htmout_b += " </div>\n";
document.getElementById("div_buttons_toggle").innerHTML = htmout;
document.getElementById("div_buttons_toggle_b").innerHTML = htmout_b;
return;
}
if(( element == "div_toggle" )) {
// htmout = ""; htmout_b="";
for( j=0; j<divids.length; j++ ) {
divid=divids[j];
div_divid="div_"+divid;
if( divid == "<br>" ) {
htmout += divid;
htmout_b += divid;
continue;
}
if( divid == "<hr>" ) {
htmout += divid;
htmout_b += divid;
continue;
}
// alert( "BUGS_1770 toggle toggle j="+j+" element="+element );
if(! document.getElementById(div_divid)) { continue; }
if( document.getElementById(div_divid)) {
if( document.getElementById(div_divid).style.display == "none" ) {
document.getElementById(div_divid).style.display="inline";
htmout += '<img src="/imgs/btn/koeyew_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">';
htmout_b += '<img src="/imgs/btn/koeyew_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">';
}
else {
document.getElementById(div_divid).style.display="none";
htmout += '<img src="/imgs/btn/koeyeb_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">';
htmout_b += '<img src="/imgs/btn/koeyeb_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">';
}
}
}
htmout += " </div>\n";
htmout_b += " </div>\n";
document.getElementById("div_buttons_toggle").innerHTML = htmout;
document.getElementById("div_buttons_toggle_b").innerHTML = htmout_b;
return;
}
if( element == "div_allon" ) {
// htmout = ""; htmout_b = "";
for( j=0; j<divids.length; j++ ) {
divid=divids[j];
div_divid="div_"+divid;
if( divid == "<br>" ) {
htmout += divid;
htmout_b += divid;
// alert( "BUGS_105 <BR> divid="+divid+" htmout="+htmout );
continue;
}
if( divid == "<hr>" ) {
htmout += divid;
htmout_b += divid;
// alert( "BUGS_105 <HR> divid="+divid+" htmout="+htmout );
continue;
}
if(! document.getElementById(div_divid)) { continue; }
if( document.getElementById(div_divid)) {
document.getElementById(div_divid).style.display="inline";
}
htmout += '<img src="/imgs/btn/koeyew_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">\n';
htmout_b += '<img src="/imgs/btn/koeyew_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">\n';
// alert( "BUGS_115 j="+j+" divid="+divid+" htmout="+htmout+ "element="+element );
}
document.getElementById("div_buttons_toggle").innerHTML = htmout;
document.getElementById("div_buttons_toggle_b").innerHTML = htmout_b;
return;
}
// alert( "BUGS_1800 toggle element="+element );
for( j=0; j<divids.length; j++ ) {
divid=divids[j];
div_divid="div_"+divid;
if( divid == "<br>" ) {
// alert( "BUGS_151 <BR> divid="+divid+" element="+element );
htmout += divid;
continue;
}
if( divid == "<hr>" ) {
// alert( "BUGS_152 <HR> divid="+divid+" element="+element );
htmout += divid;
continue;
}
if(! document.getElementById(div_divid)) { continue; }
style_v = document.getElementById(div_divid).style.visibility;
// alert( "BUGS_132 j="+j+" style_d="+style_d+" style_v="+style_v );
// document.getElementById(div_divid).style.display = "none";
style_d = document.getElementById(div_divid).style.display;
// alert( "BUGS_133 j="+j+" style_d="+style_d+" style_v="+style_v );
htmbugs += "htmbugs j="+j+" divid="+divid;
htmbugs += " -== div_divid="+div_divid;
htmbugs += " element="+element;
htmbugs += " =- -=";
htmbugs += " style_d="+style_d+"";
htmbugs += " style_v="+style_v+"";
htmbugs += "====================\n";
// if( div_divid.match(/element/) != '') {
// if( div_divid.match(element)) {
// if( div_divid == element ) {
// alert( "BUGS_141 _MATCH_ div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v );
// htmbugs += "BUGS_141 _MATCH_ div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v;
// }
// else {
// alert( "BUGS_142 nomatch div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v );
// htmbugs += "BUGS_142 _match_ div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v;
// }
// selected button
// if( div_divid.match(element) ) {
if( div_divid == element ) {
style_d = document.getElementById(div_divid).style.display;
// alert( "BUGS_160 MATCH div_divid="+div_divid+" element="+element+" style_d="+style_d );
if( document.getElementById(div_divid).style.display == "none" ) {
htmout += '<img src="/imgs/btn/koeyew_'+divid+'.png" height=50 onclick="toggles(\''+div_divid+'\');return false;" alt="btn_'+divid+'_hide">';
htmbugs += "BUGS_161 _DIV_DIVID-NONE div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v;
document.getElementById(div_divid).style.display="inline";
}
else {
htmout += '<img src="/imgs/btn/koeyeb_'+divid+'.png" height=50 onclick="toggles(\''+div_divid+'\');return false;" alt="btn_'+divid+'_hide">';
htmbugs += "BUGS_162 DIV_DIVID-INLINE div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v;
document.getElementById(div_divid).style.display="none";
}
}
// other buttons
// else {
if( div_divid != element ) {
// alert( "BUGS_170 rest div_divid="+div_divid+" element="+element );
if( document.getElementById(div_divid).style.display == "none" ) {
htmout += '<img src="/imgs/btn/koeyeb_'+divid+'.png" height=50 onclick="toggles(\''+div_divid+'\');return false;" alt="btn_'+divid+'_hide">';
htmbugs += "BUGS_171 div_divid_none div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v;
}
else {
htmout += '<img src="/imgs/btn/koeyew_'+divid+'.png" height=50 onclick="toggles(\''+div_divid+'\');return false;" alt="btn_'+divid+'_hide">';
htmbugs += "BUGS_172 div_divid_inline div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v;
}
}
if( divid == "pn" ) { htmout += "<br>"; }
if( divid == "<br>" ) { htmout += "<br>\n"; }
if( divid == "<hr>" ) { htmout += "<hr>\n"; }
}
htmout += ' </div>';
htmbugs += " </pre>";
htmbugs += " </div>";
// alert( "BUGS_181 toggles divid="+divid+" htmout="+htmout );
// alert( "BUGS_200 htmbugs="+htmbugs );
// document.getElementById("div_htmbugs").innerHTML = htmbugs;
document.getElementById("div_buttons_toggle").innerHTML = htmout;
document.getElementById("div_buttons_toggle_b").innerHTML = htmout;
}
</script>
<script id=script_startup>
function startup(args) {
htmout="";
htmout+="BUGS_800 startup args="+args+" items="+items );
htmout+=head('startup');
htmout+=anim('startup');
htmout+=tail('startup');
alert(htmout);
return(htmout);
}
</script id=script_startup_end>
<script id=script_tail>
function tail(args) {
htmout="";
htmout+="BUGS_900 tail args="+args+" items="+items );
alert(htmout);
return(htmout);
}
</script id=script_tail_end>
<body bgcolor=linen onload="startup(''); return false;">
<hr color=black>
<hr color=white>
<h1>
d r a f t
       
P R E V I E W
       
<img src=/imgs/btn/kop12.png height=20 border=0>
K O _ S A I L B O A T
<img src=/imgs/btn/kop34.png height=20 border=0>
       
<font style="font-size:18">20230213_1000</font>
</h1>
<hr>
<hr color=yellow>
<hr color=white>
<hr color=blue>
<!--
<a href="http://www.walterzorn.de/dragdrop/dragdrop.htm" target="_top">
<img src="/js/wz/wz_sailboat/germany.gif" alt="German version" width="22" height="15" border="0" align="middle">
</a>
-->
<!--
<table id=table_wzlinks
<tr>
<td><a href="http://walterzorn.de/en/index.htm">Home</a></td>
<td><a href="http://walterzorn.de/en/jsgraphics/jsgraphics_e.htm">VectorGraphics-Library</a></td>
<td><a href="http://walterzorn.de/en/tooltip/tooltip_e.htm">Tooltips</a></td>
<td><a href="http://walterzorn.de/en/grapher/grapher_e.htm">Function-Grapher</a></td>
</tr>
</table>
-->
<script id=script_anim>
function anim(args) {
items=`
/fb/jtfdcr/pages/IMG_7856.png|byrdsieg_dogs3
IMG_8947.png|kids2_cycle
jtf30_jackcam2.png|jackcam2
jtf32_snap_20170123_187588.png|donovan_dober1
jtf31_snap_20170123_187600_downporch_partygame_harrassment.png|jtf31_partygang
jtf39_daily_autonomous_patrol.png|jtf39_dog_baily
jtf32_doberwatchers_2of4
jtf30_doogy2_autonomous_patrol2.png|jtf30_dog_doogy
snap_20170123_187561_jtf29_jtf38_39_byrd_segrist_tresspass_threats2.jpg|
snap_20170123_187562_jatf29)jtf38_29_byrd_seagrist_tresspass_trheats.jpg|byrdseg_dog2_sideview
snap_20170123_187569_jtf29_ljackmow_notresspas_per_new_jtfdc_trustyelder.jpg|jtf28_mow_notrespass
snap_20170123_187583_jtfdc_little_garbage.jpg|jtfdc_little_garbage_truck
snap_20170123_1875893.jpg|jtf31_party_stalkarounds
snap_20170123_197537_map_jtfinc.jpgajtfdc_|map_graphic
snap_20170123_197544.png|jtfdc_map_graphic2
snap_20170123_197547.jpg|jtf2930_shareddrive
snap_20170123_197553.jpg|jtfinc_map_north
snap_20170123_197554.jpg|jtfinc_map_byrd2jtfdc
zn_donutvanlaw_takings_all_took.jpg|
waxpaper.jpg|
stlcounty_kassil_bench_probation_20170918-1818__002.jpg
IMG_7639.png|jtf32_jtf28_donovan_scheming
IMG_7569.png|jtfdc_jtf31_speedbump_potholes
IMG_7567.png|jtf31_trespas_parking
IMG_7450.png|dogboy_stalkaround
IMG_7306.png|jtf2939_driveway_bike_wagon
IMG_7288.png|jtf31_fiona_freeroam
IMG_7285.png|jtf2930_driveway_bike_owl
IMG_7235.png|jtf29_driveway_mower_basketball_potholes
IMG_7218.png|jtfinc_signs
IMG_7184.png|jtf39_sign_posted_kassil_gohome
IMG_7160.png|jtf30_jtf28_scheming
IMG_7042.png|jtf38_segrists_dog1_stalkaround
IMG_7794.png|stlc_truck
IMG_7768.png|jtf29_driveway_stalkaround_trucks
IMG_7767.png|jtf29_stalkaround_jtf39_treetrucks
IMG_7766.png|jtf29_stalkaround_jtf39_treetrucks
IMG_7706.png|jtf31_property_taking
IMG_7703.png|jtf31_property_taking_sawhorse_rearangment
IMG_7643.png|jtf32_jtf28_scheming
IMG_7642.png|jtf32_jtf28_scheming
IMG_7600.png|jtf31_jtfdc_easment_trespass
IMG_7569.png|jtfinc_roaddues_bigtruck_damage
IMG_6946.png|jtfinc_roaddues_bigtruck_damage
IMG_6861.png|jtf29_driveway_damage_ledger
IMG_6843.png|jtf29_jtf39_byrd_trespass_vandalsm
IMG_6837.png|jtfdv_est_19790329_
IMG_6836.png|jtd29_jtf31_driveway_suv_assault_daugterinlaw_20190825_0952
IMG_6275.png|konet_20130215_97835_dollar_leidos_check
IMG_6272.png|konet_4mth_invoices_97835_leidos_saic
IMG_6070.png|jtf32_donovan_beware_dog_sign
IMG_6048.png|jtf30_jtf31_jtf32_scheming
IMG_6047.png|jtf29_swat_assault
defford_boat.jpg|jtf28_pontoon_boat_front_lawn
columbia_pw_adminwii_ko2usw|columbia_protection_welcom
20161007_jtflaw_065.jpg|stlc_nuisances_314-799-0560_mathew_bu
20161007_jtflaw_065.jpg|jtfinc_trustee_illigal_taking
20161007_jtflaw_062.jpg|jtf29-30_easement_creating_common_driveway_1998
20161007_jtflaw_061.jpg|jtf29-30_easment_rees
20161007_jtflaw-053.jpg|jtfinc_jtfdc_vote
20161007_jtflaw_008.jpg|jtfdc_keuhlig_trustees_no_authority_whatsoever_over_lots_282930
998.jpg|law_cover
`.split("\n");
htmout=""; j=0; k=0; i=0;
for( j=0; j<items.length; j++ ) {
desc="_desc_";
file=items[j].split("|")[0];
if( file == "" ) { continue; }
if( items.length > 0 ) { desc=items[j].split("|")[1]; }
htmout+="j="+j+" file="+file+" desc="+desc+"<br>\n";
}
if( document.getElementById('div_anim')) {
document.getElementById('div_anim').innerHTML=htmout
}
alert( "BUGS_170 ANIM items="+items );
return(htmout);
}
</script id=script_anim_end>
<img id=img_anim title=" anim" src=/imgs/btn/koeye.png onclick="toggle('div_anim'); return false;" height=20 border=0>anim
<br>
<div id=div_anim>
<hr color=black>
<hr color=white>
<img name="rabbit" src="/imgs/btn/kop1234.png" alt="Drag&Drop Image" style="visibility: hidden;" width="62" height="25">
<img name=hounds src=/imgs/btn/brdb.png alt="hounds rabbit" style="visibility: hidden;" height=25>
<img name=houndsb src=/imgs/btn/kob.png alt="houndsb rabbit" style="visibility: hidden;" height=25>
<img name=houndsw src=/imgs/btn/kow.png alt="houndsw rabbit" style="visibility: hidden;" height=25>
<img name=kob src=/imgs/btn/kob.png alt=" kob" style="visibility: hidden;" height=25>
<img name=kow src=/imgs/btn/kow.png alt=" kow" style="visibility: hidden;" height=25>
<img name=sea src=/js/wz/wz_sailboat/sea.png alt=" sea" style="visibility: hidden;" height=300 width=1100>
<img name=sky src=/js/wz/wz_sailboat/sky.png alt=" sky" style="visibility: hidden;" height=300 width=1100>
<img name=sun src=/js/wz/wz_sailboat/sun.png alt=" sun" style="visibility: hidden;" height=300>
<img name=clouds src=/js/wz/wz_sailboat/clouds.png alt=" lighhouse" style="visibility: hidden;" height=200>
<img name=lighhouse src=/js/wz/wz_sailboat/lighhouse.png alt=" lighhouse" style="visibility: hidden;" height=200>
<img name=sailboat src=/js/wz/wz_sailboat/sailboat.png alt=" sailboat" style="visibility: hidden;" height=300>
<img name=whale src=/js/wz/wz_sailboat/whale.png alt=" whale" style="visibility: hidden;" height=100 width=150>
<br>
<img name=bird src=/js/wz/wz_sailboat/bird.png alt=" bird" style="visibility: hidden;" height=100>
<img name=bird1 src=/js/wz/wz_sailboat/bird1.png alt=" bird1" style="visibility: hidden;" height=100>
<img name=bird2 src=/js/wz/wz_sailboat/bird2.png alt=" bird1" style="visibility: hidden;" height=100>
<img name=bird3 src=/js/wz/wz_sailboat/bird3.png alt=" bird1" style="visibility: hidden;" height=100>
<img name=bird4 src=/js/wz/wz_sailboat/bird4.png alt=" bird2" style="visibility: hidden;" height=100>
<img name=trails src=/js/wz/wz_sailboat/trails.png alt=" light3" style="visibility: hidden;" height=50 width=150>
<img name=trails1 src=/js/wz/wz_sailboat/trails1.png alt=" light3" style="visibility: hidden;" height=50 width=150>
<img name=trails2 src=/js/wz/wz_sailboat/trails2.png alt=" light3" style="visibility: hidden;" height=50 width=150>
<img name=trails3 src=/js/wz/wz_sailboat/trails3.png alt=" light3" style="visibility: hidden;" height=50 width=150>
<img name=trails4 src=/js/wz/wz_sailboat/trails4.png alt=" light3" style="visibility: hidden;" height=50 width=150>
<hr color=white>
<hr color=black>
</div id=div_actions_end>
<!--
<small>Walter Zorn, Munich <a href="http://www.kreuzotter.de/impressum.htm">impressum</a></small>
-->
<script type="text/javascript">
<!--
// SET_DHTML(CURSOR_MOVE, RESIZABLE, NO_ALT, SCROLL, "bikegoeteborg"+TRANSPARENT, "bluelyr"+TRANSPARENT, "button"+VERTICAL+HORIZONTAL+CURSOR_DEFAULT, "cat"+TRANSPARENT, "chameleon", "counter", "greylyr"+TRANSPARENT, "koala", "leop", "rabbit", "muckl"+TRANSPARENT+COPY+4, "northcape"+TRANSPARENT, "redarrow", "reldiv", "reldivn4", "reldiv2"+TRANSPARENT, "reldiv2n4"+TRANSPARENT, "reltab", "sepline1"+NO_DRAG, "skitour"+TRANSPARENT, "slidercanvas", "smile1"+SCALABLE, "thumb"+HORIZONTAL+MAXOFFLEFT+45+MAXOFFRIGHT+45, "track"+NO_DRAG, "tryit", "hounds");
// SET_DHTML(CURSOR_MOVE, RESIZABLE, NO_ALT, SCROLL, "rabbit", "hounds", "houndsb", "houndsw" );
SET_DHTML(CURSOR_MOVE, RESIZABLE, NO_ALT, SCROLL);
SET_DHTML( "rabbit" );
SET_DHTML( "hounds" );
SET_DHTML( "houndsb", "houndsw" );
SET_DHTML( "sailboat"+RESIZABLE+TRANSPARENT );
SET_DHTML( "lighthouse"+RESIZABLE+TRANSPARENT );
SET_DHTML( "sun"+RESIZABLE+TRANSPARENT );
SET_DHTML( "clouds"+RESIZABLE+TRANSPARENT );
SET_DHTML( "sky"+RESIZABLE+TRANSPARENT );
SET_DHTML( "sea"+RESIZABLE+TRANSPARENT );
SET_DHTML( "whale"+RESIZABLE+TRANSPARENT );
SET_DHTML( "bird"+RESIZABLE+TRANSPARENT );
SET_DHTML( "bird1"+RESIZABLE+TRANSPARENT );
SET_DHTML( "bird2"+RESIZABLE+TRANSPARENT );
SET_DHTML( "bird3"+RESIZABLE+TRANSPARENT );
SET_DHTML( "bird4"+RESIZABLE+TRANSPARENT );
SET_DHTML( "trails"+RESIZABLE+TRANSPARENT );
SET_DHTML( "trails1"+RESIZABLE+TRANSPARENT );
SET_DHTML( "trails2"+RESIZABLE+TRANSPARENT );
SET_DHTML( "trails3"+RESIZABLE+TRANSPARENT );
SET_DHTML( "trails4"+RESIZABLE+TRANSPARENT );
SET_DHTML( "kob"+RESIZABLE+TRANSPARENT );
SET_DHTML( "kow"+RESIZABLE+TRANSPARENT );
// SET_DHTML(CURSOR_MOVE, RESIZABLE, NO_ALT, SCROLL, "rabbit", "hounds", "houndsb", "houndsw" );
// Kreuzotter-vs-Uplefts Animation, demonstrating how to use the API of the DragDrop-Library
function ANIM() {
if (!dd.obj || !dd.op6) {
if (dd.elements.rabbit.z <= dd.elements.hounds.z)
dd.elements.hounds.setZ(dd.elements.rabbit.z - 1);
if (dd.elements.rabbit.z <= dd.elements.houndsb.z)
dd.elements.houndsb.setZ(dd.elements.rabbit.z - 2);
if (dd.elements.rabbit.z <= dd.elements.houndsw.z)
dd.elements.houndsw.setZ(dd.elements.rabbit.z - 3);
dd.elements.hounds.moveTo(
dd.elements.hounds.x <= -dd.elements.hounds.w?
iW - dd.elements.hounds.w - 20 :
(dd.elements.hounds.x - 3),
(dd.obj==dd.elements.hounds)?
dd.elements.hounds.y :
(dd.elements.rabbit.y - dh)
);
dd.elements.rabbit.moveTo(
dd.elements.rabbit.x <= -dd.elements.rabbit.w?
iW-dd.elements.rabbit.w-20 :
(dd.elements.rabbit.x-5),
dd.elements.hounds.y + dh
);
dd.elements.kob.moveTo(
dd.elements.kob.x <= -dd.elements.kob.w?
iW-dd.elements.kob.w-20 :
(dd.elements.kob.x-5),
dd.elements.kob.y + dh
);
dd.elements.kow.moveTo(
dd.elements.kow.x <= -dd.elements.kow.w?
iW - dd.elements.kow.w - 20 :
(dd.elements.kow.x - 3),
(dd.obj==dd.elements.kow)?
dd.elements.kow.y :
(dd.elements.kow.y - dh)
);
dd.elements.sailboat.moveTo(
dd.elements.sailboat.x <= -dd.elements.sailboat.w?
iW-dd.elements.sailboat.w-20 :
(dd.elements.sailboat.x-5),
dd.elements.sailboat.y + dh
);
dd.elements.whale.moveTo(
dd.elements.whale.x <= -dd.elements.whale.w?
iW-dd.elements.whale.w-20 :
(dd.elements.whale.x-5),
dd.elements.whale.y + dh
);
dd.elements.lighthouse.moveTo(
dd.elements.lighthouse.x <= -dd.elements.lighthouse.w?
iW-dd.elements.lighthouse.w-20 :
(dd.elements.lighthouse.x-5),
dd.elements.lighthouse.y + dh
);
dd.elements.clouds.moveTo(
dd.elements.clouds.x <= -dd.elements.clouds.w?
iW-dd.elements.clouds.w-20 :
(dd.elements.clouds.x-5),
dd.elements.clouds.y + dh
);
dd.elements.trails.moveTo(
dd.elements.trails.x <= -dd.elements.trails.w?
iW-dd.elements.trails.w-20 :
(dd.elements.trails.x-5),
dd.elements.trails.y + dh
);
dd.elements.trails1.moveTo(
dd.elements.trails1.x <= -dd.elements.trails1.w?
iW-dd.elements.trails1.w-20 :
(dd.elements.trails1.x+5),
dd.elements.trails1.y + dh
);
dd.elements.trails2.moveTo(
dd.elements.trails2.x <= -dd.elements.trails2.w?
iW-dd.elements.trails2.w-20 :
(dd.elements.trails2.x-5),
dd.elements.trails2.y - dh
);
dd.elements.trails3.moveTo(
dd.elements.trails3.x <= -dd.elements.trails3.w?
iW-dd.elements.trails3.w-20 :
(dd.elements.trails3.x-5),
dd.elements.trails3.y + dh
);
dd.elements.trails4.moveTo(
dd.elements.trails4.x <= -dd.elements.trails4.w?
iW-dd.elements.trails4.w-20 :
(dd.elements.trails4.x-5),
dd.elements.trails4.y - dh
);
dd.elements.bird.moveTo(
dd.elements.bird.x <= -dd.elements.bird.w?
iW-dd.elements.bird.w-20 :
(dd.elements.bird.x-5),
dd.elements.bird.y + dh
);
dd.elements.bird1.moveTo(
dd.elements.bird1.x <= -dd.elements.bird1.w?
iW-dd.elements.bird1.w-20 :
(dd.elements.bird1.x+5),
dd.elements.bird1.y + dh
);
dd.elements.bird2.moveTo(
dd.elements.bird2.x <= -dd.elements.bird2.w?
iW-dd.elements.bird2.w-20 :
(dd.elements.bird2.x-5),
dd.elements.bird2.y - dh
);
dd.elements.bird3.moveTo(
dd.elements.bird3.x <= -dd.elements.bird3.w?
iW-dd.elements.bird3.w-20 :
(dd.elements.bird3.x+5),
dd.elements.bird3.y + dh
);
dd.elements.bird4.moveTo(
dd.elements.bird4.x <= -dd.elements.bird4.w?
iW-dd.elements.bird4.w-20 :
(dd.elements.bird4.x-5),
dd.elements.bird4.y - dh
);
}
setTimeout("ANIM()", dd.kq? 200 : 100);
}
// override funcs defined within the Lib
function my_PickFunc() {
if (dd.obj.name == 'button') dd.obj.swapImage(insetbutton.src);
if (!dd.obj.name.indexOf('muckl') && dd.obj.x == dd.obj.defx) {
if (dd.elements.muckl.copies.length < 80) dd.elements.muckl.copy();
}
}
function my_DragFunc() {
if (dd.obj.name == 'thumb') {
var red = parseInt((dd.elements.thumb.x-dd.elements.thumb.defx)*255/45),
blue = -red,
green = (255-Math.abs(red)).toString(16);
red = (red > 0? red : 0).toString(16);
blue = (blue > 0? blue : 0).toString(16);
while (red.length < 2) red = '0'+red;
while (blue.length < 2) blue = '0'+blue;
while (green.length < 2) green = '0'+green;
dd.elements.slidercanvas.setBgColor("#"+red+green+blue);
}
}
function my_DropFunc() {
if (dd.obj.name == 'button') {
dd.obj.swapImage(outsetbutton.src);
var minh = dd.elements.button.h+((dd.elements.button.y-dd.elements.greylyr.y)<<1);
dd.elements.greylyr.resizeTo(
dd.elements.greylyr.w,
(dd.elements.greylyr.h != minh)? minh : 300
);
}
}
var outsetbutton = new Image();
// outsetbutton.src = '../images/dragdrop/button_outset.gif';
outsetbutton.src = '/imgs/btn/koeyeb.png';
var insetbutton = new Image();
// insetbutton.src = '../images/dragdrop/button_inset.gif';
insetbutton.src = 'imgs/btn/koeyew.png';
var iW = dd.getWndW(),
dh = dd.elements.hounds.h - dd.elements.rabbit.h;
ANIM();
dd.elements.bluelyr.moveTo(
(iW-dd.elements.bluelyr.w)>>1,
dd.elements.counter.defy-dd.elements.bluelyr.h-30
);
dd.elements.greylyr.moveTo(dd.elements.sepline1.x-2, dd.elements.sepline1.y+110);
dd.elements.bluelyr.show();
dd.elements.greylyr.show();
dd.elements.thumb.moveTo(dd.elements.track.x+36, dd.elements.track.y);
dd.elements.thumb.setZ(dd.elements.track.z+1);
dd.elements.track.addChild('thumb');
dd.elements.thumb.defx = dd.elements.track.x+36;
//-->
</script id=script_wz>
<img id=img_wz title=" wz" src=/imgs/btn/koeye.png onclick="toggle('div_wz'); return false;" height=20 border=0>wz
<div id=div_wz hidden >
<pre id=pre_wz>
<div id="rabbitdIi15v" style="position: absolute; left: 643px; top: 3377px; width: 62px; height: 25px; z-index: 1; cursor: move;">
<img name="rabbitdIi15vNI1m6G" src="/js/wz/wz_sailboat/rabbit.gif" width="62" height="25"></div>
<div id="houndsdIi15v" style="position: absolute; left: 1123px; top: 3361px; width: 97px; height: 41px; z-index: 0; cursor: move;">
<img name="houndsdIi15vNI1m6G" src="/imgs/btn/brdb.png" width="97" height="41"></div>
<div id="houndsbdIi15v" style="position: absolute; left: 1123px; top: 3361px; width: 97px; height: 41px; z-index: 0; cursor: move;">
<img name="houndsbdIi15vNI1m6G" src="/imgs/btn/kob.png" width="97" height="41"></div>
<div id="houndswdIi15v" style="position: absolute; left: 1123px; top: 3361px; width: 97px; height: 41px; z-index: 0; cursor: move;">
<img name="houndswdIi15vNI1m6G" src="/imgs/btn/kow.png" width="97" height="41"></div>
<!--
<div id="tryitdIi15v" style="position: absolute; left: 320px; top: 469px; width: 50px; height: 17px; z-index: 1; cursor: move;">
<img name="tryitdIi15vNI1m6G" src="/js/wz/wz_sailboat/tryit.gif" width="50" height="17"></div>
<div id="trackdIi15v" style="position: absolute; left: 0px; top: 0px; width: 94px; height: 35px; z-index: 1; cursor: auto;">
<img name="trackdIi15vNI1m6G" src="/js/wz/wz_sailboat/track.gif" style="display: none !important;" width="94" hidden="" height="35"></div>
<div id="thumbdIi15v" style="position: absolute; left: 36px; top: 0px; width: 22px; height: 35px; z-index: 3; cursor: move;">
<img name="thumbdIi15vNI1m6G" src="/js/wz/wz_sailboat/sliderthumb.gif" width="22" height="35"></div>
<div id="smile1dIi15v" style="position: absolute; left: 1317px; top: 200px; width: 11px; height: 11px; z-index: 1; cursor: move;">
<img name="smile1dIi15vNI1m6G" src="/js/wz/wz_sailboat/smile.gif" width="11" height="11"></div>
<div id="slidercanvasdIi15v" style="position: absolute; left: 1088px; top: 3041px; width: 300px; height: 120px; z-index: 1; cursor: move;">
<img name="slidercanvasdIi15vNI1m6G" src="/js/wz/wz_sailboat/transparent_300_120.gif" width="300" height="120"></div>
<div id="skitourdIi15v" style="position: absolute; left: 171px; top: 1517px; width: 550px; height: 298px; z-index: 1; cursor: move;">
<img name="skitourdIi15vNI1m6G" src="/js/wz/wz_sailboat/skitour_suedtirol_2.jpg" width="550" height="298"></div>
<div id="sepline1dIi15v" style="position: absolute; left: 1401px; top: 227px; width: 1px; height: 1px; z-index: 1; cursor: auto;">
<img name="sepline1dIi15vNI1m6G" src="/js/wz/wz_sailboat/transparentpixel.gif" width="1" height="1"></div>
<div id="redarrowdIi15v" style="position: absolute; left: 171px; top: 3637px; width: 15px; height: 13px; z-index: 1; cursor: move;">
<img name="redarrowdIi15vNI1m6G" src="/js/wz/wz_sailboat/redarrow.gif" width="15" height="13"></div>
<div id="northcapedIi15v" style="position: absolute; left: 1123px; top: 2364px; width: 265px; height: 410px; z-index: 1; cursor: move;">
<img name="northcapedIi15vNI1m6G" src="/js/wz/wz_sailboat/nothcapetrip2_northcape.jpg" width="265" height="410"></div>
<div id="muckldIi15v" style="position: absolute; left: 171px; top: 3166px; width: 100px; height: 130px; z-index: 1; cursor: move;">
<img name="muckldIi15vNI1m6G" src="/js/wz/wz_sailboat/muckl.jpg" width="100" height="130"></div>
<div id="muckl1dIi15v" style="position: absolute; left: 171px; top: 3166px; width: 100px; height: 130px; z-index: 2; cursor: move;">
<img name="muckl1dIi15vNI1m6G" src="/js/wz/wz_sailboat/muckl.jpg" width="100" height="130"></div>
<div id="muckl2dIi15v" style="position: absolute; left: 171px; top: 3166px; width: 100px; height: 130px; z-index: 3; cursor: move;">
<img name="muckl2dIi15vNI1m6G" src="/js/wz/wz_sailboat/muckl.jpg" width="100" height="130"></div>
<div id="muckl3dIi15v" style="position: absolute; left: 171px; top: 3166px; width: 100px; height: 130px; z-index: 4; cursor: move;">
<img name="muckl3dIi15vNI1m6G" src="/js/wz/wz_sailboat/muckl.jpg" width="100" height="130"></div>
<div id="muckl4dIi15v" style="position: absolute; left: 171px; top: 3166px; width: 100px; height: 130px; z-index: 5; cursor: move;">
<img name="muckl4dIi15vNI1m6G" src="/js/wz/wz_sailboat/muckl.jpg" width="100" height="130"></div>
<div id="leopdIi15v" style="position: absolute; left: 1084px; top: 1145px; width: 300px; height: 205px; z-index: 1; cursor: move;">
<img name="leopdIi15vNI1m6G" src="/js/wz/wz_sailboat/ddleop.jpg" width="300" height="205"></div>
<div id="koaladIi15v" style="position: absolute; left: 1228px; top: 3594px; width: 160px; height: 213px; z-index: 1; cursor: move;">
<img name="koaladIi15vNI1m6G" src="/js/wz/wz_sailboat/ddkoala.jpg" width="160" height="213"></div>
<div id="chameleondIi15v" style="position: absolute; left: 171px; top: 1969px; width: 155px; height: 95px; z-index: 1; cursor: move;">
<img name="chameleondIi15vNI1m6G" src="/js/wz/wz_sailboat/ddcham.jpg" width="155" height="95"></div>
<div id="catdIi15v" style="position: absolute; left: 26px; top: 152px; width: 129px; height: 154px; z-index: 1; cursor: move;">
<img name="catdIi15vNI1m6G" src="/js/wz/wz_sailboat/ddcat.jpg" width="129" height="154"></div>
<div id="buttondIi15v" style="position: absolute; left: 1430px; top: 340px; width: 60px; height: 17px; z-index: 1; cursor: default; visibility: visible;">
<img name="buttondIi15vNI1m6G" src="/js/wz/wz_sailboat/button_outset.gif" width="60" height="17"></div>
<div id="bikegoeteborgdIi15v" style="position: absolute; left: 171px; top: 522px; width: 426px; height: 444px; z-index: 1; cursor: move;">
<img name="bikegoeteborgdIi15vNI1m6G" src="/js/wz/wz_sailboat/northcapetrip_goeteborg.jpg" width="426" height="444"></div>
-->
</pre id=pre_wz_end>
</div id=div_wz_end>
<hr color=white>
<hr color=yellow>
<hr color=orange>
<hr color=blue>
<img id=img_todo src=/imgs/btn/koeye.png onclick="toggle('div_todo',''); return false;" height=20 border=0>todo
<hr color=yellow>
<div id=div_todo hidden>
<h1>div_todo</h1>
<img id=img_head src=/imgs/btn/kobrd.png onclick="head('btn'); return false;" height=20 border=0>head
<img id=img_startup src=/imgs/btn/kobrd.png onclick="startup('btn'); return false;" height=20 border=0>startup
<img id=img_tail src=/imgs/btn/kobrd.png onclick="tail('btn'); return false;" height=20 border=0>tail
<img id=img_list src=/imgs/btn/kobrd.png onclick="lists('btn'); return false;" height=20 border=0>lists
<div id=div_todo_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