DIR : /home/kozerus/public_html/birds/index.html
/home/kozerus/public_html/birds
<html>
<head>
<title>/birds/index.html 20231001_2000 startup birds_mp4 </title>
<!--
<title>/birds/index.html 20231001_1800 link add birds_mp4.html </title>
<title>/birds/index.html 20230930_2230 birds_mp4() </title>
<title>/birds/index.html 20230929_2100 link birds_mp4 </title>
<title>/birds/index.html 20230924_1530 wildbirdrehab pages </title>
<title>/birds/index.html 20230924_1445 wildbirdrehab </title>
<title>/birds/index.html 20230401_0930 ./mp3/swift1.mp3 </title>
<title>/birds/index.html 20230315_0416 rehab ko.php?bugs</title>
<title>/birds/index.html 20230228_1000 topgif</title>
<title>/birds/index.html 20230228_0300 topgif</title>
<title>/birds/index.html 20230213_1430</title>
<title>/js/wz/wz_anim.html 20230209_2031</title>
-->
<script id=script_mp4s>
mp4s=`
mp4/IMG_1489_twitter_tweets.mp4
mp4/IMG_1627_twitter_flys_landingpad.mp4
`.split("\n");
mp4s_all=`
mp4/IMG_1515_twitter_eats_cricketworm.mp4
mp4/IMG_1489_twitter_tweets.mp4
mp4/IMG_1503_twitter_eats_jk.mp4
mp4/IMG_1512_twitter_box.mp4
mp4/IMG_1513_twitter_tweets4eats.mp4
mp4/IMG_1514_twitter_missed_cricket.mp4
mp4/IMG_1515_twitter_eats_cricketworm.mp4
mp4/IMG_1525_twitter_flys_hello.mp4
mp4/IMG_1604_twitter_flys_sk.mp4
mp4/IMG_1626_twitter_flys_laps2light.mp4
mp4/IMG_1627_twitter_flys_landingpad.mp4
mp4/IMG_1677_twitter_flys_laps_jk.mp4
mp4/IMG_1685_twitter_flys_landingpad2.mp4
mp4/IMG_1686_twitter_flys_landingpad3.mp4
mp4/IMG_1687_twitter_flys_landingpad4.mp4
mp4/IMG_1688_twitter_flys_landingpad5.mp4
mp4/IMG_1693_twitter_flys_landingpad6.mp4
mp4/IMG_1694_twitter_flys_langinpad7.mp4
`.split("\n");
display_mp4s="";
// alert( "BUGS_100 mp4s="+mp4s );
birds_mp4('');
</script id=script_mp4s_end>
<script id=script_birds_mp4>
function birds_mp4(args) {
// alert( "BUGS_201 mp4 args="+args+" mp4s="+mp4s );
// alert( "BUGS_202 mp4 args="+args+" mp4s="+mp4s+" length="+mp4s.length );
htmout="";
htmout+="<table id=table_birds_mp4>\n";
htmout+="<tr><td width=50>num</td><td width=100>link</td><td width=400>desc</td></tr>\n";
k=0;
for( j=0; j<mp4s.length; j++ ) {
mp4=mp4s[j];
if( mp4 == "" ) { continue; }
k=k+1;
// mp4img=mp4.replace(".mp4",".jpg");
mp4desc=mp4.replace("/birds/mp4/","").replace(".mp4","")
mp4img=mp4.replace(".mp4",".png").replace("mp4/","mp4/tn_");
// alert( "BUGS_300 mp4="+mp4+" mp4img="+mp4img+" mp4desc="+mp4desc );
htmout+="<tr>";
htmout+="<td>"+"k"+"</td>";
htmout+="<td>"+mp4desc+"</td>";
htmout+="<td>";
htmout+="<a href="+mp4+" target=_blank>";
htmout+="<img src="+mp4img+" title=\" "+mp4+"\" border=0 height=200>";
htmout+="<a>";
htmout+="</td>";
htmout+="</tr>\n";
}
htmout+=" </table id=table_birds_mp4_end>\n";
if( display_mp4s == "" ) {
display_mp4s="on";
}
else {
display_mp4s="";
htmout="<div id=div_birds_mp4_links></div id=div_birds_mp4_links_end>";
}
divid="div_birds_mp4_links";
// alert( "BUGS_203 divid="+divid+" htmout="+htmout );
if( document.getElementById(divid)) {
document.getElementById(divid).innerHTML=htmout;
// alert( "BUGS_204 ___FOUND divid="+divid+" htmout="+htmout );
}
return(args);
}
</script id=script_mp4_end>
<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_dragdrop.js"></script>
<script type="text/javascript" src="/js/wz/wz_library.js"></script>
<script type="text/javascript" src="/js/wz/wz_graphics.js"></script>
<!-- <script type="text/javascript" src="/js/wz/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>
</head>
<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>
B I R D S _ B U G S
<img src=/imgs/btn/kop34.png height=20 border=0>
       
<font style="font-size:18">20231001_2015</font>
</h1>
<br>
<hr color=white>
<hr color=black>
<div id=div_inflate>
<img id=img_birds_bugs1 name=img_birds_bugs1 title=" img_birds_bugs" src=/birds/imgs/img_birds_bugs1.png
onclick="inflate('','inflate'); return false;"
height=300 border=0>
</div id=div_inflate_end>
</a>
<div id=div_deflate>
<img id=img_birds_bugs2 name=img_birds_bugs2 title=" img_birds_bugs" src=/birds/imgs/img_birds_bugs2.png
onclick="inflate('','deflate'); return false;"
height=300 border=0>
</div id=div_deflate_end>
</a>
<br>
<hr color=black>
<hr color=white>
<!--
<div id=div_inflate name=div_inflate title=" div_inflate">
<img id=img_inflate name=img_inflate title=" img_inflate"
src=/imgs/gif/firebubblesp.gif
onclick="qsall('','inflate'); return false;"
height=100 border=0>INFLATE
</div id=div_deflate_end>
<div id=div_deflate name=div_deflate title=" div_deflate">
<img id=img_deflate name=img_deflate title=" img_deflate"
src=/imgs/gif/firebubblesd.gif
onclick="qsall('','deflate'); return false;"
height=100 border=0>DEFLATE
</div id=div_deflate_end>
-->
<!--
<br>
<img id=img_deflate name=img_deflate title=" img_deflate"
src=/imgs/gif/gifset_r/firebubblesq_10.gif
onclick="qsall('div',''); return false;"
height=100 border=0>qsall_div
</div id=div_deflate_end>
-->
<br>
<hr color=black>
<hr color=white>
<img id="img_swift1_mp3" src=/imgs/btn/koeye_mp3.png height=20 border=0 onclick="window.open('/birds/mp3/swift1.mp3'); return false;" >
<img id="img_swift2_mp3" src=/imgs/btn/koeye_mp3.png height=20 border=0 onclick="window.open('/birds/mp3/swift2.mp3'); return false;" >
<img id="img_swift3_mp3" src=/imgs/btn/koeye_mp3.png height=20 border=0 onclick="window.open('/birds/mp3/swift3.mp3'); return false;" >
<hr color=white>
<hr color=black>
<img id=img_swift1 name=img_swift1 title=" img_swift1" src=/birds/imgs/swift1.png onclick="alert('BUGS_410');window.open('/birds/mp3/swift1.mp3'); return false;" height=300 border=0>
<img id=img_swift2 name=img_swift2 title=" img_swift2" src=/birds/imgs/swift2.png onclick="window.open('/birds/imgs/swift2.mp3'); return false;" height=300 border=0>
<img name=img_cricket1 src=/birds/imgs/cricket1.png alt=" cricket1" style="visibility: hidden;" height=50>
<img name=img_cricket2 src=/birds/imgs/cricket2.png alt=" cricket2" style="visibility: hidden;" height=50>
<img name=img_moth1 src=/birds/imgs/moth1.png alt=" moth1" style="visibility: hidden;" height=50>
<img name=img_moth2 src=/birds/imgs/moth2.png alt=" moth2" style="visibility: hidden;" height=50>
<img name=img_worm1 src=/birds/imgs/worm1.png alt=" worm1" style="visibility: hidden;" height=50>
<img name=img_worm2 src=/birds/imgs/worm2.png alt=" worm2" style="visibility: hidden;" height=50>
<a href=ko.php?birds&bugs=detail target=_blank>
<img id=img_topgif name=img_topgif title=" img_topgif" src=/birds/imgs/gif/birds.gif onclick="window.open('ko.php?birds&bugs=detail'); return false;" height=300 border=0>
</a>
<hr color=white>
<hr color=black>
<img id=img_birdworm name=img_birdworm title=" img_birdworm" src=/birds/imgs/birdworm.png onclick="window.open('ko.php?bugs=detail'); return false;" height=200 border=0>
<img id=img_fb name=img_fb title=" img_fb" src=pages/1.jpg onclick="window.open('fb.html'); return false;" height=100 width=80 border=0>
       
<img id=img_wildbirdrehab name=img_wildbirdrehab title=" img_wildbirdrehab" src=imgs/wildbirdrehab.png onclick="window.open('https://wildbirdrehab.org'); return false;" height=100 width=80 border=0>
<img id=img_wildbirdrehab_trivianight name=img_wildbirdrehab_trivianight title=" img_wildbirdrehab_trivianight" src=imgs/tn_wildbirdrehab_trivianight.png onclick="window.open('imgs/wildbirdrehab_trivianight.jpg'); return false;" height=100 width=80 border=0>
<img id=img_wildbirdrehab_aboutmybird name=img_wildbirdrehab_aboutmybird title=" img_wildbirdrehab_aboutmybird" src=imgs/tn_wildbirdrehab_aboutmybird.png onclick="window.open('imgs/wildbirdrehab_aboutmybird.jpg'); return false;" height=100 width=80 border=0>
<br>
<hr color=black>
<hr color=white>
<div id=div_birds_mp4>
<img src=/birds/imgs/video00.gif onclick="birds_mp4(''); return false;" title=" videos" alt="videos" border=0 height=50>
       
<a href=./birds_mp4.html target=_blank><img src=/birds/imgs/video00.gif title=" videos" alt="videos" border=0 height=100></a>
<h1>div_birds_mp4</h1>
<h2>mp4 20230929</h2>
<div id="div_birds_mp4_links">
<h2>div_birds_mp4_links</h2>
</div id=div_birds_mp4_links_end>
</div id=div_birds_mp4_end>
<hr color=white>
<hr color=black>
<br>
<hr color=white>
<a href=/birds/ko.php?bugs=reports target=_blank>
<img src=/birds/imgs/blobs/blobb.png height=50>black</a>
<a href=/birds/ko.php?bugs=reports target=_blank>
<img src=/birds/imgs/blobs/blob_trans.png height=50>trans</a>
<a href=/birds/ko.php?bugs=reports target=_blank>
<img src=/birds/imgs/blobs/blobw.png height=50>white</a>
<br>
<hr color=white>
<a href=/birds/ko.php?bugs=reports target=_blank>
<img src=/birds/imgs/blobs/blob_red.png height=50>reports</a>
<a href=/birds/fb.html target=_blank>
<img src=/birds/imgs/blobs/blob_pink.png height=50>flipbook</a>
<br>
<a href=/birds/ko.php?bugs=form target=_blank>
<img src=/birds/imgs/blobs/blob_orange.png height=50>form</a>
<a href=/birds/ko.php?bugs=reports target=_blank>
<img src=/birds/imgs/blobs/blob_yellow.png height=50>insert</a>
<a href=/birds/ko.php?bugs=reports target=_blank>
<img src=/birds/imgs/blobs/blob_green.png height=50>update</a>
<a href=/birds/ko.php?bugs=reports target=_blank>
<img src=/birds/imgs/blobs/blob_blue.png height=50>delete</a>
<a href=/birds/ko.php?bugs=reports target=_blank>
<img src=/birds/imgs/blobs/blob_violet.png height=50>reports</a>
<br>
<hr color=white>
<h2>video</h2>
<a href=https://www.youtube.com/watch?v=88RO1zXcbm8
<img title=" youtube.com/waxworms1" src=https://i.ytimg.com/vi/88R91zXcbm8/default.jpg height=200>waxworms
</a>
<hr color=white>
<a href=https://www.youtube.com/watch?v=u2uLXUfZwbs target=_blank>
<img title=" youtube.com/waxworms2" src=https://i.ytimg.com/vi/u2uLXUfZwbs/default.jpg height=200>waxworms2
</a>
<h2>wikipedia</h2>
<a href=https://en.wikipedia.org/wiki/Waxworm target=_blank>
<img title=" wikipedia.org/waxworms"
src=/birds/pdf/tn_wikipedia_waxworms.png alt="birds/imgs/wikipedia_waxworms" height=200>wikipedia_waxworms
</a>
<a href=https://en.wikipedia.org/wiki/Chimney_swift target=_blank>
<img src=/birds/pdf/tn_swifts_wikipedia.png title=" swifts_wikipedia" height=100>
swifts_wikipedia
</a>
<a href=https://hikingandfishing.com/wax-worms-waxies/ target=_blank>
<img title=" hikingandfishing.com/wax-worms"
src=/birds/pdf/tn_hikingandfishing.png alt="/birds/imgs/tn_hikingandfishing.png" height=200>hikingandfishing
</a>
<a href=https://www.audubon.org/field-guide/bird/chimney-swift target=_blank>
<img src=/birds/pdf/tn_swifts_audubon.png title=" swifts_audubon" height=100>
swifts_audubon
</a>
<a href=https://www.allaboutbirds.org/guide/Chimney_Swift/id target=_blank>
<img src=/birds/pdf/tn_swifts_allaboutbirds.png title=" swifts_allaboutbirds" height=100>
swifts_allaboutbirds
</a>
<br>
<hr color=white>
<h2>pdfs</h2>
<a href=/pdf/web/viewer.html?file=/birds/pdf/swifts_allaboutbirds.pdf target=_blank>
<img src=/birds/pdf/tn_swifts_allaboutbirds.png height=100>
<img src=/imgs/btn/koeye_pdf.png height=50>
swifts_allaboutbirds_pdf
</a>
<a href=/pdf/web/viewer.html?file=/birds/pdf/swifts_audubon.pdf target=_blank>
<img src=/birds/pdf/tn_swifts_audubon.png height=100>
<img src=/imgs/btn/koeye_pdf.png height=50>
swifts_audubon_pdf
</a>
<a href=/pdf/web/viewer.html?file=/birds/pdf/waxworms.pdf target=_blank>
<img src=/birds/pdf/tn_swifts_waxworms.png height=100>
<img src=/imgs/btn/koeye_pdf.png height=50>
waxworms_pdf
</a>
<br>
<hr color=white>
<hr color=white>
<a href=birds.html target=_blank>
<img src=/fb/miniraptors/imgs/IMG_6643.JPG height=100 border=0>
</a>
   
<a href=bugs.html target=_blank>
<img src=/fb/miniraptors/imgs/IMG_6791.JPG height=100 border=0>
</a>
<hr color=white>
<hr color=yellow>
<hr color=yellow>
<hr color=blue>
<!--
<a href="http://www.walterzorn.de/dragdrop/dragdrop.htm" target="_top">
<img src="/js/wz/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/sea.png alt=" sea" style="visibility: hidden;" height=300 width=1100>
<img name=sky src=/js/wz/sky.png alt=" sky" style="visibility: hidden;" height=300 width=1100>
<img name=sun src=/js/wz/sun.png alt=" sun" style="visibility: hidden;" height=300>
<img name=clouds src=/js/wz/clouds.png alt=" lighhouse" style="visibility: hidden;" height=200>
<img name=lighhouse src=/js/wz/lighhouse.png alt=" lighhouse" style="visibility: hidden;" height=200>
<img name=sailboat src=/js/wz/sailboat.png alt=" sailboat" style="visibility: hidden;" height=300>
<img name=whale src=/js/wz/whale.png alt=" whale" style="visibility: hidden;" height=100 width=150>
<br>
<img name=bird src=/js/wz/bird.png alt=" bird" style="visibility: hidden;" height=100>
<img name=bird1 src=/js/wz/bird1.png alt=" bird1" style="visibility: hidden;" height=100>
<img name=bird2 src=/js/wz/bird2.png alt=" bird1" style="visibility: hidden;" height=100>
<img name=bird3 src=/js/wz/bird3.png alt=" bird1" style="visibility: hidden;" height=100>
<img name=bird4 src=/js/wz/bird4.png alt=" bird2" style="visibility: hidden;" height=100>
<img name=img_grass src=/imgs/tiles/grass/grass11.jpg alt=" sky" style="visibility: hidden;" height=200 width=500>
<img name=img_grass0 src=/imgs/tiles/grass/grass10.jpg alt=" sky" style="visibility: hidden;" height=200 width=500>
<img name=img_grass1 src=/imgs/tiles/grass/grass01.jpg alt=" sky" style="visibility: hidden;" height=200 width=500>
<img name=img_grass2 src=/imgs/tiles/grass/grass02.jpg alt=" sky" style="visibility: hidden;" height=200 width=500>
<img name=img_grass3 src=/imgs/tiles/grass/grass03.jpg alt=" sky" style="visibility: hidden;" height=200 width=500>
<img name=img_grass4 src=/imgs/tiles/grass/grass04.jpg alt=" sky" style="visibility: hidden;" height=200 width=500>
<img name=trails src=/birds/imgs/swift5.png alt=" light3" style="visibility: hidden;" height=50 width=150>
<img name=trails1 src=/birds/imgs/swift6.png alt=" light3" style="visibility: hidden;" height=50 width=150>
<img name=trails2 src=/birds/imgs/swift7.png alt=" light3" style="visibility: hidden;" height=50 width=150>
<img name=trails3 src=/birds/imgs/swift8.png alt=" light3" style="visibility: hidden;" height=50 width=150>
<img name=trails4 src=/birds/imgs/swift9.png alt=" light3" style="visibility: hidden;" height=50 width=150>
<img name=img_gif_birds src=/birds/imgs/gif/giphy_birds.gif alt=" swift" style="visibility: hidden;" height=100>
<img name=img_swift src=/birds/imgs/swift.png alt=" swift" style="visibility: hidden;" height=100>
<img name=img_swift0 src=/birds/imgs/swift0.png alt=" swift01" style="visibility: hidden;" height=100>
<!--
<img name=img_swift1 src=/birds/imgs/swift1.png alt=" swift01" style="visibility: hidden;" height=100>
<img name=img_swift2 src=/birds/imgs/swift2.png alt=" swift02" style="visibility: hidden;" height=100>
-->
<img name=img_swift3 src=/birds/imgs/swift3.png alt=" swift03" style="visibility: hidden;" height=100>
<img name=img_swift4 src=/birds/imgs/swift4.png alt=" swift04" style="visibility: hidden;" height=100>
<img name=img_swift5 src=/birds/imgs/swift5.png alt=" swift05" style="visibility: hidden;" height=100>
<img name=img_swift6 src=/birds/imgs/swift6.png alt=" swift06" style="visibility: hidden;" height=100>
<img name=img_swift7 src=/birds/imgs/swift7.png alt=" swift07" style="visibility: hidden;" height=100>
<img name=img_swift8 src=/birds/imgs/swift8.png alt=" swift08" style="visibility: hidden;" height=100>
<img name=img_swift9 src=/birds/imgs/swift8.png alt=" swift08" style="visibility: hidden;" height=100>
<img name=img_swifts src=/birds/imgs/swifts.png alt=" swifts" style="visibility: hidden;" height=100>
<img name=img_swifts1 src=/birds/imgs/swifts1.png alt=" swifts1" style="visibility: hidden;" height=100>
<img name=img_swifts2 src=/birds/imgs/swifts2.png alt=" swifts2" style="visibility: hidden;" height=100>
<br>
<img name=img_cricket src=/birds/imgs/cricket.png alt=" cricket" style="visibility: hidden;" height=100>
<!--
<img name=img_cricket1 src=/birds/imgs/cricket1.png alt=" cricket1" style="visibility: hidden;" height=100>
<img name=img_cricket2 src=/birds/imgs/cricket2.png alt=" cricket2" style="visibility: hidden;" height=100>
-->
<img name=img_cricket3 src=/birds/imgs/cricket3.png alt=" cricket3" style="visibility: hidden;" height=100>
<img name=img_cricket4 src=/birds/imgs/cricket4.png alt=" cricket4" style="visibility: hidden;" height=100>
<img name=img_crickets src=/birds/imgs/crickets.png alt=" crickets" style="visibility: hidden;" height=100>
<img name=img_crickets1 src=/birds/imgs/crickets1.png alt=" crickets1" style="visibility: hidden;" height=100>
<img name=img_crickets2 src=/birds/imgs/crickets2.png alt=" crickets2" style="visibility: hidden;" height=100>
<br>
<img name=img_worm src=/birds/imgs/worm.png alt=" worm" style="visibility: hidden;" height=100>
<!--
<img name=img_worm1 src=/birds/imgs/worm1.png alt=" worm1" style="visibility: hidden;" height=100>
<img name=img_worm2 src=/birds/imgs/worm2.png alt=" worm2" style="visibility: hidden;" height=100>
-->
<img name=img_worm3 src=/birds/imgs/worm3.png alt=" worm3" style="visibility: hidden;" height=100>
<img name=img_worms src=/birds/imgs/worms.png alt=" worms" style="visibility: hidden;" height=100>
<img name=img_worms1 src=/birds/imgs/worms1.png alt=" worms1" style="visibility: hidden;" height=100>
<img name=img_worms2 src=/birds/imgs/worms2.png alt=" worms2" style="visibility: hidden;" height=100>
<br>
<img name=img_moth src=/birds/imgs/moth.png alt=" moth" style="visibility: hidden;" height=100>
<!--
<img name=img_moth1 src=/birds/imgs/moth1.png alt=" moth1" style="visibility: hidden;" height=100>
<img name=img_moth2 src=/birds/imgs/moth2.png alt=" moth2" style="visibility: hidden;" height=100>
-->
<img name=img_moth3 src=/birds/imgs/moth3.png alt=" moth3" style="visibility: hidden;" height=100>
<img name=img_moth4 src=/birds/imgs/moth4.png alt=" moth4" style="visibility: hidden;" height=100>
<img name=img_moths src=/birds/imgs/moths.png alt=" moths" style="visibility: hidden;" height=100>
<img name=img_moths1 src=/birds/imgs/moths1.png alt=" moths1" style="visibility: hidden;" height=100>
<img name=img_moths2 src=/birds/imgs/moths2.png alt=" moths2" style="visibility: hidden;" height=100>
<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);
SET_DHTML( "rabbit",
"hounds",
"houndsb",
"houndsw",
"sailboat"+RESIZABLE+TRANSPARENT,
"lighthouse"+RESIZABLE+TRANSPARENT,
"sun"+RESIZABLE+TRANSPARENT,
"clouds"+RESIZABLE+TRANSPARENT,
"sky"+RESIZABLE+TRANSPARENT,
"sea"+RESIZABLE+TRANSPARENT,
"whale"+RESIZABLE+TRANSPARENT,
"bird"+RESIZABLE+TRANSPARENT,
"bird1"+RESIZABLE+TRANSPARENT,
"bird2"+RESIZABLE+TRANSPARENT,
"bird3"+RESIZABLE+TRANSPARENT,
"bird4"+RESIZABLE+TRANSPARENT,
"trails"+RESIZABLE+TRANSPARENT,
"trails1"+RESIZABLE+TRANSPARENT,
"trails2"+RESIZABLE+TRANSPARENT,
"trails3"+RESIZABLE+TRANSPARENT,
"trails4"+RESIZABLE+TRANSPARENT,
"kob"+RESIZABLE+TRANSPARENT,
"kow"+RESIZABLE+TRANSPARENT,
"img_birds_bugs1"+RESIZABLE+TRANSPARENT,
"img_birds_bugs2"+RESIZABLE+TRANSPARENT,
"img_inflate"+RESIZABLE+TRANSPARENT,
"img_grass"+RESIZABLE+TRANSPARENT,
"img_gif_birds"+RESIZABLE+TRANSPARENT,
"img_swift_birds_bug"+RESIZABLE+TRANSPARENT,
"img_swift"+RESIZABLE+TRANSPARENT,
"img_swift3"+RESIZABLE+TRANSPARENT,
"img_swift4"+RESIZABLE+TRANSPARENT,
"img_swift5"+RESIZABLE+TRANSPARENT,
"img_swift6"+RESIZABLE+TRANSPARENT,
"img_swift7"+RESIZABLE+TRANSPARENT,
"img_swift8"+RESIZABLE+TRANSPARENT,
"img_swift9"+RESIZABLE+TRANSPARENT,
"img_swifts"+RESIZABLE+TRANSPARENT,
"img_swifts1"+RESIZABLE+TRANSPARENT,
"img_swifts2"+RESIZABLE+TRANSPARENT,
"img_cricket"+RESIZABLE+TRANSPARENT,
"img_cricket3"+RESIZABLE+TRANSPARENT,
"img_cricket4"+RESIZABLE+TRANSPARENT,
"img_crickets"+RESIZABLE+TRANSPARENT,
"img_crickets1"+RESIZABLE+TRANSPARENT,
"img_crickets2"+RESIZABLE+TRANSPARENT,
"img_worm"+RESIZABLE+TRANSPARENT,
"img_worm3"+RESIZABLE+TRANSPARENT,
"img_worm4"+RESIZABLE+TRANSPARENT,
"img_worms1"+RESIZABLE+TRANSPARENT,
"img_worms2"+RESIZABLE+TRANSPARENT,
"img_moth"+RESIZABLE+TRANSPARENT,
"img_moth3"+RESIZABLE+TRANSPARENT,
"img_moth4"+RESIZABLE+TRANSPARENT,
"img_moths"+RESIZABLE+TRANSPARENT,
"img_moths1"+RESIZABLE+TRANSPARENT,
"img_moths2"+RESIZABLE+TRANSPARENT,
"img_cricket1"+RESIZABLE+TRANSPARENT,
"img_cricket2"+RESIZABLE+TRANSPARENT,
"img_moth1"+RESIZABLE+TRANSPARENT,
"img_moth2"+RESIZABLE+TRANSPARENT,
"img_worm1"+RESIZABLE+TRANSPARENT,
"img_worm2"+RESIZABLE+TRANSPARENT,
"img_swift1"+RESIZABLE+TRANSPARENT,
"img_swift2"+RESIZABLE+TRANSPARENT,
"img_topgif"+RESIZABLE+TRANSPARENT
);
// SET_DHTML( "img_fb"+RESIZABLE+TRANSPARENT );
// SET_DHTML( "img_birdworm"+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.img_swift.moveTo(
dd.elements.img_swift.x <= -dd.elements.img_swift.w?
iW-dd.elements.img_swift.w-20 :
(dd.elements.img_swift.x-5),
dd.elements.img_swift.y + dh
);
dd.elements.img_swift1.moveTo(
dd.elements.img_swift1.x <= -dd.elements.img_swift1.w?
iW-dd.elements.img_swift1.w-20 :
(dd.elements.img_swift1.x+5),
dd.elements.img_swift1.y - dh
);
dd.elements.img_swift2.moveTo(
dd.elements.img_swift2.x <= -dd.elements.img_swift2.w?
iW-dd.elements.img_swift2.w-20 :
(dd.elements.img_swift2.x-5),
dd.elements.img_swift2.y + dh
);
dd.elements.img_cricket.moveTo(
dd.elements.img_cricket.x <= -dd.elements.img_cricket.w?
iW-dd.elements.img_cricket.w-20 :
(dd.elements.img_cricket.x-5),
dd.elements.img_cricket.y - dh
);
dd.elements.img_cricket1.moveTo(
dd.elements.img_cricket1.x <= -dd.elements.img_cricket1.w?
iW-dd.elements.img_cricket1.w-20 :
(dd.elements.img_cricket1.x-5),
dd.elements.img_cricket1.y - dh
);
dd.elements.img_cricket2.moveTo(
dd.elements.img_cricket2.x <= -dd.elements.img_cricket2.w?
iW-dd.elements.img_cricket2.w-20 :
(dd.elements.img_cricket2.x+5),
dd.elements.img_cricket2.y + dh
);
dd.elements.img_worm.moveTo(
dd.elements.img_worm.x <= -dd.elements.img_worm.w?
iW-dd.elements.img_worm.w-20 :
(dd.elements.img_worm.x-5),
dd.elements.img_worm.y - dh
);
dd.elements.img_worm1.moveTo(
dd.elements.img_worm1.x <= -dd.elements.img_worm1.w?
iW-dd.elements.img_worm1.w-20 :
(dd.elements.img_worm1.x-5),
dd.elements.img_worm1.y - dh
);
dd.elements.img_worm2.moveTo(
dd.elements.img_worm2.x <= -dd.elements.img_worm2.w?
iW-dd.elements.img_worm2.w-20 :
(dd.elements.img_worm2.x+5),
dd.elements.img_worm2.y + dh
);
dd.elements.img_moth.moveTo(
dd.elements.img_moth.x <= -dd.elements.img_moth.w?
iW-dd.elements.img_moth.w-20 :
(dd.elements.img_moth.x-5),
dd.elements.img_moth.y - dh
);
dd.elements.img_moth1.moveTo(
dd.elements.img_moth1.x <= -dd.elements.img_moth1.w?
iW-dd.elements.img_moth1.w-20 :
(dd.elements.img_moth1.x-5),
dd.elements.img_moth1.y - dh
);
dd.elements.img_moth2.moveTo(
dd.elements.img_moth2.x <= -dd.elements.img_moth2.w?
iW-dd.elements.img_moth2.w-20 :
(dd.elements.img_moth2.x+5),
dd.elements.img_moth2.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 == "img_swift1" ) { window.open('mp3/swift1.mp3'); }
// if( dd.obj.name == "img_swift2" ) { window.open('mp3/swift2.mp3'); }
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') {
alert( "BUGS_1000 my_DropFunc dd.obj.name="+dd.obj.name+ "x="+dd.obj.name+" ("+dd.obj.x+","+dd.obj.y+")\n" );
}
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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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>
<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>
<p>
The formular below demonstrates how to use my_DropFunc() to write properties of a dropped item into form elements, e.g. in order to transmit these values to the server.
Of course, you might consider <input type="hidden">s to be more appropriate to store data temporarily.
</p>
<br>
<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>
<!--
<script id=script_wz_track type="text/javascript">
SET_DHTML(CURSOR_MOVE, TRANSPARENT, "img_jtfdc", "img_ringd");
for (var i = 0; i < 2; i++) {
dd.elements[i].copy();
dd.elements[i].copies[0].hide();
}
function my_PickFunc() {
dd.obj.copies[0].moveTo(dd.obj.x, dd.obj.y);
dd.obj.copies[0].show();
}
function my_DropFunc() {
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>
-->
<img id=img_cfg name=img_cfg title=" img_cfg" src=/imgs/btn/koeyew.png onclick="toggles('div_cfg');return false;" alt="div_cfg" height=20 border=0>>';
<div id=div_cfg>
<h1>div_cfg</h1>
<script id=script_qsall>
function qsall(qsmatch,cmd) {
htmout=""; j=0; k=0;
if( qsmatch == "" ) { qsmatch="div"; }
if( qsmatch == "" ) { qsmatch="img"; }
if( qsmatch == "" ) { qsmatch="script"; }
alert( "BUGS_13610 qsall qsmatch="+qsmatch+" cmd="+cmd );
// if( /inflate/.test(cmd)) {
if( cmd.match(/inflate/)) {
alert( "BUGS_13611 qsall INFLATE qsmatch="+qsmatch+" cmd="+cmd );
qsmatch="div";
qss=document.querySelectorAll(qsmatch);
for( j=0; j< qss.length; j++ ) {
if( qss[j].id == "div_inflate" ) { continue; }
if( qss[j].id == "div_deflate" ) { continue; }
qss[j].style.display="inline";
}
if( document.getElementById("div_inflate")) {
document.getElementById("div_inflate").style.display="inline"
}
if( document.getElementById("div_deflate")) {
// document.getElementById("div_deflate").style.display="none";
document.getElementById("div_deflate").style.display="inline";
}
return(htmout);
}
// if( /deflate/.test(cmd)) {
if( cmd.match(/deflate/)) {
alert( "BUGS_13612 qsall DEFLATE qsmatch="+qsmatch+" cmd="+cmd );
qsmatch="div";
qss=document.querySelectorAll(qsmatch);
for( j=0; j< qss.length; j++ ) {
if( qss[j].id == "div_inflate" ) { continue; }
if( qss[j].id == "div_deflate" ) { continue; }
qss[j].style.display="none";
}
if( document.getElementById("div_inflate")) {
// document.getElementById("div_inflate").style.display="none"
document.getElementById("div_inflate").style.display="inline";
}
if( document.getElementById("div_deflate")) {
document.getElementById("div_deflate").style.display="inline";
}
return(htmout);
}
// alert( "BUGS_1010 qsall qsmatch="+qsmatch );
// var arrFiltered = document.querySelectorAll('input[value=F2][type=submit][class=c1]');
// arrFiltered.forEach(function (el) {
// qss.forEach( item => {
// item.style = "background-color: yellow";
// item.style = "font-size: 24";
// }
// qss.forEach(function (el) {
// var node = document.createElement("p");
// node.innerHTML = el.getAttribute('id');
// node.id = el.getAttribute('id');
// window.document.body.appendChild(node);
// });
//
// alert( "BUGS_1011 qsall qss.length="+qss.length );
alert( "BUGS_13613 qsall INFO qsmatch="+qsmatch+" cmd="+cmd );
htmout+="<div id=div_"+qsmatch+">\n";
htmout+=" <table id=table_"+qsmatch+">\n";
htmout+=" <tr><td>num</td><td>match</td></tr>\n";
qss=document.querySelectorAll(qsmatch);
for( j=0; j< qss.length; j++ ) {
// qs=qss[j].innerHTML;
qs=qss[j].id;
htmout+=" <tr><td>"+j+"</td><td>"+qs+"</td></tr>\n";
if( qs == "pre_item2href" ) { htmout+=qss[j].innerHTML; }
// if( qs == "" ) { htmout+=qss[j].innerHTML; }
}
htmout+=" </table id=table_"+qsmatch+">\n";
htmout+=" </div id=div_"+qsmatch+">\n";
if( document.getElementById("div_qsall_out")) {
document.getElementById("div_qsall_out").innerHTML=htmout;
}
return(htmout);
}
</script id=script_qssall_end>
</div id=div_cfg_end>
//
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