DIR : /home/kozerus/public_html/k9/index.html
/home/kozerus/public_html/k9
<html>
<head>
<title>20230911_1615.html help.html </title>
<!--
<title>20200805_2330.html index.html sync </title>
<title>20200805_2230.html index.html sync </title>
<title>20200804_1330.html step1 n canvas prep</title>
<title>20200804_0500.html k9s</title>
<title>20200802_2100_grid.html</title>
-->
<script id="script_kolists">
// alert( "BUGS_10" );
var kolists = [];
kolists['ids'] = `id0 id1 id2 id3`;
// alert( "BUGS_11 kolists_ids="+kolists['ids'] );
</script>
<script id="script_keyholes">
if( document.getElementById('div_grid')) {
if( document.getElementById('div_grid').style.display == "inline" ) {
alert( "BUGS_101 div_grid style.display=inline" );
document.getElementById('div_grid').style.display="none";
}
else {
alert( "BUGS_102 div_grid style.display=none" );
document.getElementById('div_grid').style.display="inline";
}
}
keyholes_list=`
btn_keyhole.png
btn_keyhole1.png
btn_keyhole2.png
btn_keyhole2heaven.png
btn_keyhole2heaven1.png
btn_keyhole2heaven2.png
btn_keyhole_abright.png
btn_keyhole_aesthetic_castiron.png
btn_keyhole_alice2.png
btn_keyhole_alice_rabbit.png
btn_keyhole_alice_rabbit2.png
btn_keyhole_android.png
btn_keyhole_babe1.png
btn_keyhole_babe2.png
btn_keyhole_bigmoon.png
btn_keyhole_biz.png
btn_keyhole_brass.png
btn_keyhole_brass1.png
btn_keyhole_brass2.png
btn_keyhole_castiron_french.png
btn_keyhole_castle.png
btn_keyhole_circle.png
btn_keyhole_circuit.png
btn_keyhole_clipart10.png
btn_keyhole_clipart2.png
btn_keyhole_distant.png
btn_keyhole_door.png
btn_keyhole_door2.png
btn_keyhole_doors.png
btn_keyhole_earth_clipart.png
btn_keyhole_eastlake.png
btn_keyhole_eclipse.png
btn_keyhole_elipse.png
btn_keyhole_elipse_eye.png
btn_keyhole_escutcheon.png
btn_keyhole_eye2.png
btn_keyhole_eye_law.png
btn_keyhole_eye_man.png
btn_keyhole_eyespy.png
btn_keyhole_fairy.png
btn_keyhole_fairytale.png
btn_keyhole_fantasy.png
btn_keyhole_fitting.png
btn_keyhole_flare.png
btn_keyhole_gears.png
btn_keyhole_heart2.png
btn_keyhole_horn.png
btn_keyhole_italian_gilded.png
btn_keyhole_key.png
btn_keyhole_key2.png
btn_keyhole_key4.png
btn_keyhole_keyshadow.png
btn_keyhole_kids.png
btn_keyhole_kids3.png
btn_keyhole_kiti.png
btn_keyhole_kitisleeper.png
btn_keyhole_knit.png
btn_keyhole_knit2.png
btn_keyhole_knob.png
btn_keyhole_knocker.png
btn_keyhole_konabus.png
btn_keyhole_konabus_eye.png
btn_keyhole_konabus_moon.png
btn_keyhole_konabus_moon2.png
btn_keyhole_laserblue.png
btn_keyhole_legs.png
btn_keyhole_legs2.png
btn_keyhole_legs3.png
btn_keyhole_light2.png
btn_keyhole_light3.png
btn_keyhole_megalith.png
btn_keyhole_megalith2.png
btn_keyhole_metalplate.png
btn_keyhole_oak.png
btn_keyhole_oak1.png
btn_keyhole_oak2.png
btn_keyhole_ornate.png
btn_keyhole_pacer-25.png
btn_keyhole_peeker.png
btn_keyhole_peekerman.png
btn_keyhole_peeper.png
btn_keyhole_redtree.png
btn_keyhole_rome.png
btn_keyhole_royal.png
btn_keyhole_rusty.png
btn_keyhole_scrolls.png
btn_keyhole_siloette.png
btn_keyhole_spider.png
btn_keyhole_stars.png
btn_keyhole_steps.png
btn_keyhole_straight.png
btn_keyhole_success.png
btn_keyhole_tattoo.png
btn_keyhole_the.png
btn_keyhole_thinking.png
btn_keyhole_title.png
btn_keyhole_tree.png
btn_keyhole_us.png
btn_keyhole_us1.png
btn_keyhole_us2.png
btn_keyhole_usline.png
btn_keyhole_vintage_clipart.png
btn_keyhole_wave.png
btn_keyhole_winter.png
btn_keyhole_wood.png
btn_keyhole_worn.png
btn_keyhole_worn2.png
btn_keyholes.png
btn_keyholes_brass.png
btn_keyholes_butterflies.png
btn_keyholes_keys.png
btn_keyholes_ko.png
`
// if( document.getElementById('div_grid')) {
// alert( "BUGS_011 div_grid style.display=inline" );
// document.getElementById('div_grid').style.display="inline";
// }
// else {
// alert( "BUGS_012 NOTFOUND div_grid style.display=inline" );
// }
// if( document.getElementById('div_help')) {
// alert( "BUGS_021 div_help style.display=none" );
// document.getElementById('div_help').style.display="none";
// }
// else {
// alert( "BUGS_022 NOTFOUND div_help style.display=none" );
// }
// alert( "BUGS_013 keyholes_list="+keyholes_list);
</script id="script_keyholes_end">
<script id="script_random_int">
function random_int(max,min) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min + 1)) + min;
}
</script>
<script id="script_kolists">
// alert( "BUGS_10" );
var kolists = [];
kolists['ids'] = `id0 id1 id2 id3`;
// alert( "BUGS_11 kolists_ids="+kolists['ids'] );
</script>
<script id="script_random_int">
function random_int(max,min) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min + 1)) + min;
}
</script>
<script id="script_bugs">
function bugs(args) {
alert( "BUGS_8900 args="+args );
return(args);
}
</script>
<script id="script_keine">
function keine(i) {
// alert( "BUGS_8980 keine i="+i );
j=0; o=0;
is=i.toString().split("");
islen=is.length;
// alert( "BUGS_8995 keine j="+j+" islen="+islen+" is="+is );
for( j=0; j<islen; j++ ) {
o=o+parseInt(is[j]);
if( o>9 ) {
// alert( "BUGS_8996 TOBIG j="+j+" i="+i+" o="+o );
o=o-9;
// alert( "BUGS_8997 tobig j="+j+" i="+i+" o="+o );
}
}
// alert( "BUGS_9000 keine j="+j+" i="+i+" o="+o );
return(o);
}
</script>
<script id="script_grid_toggle">
function grid_toggle(args) {
// alert("BUGS_200 grid args="+args );
// if( document.getElementById('div_grid')) {
// alert( "BUGS_011 ___FOUND div_grid style.display="+document.getElementById('div_grid').style.display );
// alert( "BUGS_011 ___FOUND div_grid style.display=inline" );
// document.getElementById('div_grid').style.display="inline";
// }
// else {
// alert( "BUGS_012 NOTFOUND div_grid style.display=inline" );
// }
// if( document.getElementById('div_help')) {
// alert( "BUGS_021 ___FOUND div_help style.display="+document.getElementById('div_help').style.display );
// document.getElementById('div_help').style.display="inline";
// }
// else {
// alert( "BUGS_022 NOTFOUND div_help style.display=inline" );
// }
div_divid="div_grid";
if( document.getElementById('div_grid')) {
if( document.getElementById('div_grid').style.display == "" ) {
document.getElementById('div_grid').style.display = "inline";
}
if( document.getElementById('div_grid').style.display == "inline" ) {
// alert( "BUGS_201 div_grid style.display=inline" );
document.getElementById('div_grid').style.display="none";
if( document.getElementById('img_grid_toggle')) {
document.getElementById('img_grid_toggle').src="/imgs/btn/btn_keyhole1.png";
}
if( document.getElementById('img_grid_keys')) {
document.getElementById('img_grid_keys').src="/imgs/btn/btn_keys1.png";
}
}
else{
// alert( "BUGS_202 div_grid style.display=none" );
document.getElementById('div_grid').style.display="inline";
if( document.getElementById('img_grid_toggle')) {
document.getElementById('img_grid_toggle').src="/imgs/btn/btn_keyhole2heaven.png";
}
// if( document.getElementById('img_grid_keys')) {
// document.getElementById('img_grid_keys').src="/imgs/btn/btn_keys2.png";
// }
// return('');
}
}
// help_toggle(args);
return(args);
}
</script>
<script id="script_help_toggle">
function help_toggle(args) {
// alert("BUGS_300 help args="+args+" keyholes_list="+keyholes_list );
// alert( "BUGS_300 div_help.style.display="+document.getElementById('div_help').style.display );
// div_divid="div_help";
if( document.getElementById('div_help')) {
if( document.getElementById('div_help').style.display == "" ) {
document.getElementById('div_help').style.display = "none";
}
if( document.getElementById('div_help').style.display == "inline" ) {
document.getElementById('div_help').style.display = "none";
}
else {
document.getElementById('div_help').style.display = "inline";
}
}
return(args);
}
</script>
<script id="script_grid">
function grid(args) {
// alert("BUGS_200 grid args="+args );
// var ctx = document.getElementById('canvas_table_top').getContext('2d');
if( document.getElementById('img_grid_keys')) {
document.getElementById('img_grid_keys').src="/imgs/btn/btn_keys_string1.png";
}
if(args=="") {
}
tokens=args;
k9s=tokens;
j=0; k=0;
if( args == '' ) {
tokens = '';
tokens += '-';
for( k=1; k<11; k++ ) {
// token = random_int(9,0);
token = random_int(9,0);
token = random_int(99,00);
token = random_int(999,100);
token = random_int(9999,1000);
token = random_int(999999,100000);
token = random_int(99999999,10000000);
k9=token;
// alert("BUGS_9010 grid j="+j+" k="+k+" token="+token+" k9="+k9 );
k9=keine(token);
// alert("BUGS_9020 grid j="+j+" k="+k+" token="+token+" k9="+k9 );
token_str = token.toString();
tokens += token.toString(); tokens += '-';
// tokens += token_str; tokens += '-';
}
// tokens += '-';
}
k9s=tokens;
var tokes = tokens.split(/-/);
tokes_len = tokes.length;
head=0; tail=tokes_len-1;
if(( tokes[head] != "" ) && ( tokes[tail] != "" )) {
k9head=keine(tokes[head]);
status=0;
for( j=1; j<tail; j++ ) {
if( tokes[tail] == tokes[j] ) {
if( j == k9head ) { status=1; }
break;
}
}
if( status == 1 ) {
// alert( "BUGS_161 K9 status==1<br>\n" );
htmout = '';
htmout += '<img src="/imgs/btn/btn_key_happiness.png" ';
// htmout += ' onclick="window.open(\'/imgs/btn/btn_key_happiness.png\');return false;"';
htmout += ' onclick="window.open(\'./ko.php?birds&bugs=form\');return false;"';
htmout += ' height=400 border=0>';
}
else {
// alert( "BUGS_162 K9 status!=1<br>\n" );
htmout = '';
htmout += '<img src="/imgs/btn/btn_keyhole_us.png" ';
htmout += ' onclick="window.open(\'/imgs/btn/btn_key_happiness.png\');return false;"';
htmout += ' height=400 border=0>';
}
if( document.getElementById('div_grid1')) {
document.getElementById('div_grid1').innerHTML = htmout;
}
return(args);
}
grid1 = '';
grid1 += '<div id="div_grid1" >';
grid1 += ' <h1>div_keypad</h1>';
grid1 += ' <h3>'+tokens+'</h3>';
grid1 += ' <br>';
grid1 += ' <table id="table_grid">';
// alert( "BUGS_150 grid1="+grid1+" tokes="+tokes );
j=0;
for(r=1; r<4; r++) {
grid1 += '<tr>';
for(c=1; c<4; c++) {
// alert( "BUGS_150 j="+j+"-"+r+"-"+c+" tokens="+tokens );
j=j+1;
grid1 += '<td>';
grid1 += j;
if((tokes[head]=="")&&(tokes[tail]=="")) {
grid1 += '<img src="/imgs/btn/kob.png" onclick=';
// grid1 += ' "grid(\''+j+tokens+'\'); return false;" ';
grid1 += ' "grid(\''+tokes[j]+tokens+'\'); return false;" ';
grid1 += ' height=50 border=0>';
grid1 += '<br>';
// grid1 += tokes[j];
// grid1 += '<br>';
// grid1 += keine(tokes[j]);
// alert( "BUGS_151 j="+j+"-"+r+"-"+c+" tokens="+tokens );
}
if((tokes[head]!="")&&(tokes[tail]=="")) {
// if( tokes[head] == j ) {
if( tokes[head] == tokes[j] ) {
grid1 += '<img src="/imgs/btn/kow.png" ';
// grid1 += ' onclick="grid(\''+tokens+j+'\'); return false;" ';
grid1 += ' onclick="grid(\''+tokens+tokes[j]+'\'); return false;" ';
grid1 += ' height=50 border=0>';
grid1 += '<br>';
// grid1 += tokes[j];
// grid1 += '<br>';
// grid1 += keine(tokes[j]);
}
else {
grid1 += '<img src="/imgs/btn/kob.png" ';
grid1 += ' onclick="grid(\''+tokens+tokes[j]+'\'); return false;" ';
grid1 += ' height=50 border=0>';
grid1 += '<br>';
// grid1 += tokes[j];
// grid1 += '<br>';
// grid1 += keine(tokes[j]);
}
// alert( "BUGS_152 j="+j+"-"+r+"-"+c+" tokens="+tokens );
}
if((tokes[head]!="")&&(tokes[tail]!="")) {
// if( tokes[head] == keine(tokes[tokes[tail]]) ) {
// if( tokes[ tokes[head]] == keine(tokes[tokes[tail]]) ) {
if( tokes[ tokes[head]] == tokes[tokes[tail]] ) {
grid1 += '<img src="/imgs/btn/btn_key_happiness.png" ';
grid1 += ' onclick="grid(\''+tokens+'\'); return false;" ';
grid1 += ' height=50 border=0>';
grid1 += '<br>';
grid1 += tokes[head]+'='+tokes[tail]+'<br>';
// grid1 += tokes[j]+<br>;
// grid1 += '<br>';
// grid1 += keine(tokes[tokes[tail]]);
}
else {
grid1 += '<img src="/imgs/btn/kob.png" ';
grid1 += ' onclick="grid(\''+tokens+'\'); return false;" ';
grid1 += ' height=50 border=0>';
grid1 += '<br>';
grid1 += tokes[j];
// grid1 += '<br>';
// grid1 += keine(tokes[j]);
}
// alert( "BUGS_153 j="+j+"-"+r+"-"+c+" tokens="+tokens );
}
grid1 += '<br>'+tokes[j];
// grid1 += '<br>'+keine(tokes[j]);
grid1 += '<br>';
grid1 += ' </td>';
// grid1 += '-'+k9;
// grid1 += '-'+keine(tokes[j]);
// alert( "BUGS_65 j="+j+" toke="+tokes[j] );
// grid1 += tokes[j].toString();
}
grid1 += ' </tr>';
}
grid1 += ' </table>';
grid1 += ' </div>';
// alert( "BUGS_111 grid1="+grid1 );
if( document.getElementById('div_grid')) {
document.getElementById('div_grid').innerHTML=grid1;
}
// alert( "BUGS_71 grid1="+grid1 );
return(args);
htmout = '';
htmout += '<div id="div_tokens">';
htmout += '<h1>div_tokens</h1>';
htmout += '<br>';
htmout += ' </div>';
if( document.getElementById('div_tokens')) {
document.getElementById('div_tokens').innerHTML=tokens;
}
htmout += '<div id="div_grid">';
htmout += '<h1>div_grid</h1>';
htmout += '<img src="/imgs/btn/kob.png" ';
htmout += ' onclick="grid(\'grid-1\');return false;" ';
htmout += ' height=50 border=0>';
htmout += '<img src="/imgs/btn/kob.png" ';
htmout += ' onclick="grid(\'grid-2\');return false;" ';
htmout += ' height=50 border=0>';
htmout += '<img src="/imgs/btn/kob.png" ';
htmout += ' onclick="grid(\'grid-3\');return false;" ';
htmout += ' height=50 border=0>';
htmout += '<br>';
htmout += '<img src="/imgs/btn/kob.png" ';
htmout += ' onclick="grid(\'grid-4\');return false;" ';
htmout += ' height=50 border=0>';
htmout += '<img src="/imgs/btn/kob.png" ';
htmout += ' onclick="grid(\'grid-5\');return false;" ';
htmout += ' height=50 border=0>';
htmout += '<img src="/imgs/btn/kob.png" ';
htmout += ' onclick="grid(\'grid-6\');return false;" ';
htmout += ' height=50 border=0>';
htmout += '<br>';
htmout += '<img src="/imgs/btn/kob.png" ';
htmout += ' onclick="grid(\'grid-7\');return false;" ';
htmout += ' height=50 border=0>';
htmout += '<img src="/imgs/btn/kob.png" ';
htmout += ' onclick="grid(\'grid-8\');return false;" ';
htmout += ' height=50 border=0>';
htmout += '<img src="/imgs/btn/kob.png" ';
htmout += ' onclick="grid(\'grid-9\');return false;" ';
htmout += ' height=50 border=0>';
htmout += '<br><br><br><br>';
htmout += '<hr color=goldenrod';
// htmout += '<table>';
//
// j=0;
// for(r=0; r<3; r++ ) {
// htmout += ' <tr>';
// for( c=0; c<3; c++ ) {
// rand=random_int(99999999,0);
//// alert( "BUGS_202 j="+j+" rand="+rand );
// kolists[j] = rand;
// htmout += ' <td>';
// htmout += '<img src="/imgs/btn/kob.png"';
// htmout += ' alt="/imgs/btn/kob.png"';
// htmout += ' onclick="grid(\''j+'|'+kolists[j]+'\');return false;" ';
// htmout += ' height=50 border=0>';
// htmout += ' '+kolists[j];
// htmout += ' </td>';
// }
// htmout += ' </tr>';
// }
// htmout += ' </table>';
// htmout += ' </div>';
//
// htmout="<h1>BUGS_HTML</h1>";
// alert("BUGS_201 grid htmout="+htmout );
if( document.getElementById('div_grid')) {
document.getElementById('div_grid').innerHTML=htmout;
}
return(args);
}
</script>
<script id="script_startup">
function startup(args) {
// alert("BUGS_100 startup args="+args );
grid(args);
return(args);
}
</script>
<script type = "text/javascript">
function drawgrid() {
if(document.getElementById('canvas_grid_table_top')) {;
var canvas = document.getElementById('canvas_grid_table_top');
}
if (canvas.getContext) {
var ctx = canvas.getContext('2d');
// Create a pattern
for (var i = 0;i<7;i++) {
for (var j = 0;j<7;j++) {
ctx.fillStyle = 'rgb(' + Math.floor(255-20.5*i)+ ','+
Math.floor(255 - 42.5*j) + ',255)';
ctx.fillRect( j*25, i* 25, 55, 55 );
}
}
}
else {
alert('ALERT_100: unauthorized access logged !!');
}
}
</script>
<script id="script_startup">
function startup(args) {
// alert("BUGS_100 startup args="+args );
grid(args);
return(args);
}
</script>
<script type = "text/javascript">
function drawgrid() {
if(document.getElementById('canvas_grid_table_top')) {;
var canvas = document.getElementById('canvas_grid_table_top');
}
if (canvas.getContext) {
var ctx = canvas.getContext('2d');
// Create a pattern
for (var i = 0;i<7;i++) {
for (var j = 0;j<7;j++) {
ctx.fillStyle = 'rgb(' + Math.floor(255-20.5*i)+ ','+
Math.floor(255 - 42.5*j) + ',255)';
ctx.fillRect( j*25, i* 25, 55, 55 );
}
}
}
else {
alert('ALERT_100: unauthorized access logged !!');
}
}
</script>
</head>
<body bgcolor=linen onload="startup('');return false;">
<hr color=black>
<hr color=white>
<hr color=white>
<hr color=black>
<h1>grid.html</h1>
<div id="div_tokens">
<h1>div_tokens</h1>
</div>
<br>
<hr color=red>
<hr color=white>
<hr color=blue>
<hr color=goldenrod>
<br>
<img src="/imgs/btn/btn_keyhole1.png"
alt="invite_vip_deutsch"
onclick="grid_toggle(''); return false;"
height=200 border=0 >
       
<img src="/imgs/btn/btn_keys1.png"
onclick="grid(''); return false;"
height=300 border=0 >
<br>
<br>
<hr color=goldenrod>
<div id="div_tokens" hidden ><h3>div_tokens</h3></div>
<div id="div_grid"><h3>div_grid</h3></div>
<div id="div_grid1" hidden ><h3>div_grid1</h3></div>
<div id="div_grid2" hidden ><h3>div_grid2</h3></div>
<br>
<hr color=goldenrod>
<hr color=goldenrod>
<!--
BUGS_680 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaa
<div id="div_grid_canvas" hidden>
<h3>grid_canvas</h3>
<canvas id="canvas_table_top" height=50 ></canvas>
<table id="table_grid_canvas" >
<tr>
<td id="td11" > <canvas id="canvas_grid_1" src=/imgs/btn/kob.png onclick="grid('grid1_11');return false;" height=50 border=0 ></canvas></td>
<td id="td12" > <canvas id="canvas_grid_2" src=/imgs/btn/kob.png onclick="grid('grid1_12');return false;" height=50 border=0 ></canvas></td>
<td id="td13" > <canvas id="canvas_grid_3" src=/imgs/btn/kob.png onclick="grid('grid1_13');return false;" height=50 border=0 ></canvas></td>
</tr>
<tr>
<td id="td21" > <canvas id="canvas_grid_4" src=/imgs/btn/kob.png onclick="grid('grid1_21');return false;" height=50 border=0 ></canvas></td>
<td id="td22" > <canvas id="canvas_grid_5" src=/imgs/btn/kob.png onclick="grid('grid1_22');return false;" height=50 border=0 ></canvas></td>
<td id="td23" > <canvas id="canvas_grid_6" src=/imgs/btn/kob.png onclick="grid('grid1_23');return false;" height=50 border=0 ></canvas></td>
</tr>
<tr>
<td id="td31" > <canvas id="canvas_grid_7" src=/imgs/btn/kob.png onclick="grid('grid1_31');return false;" height=50 border=0 ></canvas></td>
<td id="td32" > <canvas id="canvas_grid_8" src=/imgs/btn/kob.png onclick="grid('grid1_32');return false;" height=50 border=0 ></canvas></td>
<td id="td33" > <canvas id="canvas_grid_9" src=/imgs/btn/kob.png onclick="grid('grid1_33');return false;" height=50 border=0 ></canvas></td>
</tr>
<tr>
<td id="td_1-1" >box1-1</td>
<td id="td_1-2" >box1-2</td>
<td id="td_1-3" >box1-3</td>
</tr>
<tr>
<td id="td_2-1" >box2-1</td>
<td id="td_2-2" >box2-2</td>
<td id="td_2-3" >box2-3</td>
</tr>
<tr>
<td id="td_3-1" >box3-1</td>
<td id="td_3-2" >box3-2</td>
<td id="td_3-3" >box3-3</td>
</tr>
</table>
<canvas id="canvas_table_bot" height=100 width=400></canvas>
</div>
<br>
<hr color=goldenrod>
<hr color=goldenrod>
<hr color=goldenrod>
<br>
-->
<hr color=white>
<img src="helpbean.gif" onclick="help_toggle('');return false;" height=25 border=0>
<div id=div_help hidden >
<!-- <a href=help.html target=_blank><img src=helpbean.gif alt=help height=50 border=0></a> -->
<hr color=black>
<hr color=white>
<h1>kiene ninea - without nines</h1>
<br>
<li>click keyhole: toggle keypad and associated numbers</li>
<li>click keys: to generate random numbers for each keypad digit</li>
<li>click keypad digit to select random number to k9</li>
<li>click keypad digit to select correct k9</li>
<br>
<h3>incorrect selections return to the keyhole</h3>
<h3>correct selection is happyness</h3>
<br>
<h2>k9: add individul digits until a single digit remains</h2>
<h3>1=1 2=2 ... 8=8 9=0 0=0</h3>
<h3>10=1 11=2 12=3 ... 17=8 18=9=0 19=10=1</h3>
<h3>123=1+2+3=6 987=9+8+7=8+7=15=1+5=6<h3>
<br>
<hr color=white>
<hr color=black>
<a href=index.html ><img src=btn_keyhole_tree.png height=200 border=0></a>
<hr color=black>
<hr color=white>
</div id="div_help_end">
<div id="div_grid_tail" hidden>
<h3>div_grid_tail</h3>
<hr color=yellow>
<hr color=yellow>
<hr color=yellow>
</div>
<br>
<!--
<div id="div_grid_canvas" hidden>
<h3>grid_canvas</h3>
<canvas id="canvas_table_top" height=50 ></canvas>
<table id="table_grid_canvas" >
<tr>
<td id="td11" > <canvas id="canvas_grid_1" src=/imgs/btn/kob.png onclick="grid('grid1_11');return false;" height=50 border=0 ></canvas></td>
<td id="td12" > <canvas id="canvas_grid_2" src=/imgs/btn/kob.png onclick="grid('grid1_12');return false;" height=50 border=0 ></canvas></td>
<td id="td13" > <canvas id="canvas_grid_3" src=/imgs/btn/kob.png onclick="grid('grid1_13');return false;" height=50 border=0 ></canvas></td>
</tr>
<tr>
<td id="td21" > <canvas id="canvas_grid_4" src=/imgs/btn/kob.png onclick="grid('grid1_21');return false;" height=50 border=0 ></canvas></td>
<td id="td22" > <canvas id="canvas_grid_5" src=/imgs/btn/kob.png onclick="grid('grid1_22');return false;" height=50 border=0 ></canvas></td>
<td id="td23" > <canvas id="canvas_grid_6" src=/imgs/btn/kob.png onclick="grid('grid1_23');return false;" height=50 border=0 ></canvas></td>
</tr>
<tr>
<td id="td31" > <canvas id="canvas_grid_7" src=/imgs/btn/kob.png onclick="grid('grid1_31');return false;" height=50 border=0 ></canvas></td>
<td id="td32" > <canvas id="canvas_grid_8" src=/imgs/btn/kob.png onclick="grid('grid1_32');return false;" height=50 border=0 ></canvas></td>
<td id="td33" > <canvas id="canvas_grid_9" src=/imgs/btn/kob.png onclick="grid('grid1_33');return false;" height=50 border=0 ></canvas></td>
</tr>
<tr>
<td id="td_1-1" >box1-1</td>
<td id="td_1-2" >box1-2</td>
<td id="td_1-3" >box1-3</td>
</tr>
<tr>
<td id="td_2-1" >box2-1</td>
<td id="td_2-2" >box2-2</td>
<td id="td_2-3" >box2-3</td>
</tr>
<tr>
<td id="td_3-1" >box3-1</td>
<td id="td_3-2" >box3-2</td>
<td id="td_3-3" >box3-3</td>
</tr>
</table>
<canvas id="canvas_table_bot" height=100 width=400></canvas>
</div>
<br>
<hr color=goldenrod>
<hr color=goldenrod>
<hr color=goldenrod>
<br>
-->
<br>
<hr color=red>
<hr color=white>
<hr color=blue>
<hr color=goldenrod>
<br>
<img src="/fb/cards/pages/invite_vip_deutsch.jpg"
alt="invite_vip_deutsch"
onclick="window.open('/fb/cards/pages/zn/zn_invite_vip_deutsch.jpg'); return false;"
height=200 border=0 >
       
<img src="/imgs/keys/keys00_hole.png"
onclick="window.open('/imgs/keys/keys62_hole2heaven.png'); return false;"
height=200 border=0 >
<br>
<!--
BUGS_830 CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC
<br>
<hr color=goldenrod>
<hr color=goldenrod>
<hr color=goldenrod>
<br>
    -    
<img src=/imgs/btn/ko.png alt="startup"
onclick="startup('startup'); return false;"
height=25 border=0> startup
    -    
    -    
<img src=/imgs/btn/ok.png alt="grid"
onclick="drawgrid(''); return false;"
height=25 border=0> drawgrid
    -    
<br>
<br>
<hr color=goldenrod>
<hr color=goldenrod>
<hr color=goldenrod>
<br>
-->
<!-- BUGS_860 DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD -->
<div id="div_grid_canvas" hidden>
<h1>grid_canvas</h1>
<canvas id="canvas_table_top" height=50 ></canvas>
<table id="table_grid_canvas" >
<tr>
<td id="td11" > <canvas id="canvas_grid_1" src=/imgs/btn/kob.png onclick="grid('grid1_11');return false;" height=50 border=0 ></canvas></td>
<td id="td12" > <canvas id="canvas_grid_2" src=/imgs/btn/kob.png onclick="grid('grid1_12');return false;" height=50 border=0 ></canvas></td>
<td id="td13" > <canvas id="canvas_grid_3" src=/imgs/btn/kob.png onclick="grid('grid1_13');return false;" height=50 border=0 ></canvas></td>
</tr>
<tr>
<td id="td21" > <canvas id="canvas_grid_4" src=/imgs/btn/kob.png onclick="grid('grid1_21');return false;" height=50 border=0 ></canvas></td>
<td id="td22" > <canvas id="canvas_grid_5" src=/imgs/btn/kob.png onclick="grid('grid1_22');return false;" height=50 border=0 ></canvas></td>
<td id="td23" > <canvas id="canvas_grid_6" src=/imgs/btn/kob.png onclick="grid('grid1_23');return false;" height=50 border=0 ></canvas></td>
</tr>
<tr>
<td id="td31" > <canvas id="canvas_grid_7" src=/imgs/btn/kob.png onclick="grid('grid1_31');return false;" height=50 border=0 ></canvas></td>
<td id="td32" > <canvas id="canvas_grid_8" src=/imgs/btn/kob.png onclick="grid('grid1_32');return false;" height=50 border=0 ></canvas></td>
<td id="td33" > <canvas id="canvas_grid_9" src=/imgs/btn/kob.png onclick="grid('grid1_33');return false;" height=50 border=0 ></canvas></td>
</tr>
<tr>
<td id="td_1-1" >box1-1</td>
<td id="td_1-2" >box1-2</td>
<td id="td_1-3" >box1-3</td>
</tr>
<tr>
<td id="td_2-1" >box2-1</td>
<td id="td_2-2" >box2-2</td>
<td id="td_2-3" >box2-3</td>
</tr>
<tr>
<td id="td_3-1" >box3-1</td>
<td id="td_3-2" >box3-2</td>
<td id="td_3-3" >box3-3</td>
</tr>
</table>
<canvas id="canvas_table_bot" height=100 width=400></canvas>
</div>
<!-- BUGS_900 EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE -->
<br>
<hr color=goldenrod>
<hr color=goldenrod>
<hr color=goldenrod>
<br>
</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