DIR : /home/kozerus/public_html/index_bestbug.html
/home/kozerus/public_html
<html>
<head>
<title> -= index.html 2020808_1030 k9lens1 k9lens2 dev =- </title>
</head>
<!--
<title> -= index.html 2020808_0730 links konet iperms ko2 ko1 =- </title>
<title> -= index.html 2020807_1030 links konet iperms ko2 ko1 =- </title>
<title> -= index.html 2020807_1000 link konabus =- </title>
<title> -= index.html 2020807_1000 link koblobs =- </title>
<title>index.html 2020806_2330 Logo index.html </title>
<title>index.html 2020806_2300 indexx.html </title>
<title>index.html 2020806_2130 mob2index.html k9.html2index</title>
<title>mob.html 20200312_0900</title>
<body bgcolor="darkslategrey">
-->
<body bgcolor="linen">
<!-- Load an icon library to show a hamburger menu (bars) on small screens -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Top Navigation Menu -->
<div class="topnav">
<!-- <a href="#home" class="active">Logo</a> -->
<a href="#home" class="active"><img src=/imgs/btn/ko.png onclick="window.open('index_.html');return false;" height=25 border=0></a>
<!-- Navigation links (hidden by default) -->
<div id="myLinks">
<a href="#news">News</a>
<a href="#contact">Contact</a>
<a href="#about">About</a>
<hr color=white>
<hr color=black>
<a href="/notes.txt">notes</a>
<a href="/fb/jtfdcr">jtfdcr</a>
<a href="/fb/law">law</a>
<a href="/fb/jtfdc">jtfdc</a>
<hr color=black>
<a href="/fb/konet">konet</a>
<a href="/fb/iperms">iperms</a>
<a href="/fb/focus">focus</a>
<a href="/fb/che">che</a>
<a href="/fb/kt">kt</a>
<a href="/fb/kou">kou</a>
<a href="/fb/kitiworks">kitiworks</a>
<a href="/fb/pastryroad">pastryroad</a>
<a href="/fb/konabus">konabus</a>
<a href="/fb/go">pastryroad</a>
<hr color=black>
<hr color=white>
<a href="/index_vu.html">vu</a>
<a href="/index_av.html">av</a>
<a href="/index_bb.html">bb</a>
<a href="/index_fb.html">fb</a>
<a href="/index_pn.html">pn</a>
<a href="/index_sl.html">sl</a>
<a href="/index_tl.html">tl</a>
<a href="/index_tm.html">tm</a>
<a href="/index_yt.html">yt</a>
<a href="/index_zm.html">zm</a>
<a href="/index_vu.html">vu</a>
<a href="/index_vu.html">vu</a>
<a href="#about">About</a>
</div>
<!-- "Hamburger menu" / "Bar icon" to toggle the navigation links -->
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
<style id="style_mov">
/* Style the navigation menu */
.topnav {
overflow: hidden;
background-color: #333;
position: relative;
}
/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
display: none;
}
/* Style navigation menu links */
.topnav a {
color: white;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
display: block;
}
/* Style the hamburger menu */
.topnav a.icon {
background: black;
display: block;
position: absolute;
right: 0;
top: 0;
}
/* Add a grey background color on mouse-over */
.topnav a:hover {
background-color: #ddd;
color: black;
}
/* Style the active link (or home/logo) */
.active {
background-color: #4CAF50;
color: white;
}
</style>
<script id="script_mob">
/* Toggle between showing and hiding the navigation menu links when the user clicks on the hamburger menu / bar icon */
function myFunction() {
var x = document.getElementById("myLinks");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
</script>
<!--
</body>
</html>
<html>
<head>
<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_k9grid.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_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_k9len_toggle">
k9len1=[0,0,0,0,0,0,6,0,0,0];
k9len2=[0,0,2,0,0,0,0,0,0,0];
k9j1s=6;
k9j2s=0;
function k9len_toggle(args) {
// alert("BUGS_210 k9len_toggle args="+args );
// alert("BUGS_211 k9len_toggle k9len1="+k9len1 );
// alert("BUGS_212 k9len_toggle k9len2="+k9len2 );
k9j2s=0; k9j1s=0;
for( j=1; j<10; j++ ) {
k9j2s=k9j2s+k9len2[j];
// alert( "BUGS_211 k9j2s="+k9j2s );
// alert( "BUGS_212 j="+j+" k9j2s="+k9j2s+" k9j2s="+k9j2s+" k9len2-j="+k9len2[j] );
}
k9j1s=0;
for( j=1; j<10; j++ ) {
k9j1s=k9j1s+k9len1[j];
// alert( "BUGS_221 k9j1s="+k9j1s );
// alert( "BUGS_222 j="+j+" k9j1s="+k9j1s+" k9j1s="+k9j1s+" k9len1-j="+k9len1[j] );
}
// alert( "BUGS_231 k9j1s="+k9j1s );
// alert( "BUGS_232 k9j2s="+k9j2s );
k9len=(k9j2s*10)+k9j1s;
k9pad=(10**(k9len-1));
if( k9pad > 8 ) { k9pad=0; }
// alert( "BUGS_233 k9len="+k9len+" k9pad="+k9pad );
// alert( "BUGS_231 j="+j+" k9j1="+k9j1+" k9j1s="+k9j1s );
// alert( "BUGS_232 j="+j+" k9j2="+k9j2+" k9j2s="+k9j2s );
// k9j1=keine(k9j1s);
// k9j1=5;
// alert( "BUGS_231 k9j1="+k9j1+" k9j1s="+k9j1s );
// k9j2=keine(k9j2s);
// k9j2=1;
// alert( "BUGS_232 k9j2="+k9j2+" k9j2s="+k9j2s );
//
// k9len=(k9j2*10)+k9j1;
// k9len=10;
// k9pad=10**(k9len-1);
// alert( "BUGS_230 k9len="+k9len+" k9pad="+k9pad );
alert( "BUGS_250 args="+args );
if( /k9len1=/.test(args)) {
k9j1=args.split("=")[1];
alert( "BUGS_255 k9j1="+k9j1 );
// if(k9j1==9){ for(j=1; j<10; j++ ) { k9len1[j]=0; }
// else {
// k9len1[k9j1]=k9j1;
// k9j1s=0;
// k9j1s = for( j=1; j<10; j++ ) { k9j1s=k9j1s+k9len1[j]; }
// }
// alert( "BUGS_211 k9len1 k9j1="+k9j1+" k9len1="+k9len1 );
}
alert( "BUGS_260 k9len1.test" );
// if( /k9len2=/.test(args)) {
// k9j2=args.split("=")[1];
// if(k9j2==9){ for(j=1; j<10; j++ ) { k9len2[j]=0; }
// else{
// k9len2[k9j2]=k9j2;
// k9j2s=0;
// k9j2s = for( j=1; j<10; j++ ) { k9j2s=k9j2s+k9len2[j]; }
// }
//// alert( "BUGS_212 k9len2 k9j2="+k9j2+" k9len2="+k9len2 );
// }
//
// k9len=(( keine( k9j2s) * 10) + keine( k9j1s ));
// k9pad=10**(k9len-1);
// k9try=0;
// alert( "BUGS_240 k9len="+k9len+" k9pad="+k9pad+" k9j2s="+k9j2s+" k9j1s="+k9j1s );
htmout='';
htmout += '<table>';
htmout += '<tr>';
htmout += ' <td>';
for( j=1; j<4; j++ ) {
if( k9len2[j] == 0 ) { btn="/imgs/btn/koeyeb.png"; } else { btn="/imgs/btn/koeyew.png"; }
htmout += '<img src="'+btn+'" onclick="k9len_toggle(\'k9len2='+j+'\');return false;" ';
htmout += ' height=2'+j+' border=0>';
}
htmout += ' </td>';
htmout += ' <td>';
htmout += '<img src="/imgs/btn/koeye.png" height=10 >';
htmout += ' </td>';
htmout += ' <td>';
for( j=1; j<4; j++ ) {
if( k9len1[j] == 0 ) {
btn="/imgs/btn/koeyeb.png";
}
else {
btn="/imgs/btn/koeyew.png";
}
htmout += '<img src="'+btn+'" onclick="k9len_toggle(\'k9len1='+j+'\');return false;" ';
htmout += ' height=2'+j+' border=0>';
}
htmout += ' </td>';
htmout += ' </tr>';
htmout += '<tr>';
htmout += ' <td>';
for( j=4; j<7; j++ ) {
// alert( "BUGS_250 j="+j+" k9len2_j="+k9len2[j] );
if( k9len2[j] == 0 ) {
btn="/imgs/btn/koeyeb.png";
}
else {
btn="/imgs/btn/koeyew.png";
}
htmout += '<img src="'+btn+'" onclick="k9len_toggle(\'k9len2='+j+'\');return false;" ';
htmout += ' height=2'+j+' border=0>';
}
htmout += ' </td>';
htmout += ' <td>';
htmout += '<img src="/imgs/btn/koeye.png" height=10 >';
htmout += ' </td>';
htmout += ' <td>';
for( j=4; j<7; j++ ) {
btn="/imgs/btn/koeyeb.png";
if( k9len1[j] == 0 ) {
btn="/imgs/btn/koeyeb.png";
}
else {
btn="/imgs/btn/koeyew.png";
}
htmout += '<img src="'+btn+'" onclick="k9len_toggle(\'k9len1='+j+'\');return false;" ';
htmout += ' height=2'+j+' border=0>';
}
htmout += ' </td>';
htmout += ' </tr>';
htmout += '<tr>';
htmout += ' <td>';
for( j=7; j<10; j++ ) {
btn="/imgs/btn/koeyeb.png";
if( k9len2[j] != 0 ) { btn="/imgs/btn/koeyew.png"; }
htmout += '<img src="'+btn+'" onclick="k9len_toggle(\'k9len2='+j+'\');return false;" ';
htmout += ' height=2'+j+' border=0>';
}
htmout += ' </td>';
htmout += ' <td>';
htmout += '<img src="/imgs/btn/koeye.png" height=10 >';
htmout += ' </td>';
htmout += ' <td>';
for( j=7; j<10; j++ ) {
if( k9len1[j] == 0 ) {
btn="/imgs/btn/koeyeb.png";
}
else {
btn="/imgs/btn/koeyew.png";
}
htmout += '<img src="'+btn+'" onclick="k9len_toggle(\'k9len1='+j+'\');return false;" ';
htmout += ' height=2'+j+' border=0>';
}
htmout += ' </td>';
htmout += ' </tr>';
htmout += '</table>';
// alert( "BUGS_230 htmout="+htmout );
if( document.getElementById('div_k9len')) {
document.getElementById('div_k9len').innerHTML=htmout;
}
div_divid="div_k9len";
// if( document.getElementById('div_k9len')) {
if( document.getElementById(div_divid)) {
// alert( "BUGS_211 found div_divid="+div_divid);
if( document.getElementById(div_divid).style.display == "inline" ) {
document.getElementById(div_divid).style.display="none";
if( document.getElementById('img_k9len_key')) {
document.getElementById('img_k9len_key').src="/imgs/btn/btn_key1.png";
}
}
else{
document.getElementById('div_k9len').style.display="inline";
if( document.getElementById('img_k9len_key')) {
document.getElementById('img_k9len_key').src="/imgs/btn/btn_key1.png";
}
// return('');
}
}
return(args);
}
</script>
<script id="script_k9grid_toggle">
function k9grid_toggle(args) {
// alert("BUGS_200 k9grid args="+args );
div_divid="div_k9grid";
if( document.getElementById('div_k9grid')) {
if( document.getElementById('div_k9grid').style.display == "inline" ) {
document.getElementById('div_k9grid').style.display="none";
if( document.getElementById('img_k9grid_toggle')) {
document.getElementById('img_k9grid_toggle').src="/imgs/btn/btn_keyhole1.png";
}
if( document.getElementById('img_k9grid_keys')) {
document.getElementById('img_k9grid_keys').src="/imgs/btn/btn_keys1.png";
}
}
else{
document.getElementById('div_k9grid').style.display="inline";
if( document.getElementById('img_k9grid_toggle')) {
document.getElementById('img_k9grid_toggle').src="/imgs/btn/btn_keyhole_oak.png";
}
// if( document.getElementById('img_k9len_key')) {
// document.getElementById('img_k9len_key').src="/imgs/btn/btn_key2.png";
// }
// return('');
}
}
return(args);
}
</script>
<script id="script_k9grid">
k9len=7;
k9pad=10**(k9len-1);
k9lim=11;
k9try=0;
function k9grid(args) {
// alert("BUGS_200 k9grid args="+args );
if( /k9len=/.test(args)) {
// alert("BUGS_201 k9len="+k9len+" k9pad="+k9pad+" k9lim="+k9lim+" k9try="+k9try );
k9len=args.split("=")[1];
k9pad=10**(k9len-1);
// alert("BUGS_202 k9len="+k9len+" k9pad="+k9pad+" k9lim="+k9lim+" k9try="+k9try );
return(args);
}
// var ctx = document.getElementById('canvas_table_top').getContext('2d');
if( document.getElementById('img_k9grid_keys')) {
document.getElementById('img_k9grid_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);
token = random_int(k9len, k9pad);
k9=token;
// alert("BUGS_9010 k9grid j="+j+" k="+k+" token="+token+" k9="+k9 );
k9=keine(token);
// alert("BUGS_9020 k9grid 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 ) {
htmout = '';
htmout += '<img src="/imgs/btn/btn_key_happiness.png" ';
htmout += ' onclick="window.open(\'/index_.html\');return false;"';
htmout += ' height=400 border=0>';
}
else {
htmout = '';
htmout += '<img src="/imgs/btn/btn_keyhole_us.png" ';
htmout += ' onclick="window.open(\'/imgs/btn/btn_keyhole_us.png\');return false;"';
htmout += ' height=400 border=0>';
}
if( document.getElementById('div_k9grid')) {
document.getElementById('div_k9grid').innerHTML = htmout;
}
return(args);
}
k9grid1 = '';
k9grid1 += '<div id="div_k9grid" >';
k9grid1 += ' <h1>div_k9grid</h1>';
k9grid1 += ' <h3>'+tokens+'</h3>';
k9grid1 += ' <br>';
k9grid1 += ' <table id="table_k9grid">';
// alert( "BUGS_150 k9grid1="+k9grid1+" tokes="+tokes );
j=0;
for(r=1; r<4; r++) {
k9grid1 += '<tr>';
for(c=1; c<4; c++) {
// alert( "BUGS_150 j="+j+"-"+r+"-"+c+" tokens="+tokens );
j=j+1;
k9grid1 += '<td>';
// k9grid1 += j;
if((tokes[head]=="")&&(tokes[tail]=="")) {
k9grid1 += '<img src="/imgs/btn/kob.png" onclick=';
// k9grid1 += ' "k9grid(\''+j+tokens+'\'); return false;" ';
k9grid1 += ' "k9grid(\''+tokes[j]+tokens+'\'); return false;" ';
k9grid1 += ' height=50 border=0>';
k9grid1 += '<br>';
// k9grid1 += tokes[j];
// k9grid1 += '<br>';
// k9grid1 += 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] ) {
k9grid1 += '<img src="/imgs/btn/kow.png" ';
// k9grid1 += ' onclick="k9grid(\''+tokens+j+'\'); return false;" ';
k9grid1 += ' onclick="k9grid(\''+tokens+tokes[j]+'\'); return false;" ';
k9grid1 += ' height=50 border=0>';
k9grid1 += '<br>';
// k9grid1 += tokes[j];
// k9grid1 += '<br>';
// k9grid1 += keine(tokes[j]);
}
else {
k9grid1 += '<img src="/imgs/btn/kob.png" ';
k9grid1 += ' onclick="k9grid(\''+tokens+tokes[j]+'\'); return false;" ';
k9grid1 += ' height=50 border=0>';
k9grid1 += '<br>';
// k9grid1 += tokes[j];
// k9grid1 += '<br>';
// k9grid1 += 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]] ) {
k9grid1 += '<img src="/imgs/btn/btn_key_happiness.png" ';
k9grid1 += ' onclick="k9grid(\''+tokens+'\'); return false;" ';
k9grid1 += ' height=50 border=0>';
k9grid1 += '<br>';
k9grid1 += tokes[head]+'='+tokes[tail]+'<br>';
// k9grid1 += tokes[j]+<br>;
// k9grid1 += '<br>';
// k9grid1 += keine(tokes[tokes[tail]]);
}
else {
k9grid1 += '<img src="/imgs/btn/kob.png" ';
k9grid1 += ' onclick="k9grid(\''+tokens+'\'); return false;" ';
k9grid1 += ' height=50 border=0>';
k9grid1 += '<br>';
k9grid1 += tokes[j];
// k9grid1 += '<br>';
// k9grid1 += keine(tokes[j]);
}
// alert( "BUGS_153 j="+j+"-"+r+"-"+c+" tokens="+tokens );
}
k9grid1 += '<br>'+tokes[j];
// k9grid1 += '<br>'+keine(tokes[j]);
k9grid1 += '<br>';
k9grid1 += ' </td>';
// k9grid1 += '-'+k9;
// k9grid1 += '-'+keine(tokes[j]);
// alert( "BUGS_65 j="+j+" toke="+tokes[j] );
// k9grid1 += tokes[j].toString();
}
k9grid1 += ' </tr>';
}
k9grid1 += ' </table>';
k9grid1 += ' </div>';
// alert( "BUGS_111 k9grid1="+k9grid1 );
if( document.getElementById('div_k9grid')) {
document.getElementById('div_k9grid').innerHTML=k9grid1;
}
// alert( "BUGS_71 k9grid1="+k9grid1 );
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_k9grid">';
htmout += '<h1>div_k9grid</h1>';
htmout += '<img src="/imgs/btn/kob.png" ';
htmout += ' onclick="k9grid(\'k9grid-1\');return false;" ';
htmout += ' height=50 border=0>';
htmout += '<img src="/imgs/btn/kob.png" ';
htmout += ' onclick="k9grid(\'k9grid-2\');return false;" ';
htmout += ' height=50 border=0>';
htmout += '<img src="/imgs/btn/kob.png" ';
htmout += ' onclick="k9grid(\'k9grid-3\');return false;" ';
htmout += ' height=50 border=0>';
htmout += '<br>';
htmout += '<img src="/imgs/btn/kob.png" ';
htmout += ' onclick="k9grid(\'k9grid-4\');return false;" ';
htmout += ' height=50 border=0>';
htmout += '<img src="/imgs/btn/kob.png" ';
htmout += ' onclick="k9grid(\'k9grid-5\');return false;" ';
htmout += ' height=50 border=0>';
htmout += '<img src="/imgs/btn/kob.png" ';
htmout += ' onclick="k9grid(\'k9grid-6\');return false;" ';
htmout += ' height=50 border=0>';
htmout += '<br>';
htmout += '<img src="/imgs/btn/kob.png" ';
htmout += ' onclick="k9grid(\'k9grid-7\');return false;" ';
htmout += ' height=50 border=0>';
htmout += '<img src="/imgs/btn/kob.png" ';
htmout += ' onclick="k9grid(\'k9grid-8\');return false;" ';
htmout += ' height=50 border=0>';
htmout += '<img src="/imgs/btn/kob.png" ';
htmout += ' onclick="k9grid(\'k9grid-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="k9grid(\''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 k9grid htmout="+htmout );
if( document.getElementById('div_k9grid')) {
document.getElementById('div_k9grid').innerHTML=htmout;
}
return(args);
}
</script>
<script id="script_startup">
function startup(args) {
// alert("BUGS_100 startup args="+args );
k9grid(args);
return(args);
}
</script>
<script type = "text/javascript">
function drawk9grid() {
if(document.getElementById('canvas_k9grid_table_top')) {;
var canvas = document.getElementById('canvas_k9grid_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 );
k9grid(args);
return(args);
}
</script>
<script type = "text/javascript">
function drawk9grid() {
if(document.getElementById('canvas_k9grid_table_top')) {;
var canvas = document.getElementById('canvas_k9grid_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;">
<h1>ko</h1>
<div id="div_tokens" hidden> <h1>div_tokens</h1> </div>
<br>
<hr color=goldenrod>
<hr color=red>
<hr color=white>
<hr color=blue>
<hr color=goldenrod>
<img src="/imgs/btn/btn_keyhole1.png"
id="img_keyhole"
alt="k9grid_toggle" onclick="k9grid_toggle(''); return false;" height=200 border=0 >
       
<img src="/imgs/btn/btn_key1.png"
alt="k9len_toggle" id="img_k9len_key"
onclick="k9len_toggle(''); return false;" height=200 border=0 >
       
<img src="/imgs/btn/btn_keys1.png" onclick="k9grid(''); return false;" height=200 border=0 >
<br>
<br>
<hr color=goldenrod>
<div id="div_tokens" hidden ><h3>div_tokens</h3></div>
<div id="div_k9len" hidden ><h3>div_k9len</h3>
<img src="/imgs/btn/kob.png" onclick="k9grid('k9len=1');return false;" height=21>
<img src="/imgs/btn/kob.png" onclick="k9grid('k9len=2');return false;" height=22>
<img src="/imgs/btn/kob.png" onclick="k9grid('k9len=3');return false;" height=23>
<br>
<img src="/imgs/btn/kob.png" onclick="k9grid('k9len=4');return false;" height=24>
<img src="/imgs/btn/kob.png" onclick="k9grid('k9len=5');return false;" height=25>
<img src="/imgs/btn/kob.png" onclick="k9grid('k9len=6');return false;" height=26>
<br>
<img src="/imgs/btn/kob.png" onclick="k9grid('k9len=7');return false;" height=27>
<img src="/imgs/btn/kob.png" onclick="k9grid('k9len=8');return false;" height=28>
<img src="/imgs/btn/kob.png" onclick="k9grid('k9len=9');return false;" height=29>
</div>
</div>
<div id="div_k9grid"><h3>div_grid</h3></div>
<div id="div_k9grid1" hidden ><h3>div_grid</h3></div>
<div id="div_k9grid2" hidden ><h3>div_grid</h3></div>
<br>
<hr color=goldenrod>
<hr color=goldenrod>
<div id="div_k9grid_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>
<br>
<div id="div_k9grid_tail">
<h3>div_k9grid_tail</h3>
</div>
</div>
<hr color=goldenrod>
<hr color=goldenrod>
<hr color=goldenrod>
<br>
<img src="/imgs/links/koblobs.png" alt="koblobs"
onclick="window.open('index_.html');return false;"
height=200 border=0>
<br>
<hr color=goldenrod>
<br>
<div id="div_k9grid_canvas" hidden >
<h3>k9grid_canvas 650</h3>
<canvas id="canvas_table_top" height=50 ></canvas>
<table id="table_k9grid_canvas" >
<tr>
<td id="td11" > <canvas id="canvas_k9grid_1" src=/imgs/btn/kob.png onclick="k9grid('k9grid1_11');return false;" height=50 border=0 ></canvas></td>
<td id="td12" > <canvas id="canvas_k9grid_2" src=/imgs/btn/kob.png onclick="k9grid('k9grid1_12');return false;" height=50 border=0 ></canvas></td>
<td id="td13" > <canvas id="canvas_k9grid_3" src=/imgs/btn/kob.png onclick="k9grid('k9grid1_13');return false;" height=50 border=0 ></canvas></td>
</tr>
<tr>
<td id="td21" > <canvas id="canvas_k9grid_4" src=/imgs/btn/kob.png onclick="k9grid('k9grid1_21');return false;" height=50 border=0 ></canvas></td>
<td id="td22" > <canvas id="canvas_k9grid_5" src=/imgs/btn/kob.png onclick="k9grid('k9grid1_22');return false;" height=50 border=0 ></canvas></td>
<td id="td23" > <canvas id="canvas_k9grid_6" src=/imgs/btn/kob.png onclick="k9grid('k9grid1_23');return false;" height=50 border=0 ></canvas></td>
</tr>
<tr>
<td id="td31" > <canvas id="canvas_k9grid_7" src=/imgs/btn/kob.png onclick="k9grid('k9grid1_31');return false;" height=50 border=0 ></canvas></td>
<td id="td32" > <canvas id="canvas_k9grid_8" src=/imgs/btn/kob.png onclick="k9grid('k9grid1_32');return false;" height=50 border=0 ></canvas></td>
<td id="td33" > <canvas id="canvas_k9grid_9" src=/imgs/btn/kob.png onclick="k9grid('k9grid1_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=300 border=0 >
       
<img src="/imgs/keys/keys00_hole.png"
onclick="window.open('/imgs/keys/keys62_hole2heaven.png'); return false;"
height=300 border=0 >
<br>
<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>
    -    
    -    
<img src=/imgs/btn/ok.png alt="k9grid"
onclick="drawk9grid(''); return false;"
height=25 border=0>
    -    
-->
<br>
<br>
<hr color=goldenrod>
<hr color=goldenrod>
<hr color=goldenrod>
<br>
<hr color=red>
<hr color=white>
<hr color=blue>
<img src="/imgs/btn/ko.png" alt="ko2.us"
onclick="window.open('http://ko2.us'); return false;"
height=25 border=0>
       
<img src="/fb/konet/pages/1.jpg" alt="konet.org"
onclick="window.open('http://konet.org'); return false;"
height=200 border=0>
       
<img src="/fb/iperms/pages/1.jpg" alt="iperms.com"
onclick="window.open('http://iperms.com'); return false;"
height=200 border=0>
       
<img src="/imgs/btn/ok.png" alt="/fb/law"
onclick="window.open('http://ko1.us'); return false;"
height=25 border=0>
<br>
<hr color=blue>
<hr color=white>
<hr color=red>
<br>
<hr color=goldenrod>
<hr color=goldenrod>
<h1>kids</h1>
<img src="/fb/kids/pages/1.jpg" alt="/fb/law"
onclick="window.open('/kids/'); return false;"
height=200 border=0>
<br>
<hr color=goldenrod>
<h1>kou</h1>
<img src="/fb/kou/pages/1.jpg" alt="/fb/law"
onclick="window.open('/kou/'); return false;"
height=200 border=0>
<br>
<hr color=goldenrod>
<hr color=goldenrod>
<h1>konabus</h1>
<img src="/fb/konabus/pages/1.jpg" alt="/fb/law"
onclick="window.open('/konabus/'); return false;"
height=200 border=0>
<br>
<hr color=goldenrod>
<hr color=goldenrod>
<hr color=goldenrod>
<h1>law</h1>
<img src="/fb/law/pages/1.jpg" alt="/fb/law"
onclick="window.open('/law/'); return false;"
height=200 border=0>
<br>
<hr color=goldenrod>
<h1>cpa</h1>
<img src="/fb/cpa/pages/1.jpg" alt="/fb/law"
onclick="window.open('/cpa/'); return false;"
height=200 border=0>
<br>
<hr color=goldenrod>
<h1>med</h1>
<img src="/fb/med/pages/1.jpg" alt="/fb/law"
onclick="window.open('/med/'); return false;"
height=200 border=0>
<br>
<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