DIR : /home/kozerus/public_html/ko/ko_items.html
/home/kozerus/public_html/ko
<html>
<head>
<title>/ko/ko_items.html 20230210_1200</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_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_startup>
function startup(args) {
htmout="";
htmout+="BUGS_200 startup args="+args+" items="+items );
htmout+=head('startup');
htmout+=items('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="items(''); return false;" >
<h1>/ko/wz/ko_items.html</h1>
<img id=img_items src=/imgs/btn/brdb.png onclick="items(''); return false;" height=20 border=0>items_go
<br>
<hr color=black>
<hr color=white>
<img id=img_items src=/imgs/btn/koeyew.png onclick="toggle('div_items'); return false;" height=20 border=0>items
<hr color=white>
<div id=div_items >
<h1>div_items</h1>
<!--
<img id=img_item_1 title=" img_item_1" src="/fb/jtfdcr/pages/1.jpg" height=200 border=0>
<br>
<img id=img_item_2 title=" img_item_2" src="/fb/jtfdcr/pages/2.jpg" height=200 border=0>
<br>
<img id=img_item_3 title=" img_item_3" src="/fb/jtfdcr/pages/3.jpg" height=200 border=0>
<br>
<img id=img_item_4 title=" img_item_4" src="/fb/jtfdcr/pages/4.jpg" height=200 border=0>
<br>
<img id=img_item_5 title=" img_item_5" src="/fb/jtfdcr/pages/5.jpg" height=200 border=0>
<br>
<img id=img_item_6 title=" img_item_6" src="/fb/jtfdcr/pages/6.jpg" height=200 border=0>
<br>
<img id=img_item_7 title=" img_item_7" src="/fb/jtfdcr/pages/7.jpg" height=200 border=0>
<br>
<img id=img_item_8 title=" img_item_8" src="/fb/jtfdcr/pages/8.jpg" height=200 border=0>
<br>
<img id=img_item_9 title=" img_item_9" src="/fb/jtfdcr/pages/9.jpg" height=200 border=0>
-->
</div id=div_items_end>
<br>
<hr color=white>
<hr color=black>
<hr color=black>
<hr color=white>
<!--
<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_items>
function items(args) {
// alert( "BUGS_150 items args="+args );
items=`
/fb/jtfdcr/pages/IMG_7856.png|byrdsieg_dogs3
/fb/jtfdcr/pages/IMG_8947.png|kids2_cycle
/fb/jtfdcr/pages/jtf30_jackcam2.png|jackcam2
/fb/jtfdcr/pages/jtf32_snap_20170123_187588.png|donovan_dober1
/fb/jtfdcr/pages/jtf31_snap_20170123_187600_clownporch_partygame_harrassment.png|jtf31_partygang
/fb/jtfdcr/pages/jtf39_baily_autonomous_patrol.png|jtf39_dog_baily
/fb/jtfdcr/pages/jtf32_doberwatchers_2of4.jpg|jtf32_doberwatchers_2of4
/fb/jtfdcr/pages/jtf30_doogy2_autonomous_patrol2.png|jtf30_dog_doogy
/fb/jtfdcr/pages/snap_20170123_187569_jtf29_ljackmow_notresspas_per_new_jtfdc_trustyelder.jpg|jtf28_mow_notrespass
/fb/jtfdcr/pages/snap_20170123_187583_jtfdc_little_garbage.jpg|jtfdc_little_garbage_truck
/fb/jtfdcr/pages/snap_20170123_197537_map_jtfinc.jpg|map_graphic
/fb/jtfdcr/pages/snap_20170123_197544.png|jtfdc_map_graphic2
/fb/jtfdcr/pages/snap_20170123_197547.jpg|jtf2930_shareddrive
/fb/jtfdcr/pages/snap_20170123_197553.jpg|jtfinc_map_north
/fb/jtfdcr/pages/snap_20170123_197554_jtfinc_northeast.jpg|jtfinc_map_byrd2jtfdc
/fb/jtfdcr/pages/zn_donutvanlaw_takings_all_took.jpg|
/fb/jtfdcr/pages/waxpaper.jpg|waxpaper
/fb/jtfdcr/pages/IMG_7639.png|jtf32_jtf28_donovan_scheming
/fb/jtfdcr/pages/IMG_7569.png|jtfdc_jtf31_speedbump_potholes
/fb/jtfdcr/pages/IMG_7567.png|jtf31_trespas_parking
/fb/jtfdcr/pages/IMG_7450.png|dogboy_stalkaround
/fb/jtfdcr/pages/IMG_7306.png|jtf2939_driveway_bike_wagon
/fb/jtfdcr/pages/IMG_7288.png|jtf31_fiona_freeroam
/fb/jtfdcr/pages/IMG_7285.png|jtf2930_driveway_bike_owl
/fb/jtfdcr/pages/IMG_7235.png|jtf29_driveway_mower_basketball_potholes
/fb/jtfdcr/pages/IMG_7218.png|jtfinc_signs
/fb/jtfdcr/pages/IMG_7184.png|jtf39_sign_posted_kassil_gohome
/fb/jtfdcr/pages/IMG_7160.png|jtf30_jtf28_scheming
/fb/jtfdcr/pages/IMG_7042.png|jtf38_segrists_dog1_stalkaround
/fb/jtfdcr/pages/IMG_7794.png|stlc_truck
/fb/jtfdcr/pages/IMG_7768.png|jtf29_driveway_stalkaround_trucks
/fb/jtfdcr/pages/IMG_7767.png|jtf29_stalkaround_jtf39_treetrucks
/fb/jtfdcr/pages/IMG_7766.png|jtf29_stalkaround_jtf39_treetrucks
/fb/jtfdcr/pages/IMG_7706.png|jtf31_property_taking
/fb/jtfdcr/pages/IMG_7703.png|jtf31_property_taking_sawhorse_rearangment
/fb/jtfdcr/pages/IMG_7643.png|jtf32_jtf28_scheming
/fb/jtfdcr/pages/IMG_7642.png|jtf32_jtf28_scheming
/fb/jtfdcr/pages/IMG_7600.png|jtf31_jtfdc_easment_trespass
/fb/jtfdcr/pages/IMG_7569.png|jtfinc_roaddues_bigtruck_damage
/fb/jtfdcr/pages/IMG_6946.png|jtfinc_roaddues_bigtruck_damage
/fb/jtfdcr/pages/IMG_6861.png|jtf29_driveway_damage_ledger
/fb/jtfdcr/pages/IMG_6843.png|jtf29_jtf39_byrd_trespass_vandalsm
/fb/jtfdcr/pages/IMG_6837.png|jtfdv_est_19790329_
/fb/jtfdcr/pages/IMG_6836.png|jtd29_jtf31_driveway_suv_assault_daugterinlaw_20190825_0952
/fb/jtfdcr/pages/IMG_6275.png|konet_20130215_97835_dollar_leidos_check
/fb/jtfdcr/pages/IMG_6272.png|konet_4mth_invoices_97835_leidos_saic
/fb/jtfdcr/pages/IMG_6070.png|jtf32_donovan_beware_dog_sign
/fb/jtfdcr/pages/IMG_6048.png|jtf30_jtf31_jtf32_scheming
/fb/jtfdcr/pages/IMG_6047.png|jtf29_swat_assault
/fb/jtfdcr/pages/defford_boat.jpg|jtf28_pontoon_boat_front_lawn
/fb/jtfdcr/pages/20161007_jtflaw_065.jpg|stlc_nuisances_314-799-0560_mathew_bu
/fb/jtfdcr/pages/20161007_jtflaw_065.jpg|jtfinc_trustee_illigal_taking
/fb/jtfdcr/pages/20161007_jtflaw_062.jpg|jtf29-30_easement_creating_common_driveway_1998
/fb/jtfdcr/pages/20161007_jtflaw_061.jpg|jtf29-30_easment_rees
/fb/jtfdcr/pages/tn/tn_20161007_jtflaw_053.png|jtfinc_jtfdc_vote
/fb/jtfdcr/pages/20161007_jtflaw_008.jpg|jtfdc_keuhlig_trustees_no_authority_whatsoever_over_lots_282930
/fb/jtfdcr/pages/998.jpg|law_cover
/fb/jtfdcr/pages/snap_20170123_187562_jatf29_jtf38-29_byrd_seagrist_tresspass_trheats.jpg|jtfdcr_jtf39_byrd_segrist_trespass
/fb/jtfdcr/pages/tn/tn_snap_20170123_187561_jtf29_jtf38-39_byrd_segrist_tresspass_threats2.png|jtf39_byrd_segrist_tresspass_threats2
/fb/jtfdcr/pages/jtf31_snap_20170123_187589_noparking_party_sign.png|jtf31_noparking_party_sign
/fb/jtfdcr/pages/tn/tn_snap_20170123_187589_jtf31_jtfdc_noparking_party_sighn.png|jtf31_noparking_party
/fb/jtfdcr/pages/tn/tn_stlcounty_kassil_bench_probaton_20170918-1818__002.png|20170918_1818_bench_probation
/fb/jtfdcr/pages/20161007_jtflaw_053.jpg|jtfdcr_20161007
/fb/jtfdcr/pages/tn/tn_20161007_jtflaw_053.png|jtflaw_053
/fb/jtfdcr/pages/998.jpg|law_cover
`.split("\n");
htmout=""; j=0; k=0; i=0;
htmout+="<div id=div_items>\n";
htmout+="<table id=table_anim_end>\n";
htmout+="<tr>\n";
htmout+=" <td>num</td>\n";
htmout+=" <td>id</td>\n";
htmout+=" <td>link</td>\n";
htmout+=" <td>desc</td>\n";
htmout+=" <td>pathfile</td>\n";
htmout+=" </tr>\n";
// alert( "BUGS_300 anim len="+items.length+" htmout="+htmout );
fdir="/fb/jtfdcr/pages/"; k=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]; }
k=k+1;
id="id_"+k;
divid="div_item_"+k;
imgid="img_item_"+k;
// if( document.getElementById(imgid)) { document.getElementById(imgid).src=file; }
// continue;
// htmout+="j="+j+" file="+file+" desc="+desc+"<br>\n";
link="";
link+="<div id="+divid+" >\n";
link+=" <img id=\""+imgid+"\" ";
link+=" title=\" "+desc+"\" ";
link+=" src=\""+file+"\" ";
link+=" onclick=\"window.open('"+file+"'); return false;\"";
link+=" height=100 border=0>";
link+=" </div id="+divid+"_end >\n";
// htmout+="j="+j+" file="+file+" desc="+desc+"<br>\n";
htmout+="<tr>\n";
htmout+=" <td>"+j+"</td>\n";
htmout+=" <td>"+id+"</td>\n";
htmout+=" <td>"+link+"</td>\n";
htmout+=" <td>"+desc+"</td>\n";
htmout+=" <td>"+file+"</td>\n";
htmout+=" </tr>\n";
// alert( "BUGS_303 anim "+j+","+k+" htmout="+htmout );
dhtml="'"+divid+"'"+","+"'"+imgid+"'";
// SET_DHTML(dhtml);
src="/imgs/btn/koeyeb.png";
if( document.getElementById(imgid)) {
document.getElementById(imgid).src=src;
// document.getElementById(imgid).style.height=100;
// document.getElementById(imgid).style.width=100;
}
}
htmout+=" <table id=table_anim_end>\n";
htmout+=" </div id=div_items_end>\n";
// alert( "BUGS_333 ANIM htmout="+htmout );
if( document.getElementById('div_items')) {
document.getElementById('div_items').innerHTML=htmout
}
// alert( "BUGS_170 ANIM items="+items );
return(htmout);
}
</script id=script_items_end>
<br>
<hr color=white>
<img id=img_chase title=" chase"
src=/imgs/btn/koeye.png onclick="toggle('div_chase'); return false;" height=20 border=0>chase
<br>
<div id=div_actions>
<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>
<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" );
// htmout=""; divids = new Array();
// for( j=0; j<50; j++ ) {
// imgid="img_item_"+j;
// divids[j]="'"+imgid+"'";
// htmout+="<img id="+imgid+" title=\""+imgid+"\" src=/imgs/btn/koeye.png height=10 border=0><br>";
// }
// if( document.getElementById('div_items')) {
// document.getElementById('div_items').innerHTML=htmout;
// }
// for( j=0; j<50; j++ ) {
// SET_DHTML(divids[j]);
// }
SET_DHTML(CURSOR_MOVE, RESIZABLE, NO_ALT, SCROLL);
SET_DHTML( "rabbit" );
SET_DHTML( "hounds" );
SET_DHTML( "houndsb", "houndsw" );
SET_DHTML( "img_item_1"+RESIZABLE+TRANSPARENT );
SET_DHTML( "img_item_2"+RESIZABLE+TRANSPARENT );
SET_DHTML( "img_item_3"+RESIZABLE+TRANSPARENT );
SET_DHTML( "img_item_4"+RESIZABLE+TRANSPARENT );
SET_DHTML( "img_item_5"+RESIZABLE+TRANSPARENT );
SET_DHTML( "img_item_6"+RESIZABLE+TRANSPARENT );
SET_DHTML( "img_item_7"+RESIZABLE+TRANSPARENT );
SET_DHTML( "img_item_9"+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
);
}
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>
<div id=div_wz >
<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="/imgs/btn/ok.png" 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>
<div id=div_cfg>
<h1>div_cfg</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
<img id=img_anim src=/imgs/btn/kobrd.png onclick="items('btn'); return false;" height=20 border=0>items
<br>
<div id=div_fonts>
<select onchange="set_font(this);" size="13">
<option>yokkmokkOT</option>
<option>PAPYRUS</option>
<option>Papyrus</option>
<option>papyrus</option>
<option>montserrat</option>
<option>Georgia</option>
<option>Palatino Linotype</option>
<option>Book Antiqua</option>
<option>Times New Roman</option>
<option>Arial</option>
<option>Helvetica</option>
<option>Arial</option>
<option>Helvetica</option>
<option>Arial Black</option>
<option>Impact</option>
<option>Lucida Sans Unicode</option>
<option>Tahoma</option>
<option>Verdana</option>
<option>Courier New</option>
<option>Lucida Console</option>
</select>
</div id=div_cfg_font_end>
<div id=div_fonts>
<h1>div_fonts</h1>
ABCDEFGHIJKLMNOPQRSTUVWXYZ
<br>
0123456789
<br>
abcdefghijklmnopqrstuvwxyz
</div id=div_fonts_end>
</div id=div_cfg_end>
<script id=script_set_font>
function set_font(selectTag) {
divid="div_fonts";
document.getElementById(divid).style.fontFamily = listValue;
return("");
divid="div_fonts";
alert( "BUGS_701 set_font selectTag="+selectTag+" divid="+divid );
var listValue = selectTag.options[selectTag.selectedIndex].text;
// document.getElementById("div_fonts").style.fontFamily = listValue;
if ( document.getElementById(divid)) {
// alert( "BUGS_702 FOUND set_font selectTag="+selectTag+" divid="+divid );
document.getElementById(divid).style.fontFamily = listValue;
}
else {
// alert( "BUGS_703 ___FOUND set_font selectTag="+selectTag+" divid="+divid );
}
}
</script id=script_set_font_end>
<hr color=white>
<hr color=black>
</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