DIR : /home/kozerus/public_html/ko_orig.html
/home/kozerus/public_html
<html>
<head>
<title>ko.html 20190203_1500</title>
<!--
-->
<style id="style_body" >body {
background-image: url("/imgs/bg/bg_newton05b.jpg") repeat fixed top left;
font-family:
Arial,
"Adobe Garamond Premier Pro",
Garamond,
"Linux Libertine",
Baskerville,
Georgia, serif;
font-weight: normal:
font-size: 18px;
// font-color: "white";
color: "blue";
// background-color: "darkslategrey";
background-color: #fefefe;
padding: 1em; width: 95vw; max-width: 950px;
margin: 0 auto;
}
</style>
<style id="style_thumbnail" >
.thumbnail {
position: relative;
float: left;
padding: 5px;
/*z-ka1: 0;*/
}
.thumbnail:hover {
// background-color: #e9e9e2;
background-color: darkslategrey;
/*z-ka1: 50;*/
// color: #335500;
color: ivory;
text-decoration: none;
}
/*CSS for enlarged image*/
.thumbnail span {
position: absolute;
// background-color: #e5e5e5;
background-color: darkSlategrey;
padding: 5px;
/*left: -1000px;*/
border: 1px solid #666;
visibility: hidden;
// color: black;
color: ivory;
text-decoration: none;
}
/*CSS for enlarged image*/
.thumbnail span img {
border-width: 0px;
/*padding: 2px;*/
}
/*CSS for enlarged image on hover*/
.thumbnail:hover span {
visibility: visible;
width: 200px;
// top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
top: 200px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 200px;/*position where enlarged image should offset horizontally */
}
/*THUMBNAIL2 - thumbnail2 has border and border on hover*/
.thumbnail2 {
position: relative;
float: left;
padding: 5px;
/*z-ka1: 0;*/
}
.thumbnail2:hover {
// background-color: #e9e9e2;
background-color: darkSlategrey;
/*z-ka1: 50;*/
// color: #335500;
color: ivory;
text-decoration: none;
}
.thumbnail2 span { /*CSS for enlarged image*/
position: absolute;
background-color: darkSlategrey;
// background-color: #e5e5e5;
padding: 5px;
/*left: -1000px;*/
border: 1px solid #666;
visibility: hidden;
// color: black;
color: ivory;
text-decoration: none;
}
/*CSS for enlarged image*/
.thumbnail2 span img { border-width: 0px;}
/*CSS for enlarged image on hover*/
.thumbnail2:hover span {
visibility: visible; width: 208px;
top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 300px;/*position where enlarged image should offset horizontally */
}
a.thumbnail2 img { text-decoration:none; z-ka1: 50; }
/*if same attribute for all 4 states, then declare here in a.thumbnail2*/
a.thumbnail2 img:link { border: 2px solid #e9e9e2; background: transparent; }
a.thumbnail2 img:visited { border: 2px solid #e9e9e2; background : transparent; }
a.thumbnail2 img:hover { border: 2px solid #f00; background : transparent; }
a.thumbnail2 img:active { border: 2px solid #e9e9e2; background : transparent; }
a.thumbnail2 img { border: 2px solid #e9e9e2; }
</style>
<style id="style_popover" >
.popover {
position: relative;
float: left;
padding: 5px;
/*z-ka1: 0;*/
}
.popover:hover {
background-color: darkSlategrey;
// background-color: #e9e9e2;
/*z-ka1: 50;*/
// color: white;
color: ivory;
// color: #335500;
text-decoration: none;
}
/*CSS for enlarged image*/
.popover span {
position: absolute;
// background-color: #e5e5e5;
background-color: darkSlategrey;
padding: 5px;
/*left: -1000px;*/
border: 1px solid #666;
visibility: hidden;
color: ivory;
text-decoration: none;
}
/*CSS for enlarged image*/
.popover span img {
border-width: 0px;
/*padding: 2px;*/
}
/*CSS for enlarged image on hover*/
.popover:hover span {
visibility: visible;
// width: 200px;
top: 0px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 0px;/*position where enlarged image should offset horizontally */
}
</style>
<style type="text/css">
#drop {
width:200px;
height:150px;
margin:3px auto;
background:#eddaa8;
font-size:16px;
}
#drop #sw { text-decoration:underline; cursor:pointer; }
#drag {
// width:450px;
// height:180px;
width:800;
height:480px;
margin:12px auto;
border:1px solid silver;
font-size:16px;
}
#drag .drg { margin:10px 12px; }
#drag div.drg {
width:150px;
height:50px;
background:#07da08;
border:2px solid blue;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
// sets the draggable
$('#drag .drg').draggable({
cursor: 'move', // sets the cursor apperance
revert: 'valid'
});
// sets droppable
$('#drop').droppable({
drop: function(event, ui) {
// after the draggable is droped, hides it with a hide() effect
ui.draggable.hide(1000);
}
});
$('#drop1').droppable({
drop: function(event, ui) {
// after the draggable is droped, hides it with a hide() effect
ui.draggable.hide(1000);
}
});
$('#drop2').droppable({
drop: function(event, ui) {
// after the draggable is droped, hides it with a hide() effect
ui.draggable.hide(1000);
}
});
// when the "#sw" element (inside the "#drop") is clicked
// show the items with class "drg", contained in "#drag"
$('#drop #sw').click(function(){
// $('#drag .drg').slideDown(1000);
var url = "https://ka6//ko_center/ko_center.php?q=jqui/dragdrop1/"
$(location).attr('href',url);
});
});
</script>
<script id="script_ajax" >
// db3="sl.db3";
php="index_ko.php";
db3="index_ko.db3";
sql="select * from list limt 9";
alert( "BUGS_235: script_ajax php="+php+" db3="+db3+" sql="+sql );
function script_ajax( php, db3, sql ) {
alert( "BUGS_240: script_ajax db3="+db3+" sql="+sql );
exit;
$.ajax({
type: "POST",
url: php,
success: function(data){
alert(data);
}
error: function(data) {
alert( "BUGS ajaxphp ERR data="+data );
}
});
}
</script>
</head>
<!-- <body onload=startup("ko.html");script_kolist(); script_ajax() > -->
<body onload=startup("ko.html");script_kolist(); script_ajax("db3", "select * from list"); >
<h2>Search </h2>
<form>
<input type="text" name="searchField"
title="Search"
placeholder="Search..."
onkeyup="getData(this.value)"/>
</form>
<br/><br/>
<div id="dynDataField"></div>
<div id="div_ajaxdb"></div>
<p id="ajaxdb">ajaxdb.</p>
<button type="button" onclick="script_ajaxdb()">ajaxdb</button>
<script id="script_ajaxdb">
db3=index_sl.db3;
sql="select * from list limit 5";
function script_ajaxdb(db3,sql) {
$("button").click(function(){
$.post("index_sl.php", {
db3: db3,
sql: "select * from list limit 10"
},
function(data, status){
line = data.split("\n");
htmout="";
for( z=0; z<line.length; z++ ) {
htmout += "<a href="+line+" target=_blank>";
htmout += " <img src="+line+" border=0>";
htmout += " </a>";
}
// getelementbyID('div_ajaxdb");
// alert("BUGS_290 linelen=" + line.length + "\nStatus: " + status);
document.write( htmout );
});
});
}
</script>
<script id="script_ajaxdb1" >
function script_ajaxdb1() {
alert( "BUGS_110 ajaxdb" );
$.ajax({
url: "sl.php",
context: document.body,
success: function() {
alert( "BUGS_301 MSG script_ajaxdb" )
}
error: function() {
alert( "BUGS_302 ERR script_ajaxdb" )
}
});
}
</script>
<button type="button" onclick="script_ajax()">loadlist</button>
<p id="ajax_loadlist">ajax_loadlist.</p>
<button type="button" onclick="ajax_loadlist()">loadlist</button>
<script id="script_ajax_loadlist">
function ajax_loadlist() {
j=0;
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// data=this.responseText;
data=this.responseText.split('\n');
datalen=data.length;
htmout="";
for( z=0; z< data.length; z++ ) {
j++;
line=data[z];
slashcnt=line.split('/').length;
fileext=line.split('/')[slashcnt-1];
path=line.replace( fileext, "" );
file=fileext.split('.')[0];
ext=fileext.split('.')[1];
url=path+file+"."+ext;
img=path+file+"."+ext;
tn=path+"tn/tn_"+file+".png";
// alert( "BUGS_223 url="+url+" path="+path+" file="+file+" ext="+ext );
htmout += '<a href="'+data[j]+'" target=_blank class="thumbnail" id="drag">';
htmout += ' <img src="'+tn+'" border=0 class="drg">';
htmout += ' <span><img src="'+img+'" border=0 class="drg"></span>';
htmout += ' </a>';
htmout += '\n';
// alert( "BUGS_122 j="+j+" data="+data[j] );
}
// alert( "BUGS_123 script_ajax_loadfile len="+datalen+" data="+data );
// document.getElementById("ajax_loadlist").innerHTML = this.responseText;
document.getElementById("ajax_loadlist").innerHTML = htmout;
}
};
// xhttp.open("GET", "sl.txt", true);
xhttp.open("GET", "sl.php", true);
xhttp.send();
}
</script>
<div id="div_url">
<script id="script_url">
var url = document.createElement("a");
url.href=location.href;
var output = "output";
url.pathname = url.pathname.replace(/(^\/?)/,"/");
if( url.search.match( 'koid' )) {
var koid=url.search.replace('?koid=','' );
if( koid.search.match( ".csv" )) {
alert( "BUGS_260 koid=" + koid );
// script_file2array(url);
// script_file2array(koid);
}
}
if( url.search.match( 'slid' )) {
var slid=url.search.replace('?slid=','' );
alert( "BUGS_350 slid=" + slid );
}
if( url.search != "" ) {
script_ko_view( url.search );
script_sl_view( url.search );
script_pdf_view( url.search );
}
// alert(location.href)
// alert(url.protocol)
// alert(url.hostname)
// alert(url.pathname)
// alert(url.search)
// alert(url.hash)
// document.write( "hostname=" + url.hostname + " loc.href=" + location.href );
// document.write( "pathname=" + url.pathname + " search=" + url.search );
</script>
<div id="div_ajax_form" action="index_ko.php" method="post" class="drg" >
<form id="comment">
<input type="text" id="db3" name="db3" />
<input type="text" id="sql" name="sql" />
<input type="submit" value="Submit" />
</form>
</div>
<button onclick="script_ajax("index_ko.php", "index_ko.db3", "select * from list limit 13" )"></button>
<script id="script_ko_view" >
function script_ko_view()
alert( "script_ko_view url.search="+url.search );
}
</script>
<script id="script_sl_view" >
function script_sl_view()
alert( "script_sl_view url.search="+url.search );
}
</script>
<script id="script_pdf_view" >
function script_pdf_view()
alert( "script_pdf_view url.search="+url.search );
}
</script>
<script name="script_avid_video">
var video_player = "";
video_player += '<video controls="controls_av" defaultmuted="" muted="true" style="width:640px;height:360px;" poster="/imgs/btn/kobubble.png">';
video_player += '<source src="'+avid+'" type="video/mp4;codecs="avc1.42E01E, mp4a.40.2"">';
// video_player += '<source src="/index1.mp4" type="video/mp4;codecs="avc1.42E01E, mp4a.40.2"">';
video_player += ' </video>';
// alert( "BUGS_475 video_player="+video_player );
document.write( video_player );
</script>
</div>
<script id="script_hoverdttm" >
var app2 = new Vue({el: '#v_hoverdttm',
data: {
message: 'hoverdttm ' + new Date().toLocaleString()
}
})
</script>
<script id="script_kolist">
function script_kolist() {
// alert( "BUGS_400 script_kolist koid="+koid );
var kolist = new Array();
var pdflist = new Array();
var sllist = new Array();
kolist = script_kolist_load();
// pdflist = script_pdflist_load();
sllist = script_sllist_load();
// script_kolist_show(koid, kolist);
script_kolist_show(koid, sllist);
}
</script>
<script id="script_kolist_load">
function script_kolist_load() {
// alert( "BUGS_140: script_kolist_load" );
kolist = new Array();
z = 0;
kolist[z++] = 'index.html';
kolist[z++] = 'ko.png';
kolist[z++] = '-rw-r--r-- 1 konet staff 208180 Apr 8 2015 kb/books/Atlas_1931/IMG_3851.JPG';
kolist[z++] = '-rw-r--r-- 1 konet staff 208180 Apr 8 2015 kb/books/Atlas_1931/IMG_3851.JPG';
kolist[z++] = '-rw-r--r--||1|konet||staff||276165|Apr||6||2015|kb/books/kids/Schruvelpeter/IMG_9207.JPG';
kolist[z++] = '-rw-r--r--,,1,konet,,staff,,229469,Apr,,7,,2015,kb/books/kids/Schruvelpeter/IMG_9208.JPG';
kolist[z++] = '-rw-r--r--|1|konet|staff|282244|Apr|6|2015|kb/books/kids/Schruvelpeter/IMG_9209.JPG';
kolist[z++] = '-rw-r--r--|1|konet|staff|282244|Apr|6|2015|kb/books/kids/Schruvelpeter/IMG_9210.JPG|begdt|enddt|title|url|img|tn|desc';
kolist[z++] = '-rw-r--r--,1,konet,staff,282244,Apr,6,2015,kb/books/kids/Schruvelpeter/IMG_9209.JPG';
kolist[z++] = '-rw-r--r--,1,konet,staff,282244,Apr,6,2015,kb/books/kids/Schruvelpeter/IMG_9210.JPG,begdt,enddt,title,url,img,tn,desc';
return( kolist );
}
</script>
<script id="script_kolist_show">
function script_kolist_show(koid,kolist) {
var z = 0; var koout=""; var len=kolist.length;
// var koid = "";
var kourl = "";
var pathfiles = new Array();
var pathfile = "";
// alert( "BUGS_429 script_kolist_show koid="+koid+" len="+len );
var mypaths = new Array();
var mypaths_unique = new Array();
mypaths[j++] = "mypaths0";
var j = 0;
var last_path = "";
for( z=0; z< kolist.length; z++ ) {
koline = kolist[z];
// koid = kolist[z];
splitcnt_chr=kolist[z].split("").length;
splitcnt_ssv=kolist[z].split(" ").length;
splitcnt_psv=kolist[z].split("|").length;
splitcnt_csv=kolist[z].split(",").length;
splitcnt_dsv=kolist[z].split(".").length;
splitcnt_slash=kolist[z].split("/").length;
if( splitcnt_ssv == 1 ) {
pathfile = kolist[z].split('\ ')[0];
size=0;
mth="Jan";
dd="01";
yyyy="2019";
// mth=getMonth();
// dd=getday();
// yyyy=getFullYear();
}
if( splitcnt_ssv == 14 ) {
pathfile = kolist[z].split('\ ')[13];
size = kolist[z].split('\ ')[7];
mth = kolist[z].split('\ ')[8];
dd = kolist[z].split('\ ')[10];
yyyy = kolist[z].split('\ ')[12];
}
if( splitcnt_ssv >= 16 ) {
pathfile = kolist[z].split('\ ')[8];
size = kolist[z].split('\ ')[4];
mth = kolist[z].split('\ ')[5];
dd = kolist[z].split('\ ')[6];
yyyy = kolist[z].split('\ ')[7];
}
if( splitcnt_psv == 9 ) {
pathfile = kolist[z].split('|')[8];
size = kolist[z].split('|')[4];
mth = kolist[z].split('|')[5];
dd = kolist[z].split('|')[6];
yyyy = kolist[z].split('|')[7];
// pathfile = pathfiles;
}
if( splitcnt_psv == 14 ) {
pathfile = kolist[z].split('|')[13];
size = kolist[z].split('|')[7];
mth = kolist[z].split('|')[8];
dd = kolist[z].split('|')[10];
yyyy = kolist[z].split('|')[12];
}
if( splitcnt_psv >= 16 ) {
pathfile = kolist[z].split('|')[8];
size = kolist[z].split('|')[4];
mth = kolist[z].split('|')[5];
dd = kolist[z].split('|')[6];
yyyy = kolist[z].split('|')[7];
}
if( splitcnt_csv == 9 ) {
pathfile = kolist[z].split(',')[8];
size = kolist[z].split(',')[4];
mth = kolist[z].split(',')[5];
dd = kolist[z].split(',')[6];
yyyy = kolist[z].split(',')[7];
}
if( splitcnt_csv == 14 ) {
pathfile = kolist[z].split(',')[13];
size = kolist[z].split(',')[7];
mth = kolist[z].split(',')[8];
dd = kolist[z].split(',')[10];
yyyy = kolist[z].split(',')[12];
}
if( splitcnt_csv >= 16 ) {
pathfile = kolist[z].split(',')[8];
size = kolist[z].split(',')[4];
mth = kolist[z].split(',')[5];
dd = kolist[z].split(',')[6];
yyyy = kolist[z].split(',')[7];
}
url=pathfile;
slashcnt=pathfile.split('/').length;
fileext=pathfile.split('/')[slashcnt-1];
path=pathfile.replace( fileext, "" );
ext=pathfile.split('.')[1];
file = fileext.replace(ext,"").replace(".","");
mm=mth2mm(mth);
yyyymmdd=yyyy+","+mm+","+dd;
tn=path+"/tn/tn_"+file+".png";
img=path+file+"."+ext;
// mypaths[j++] = path;
// k=j-1;
// alert( "BUGS_530 j="+j+" path="+path+" file="+file );
// path3=pathparts[0]+"/"+pathparts[1]+"/"+pathparts[2];
// alert( "BUGS_500 path="+path+" pathparts0="+pathparts0+" 1="+pathparts1+" 2="+pathparts2 );
if( last_path != path ) {
mypaths[j++] = '<a href=?koid='+path+' target=_blank>'+path+'</a><br>';
// mypaths[j++] = path;
last_path=path;
// alert( "BUGS_520 mypaths_len="+mypaths.length );
// document.write("BUGS_544 j="+j+" path3="+path3+" last_path="+last_path+"<br>" );
}
// alert( "BUGS_340 script_kolist_show splitcnt="+splitcnt_chr+" koline="+koline );
if( koid == "" ) {
// alert( "BUGS_341 script_kolist_show SKIP no_koid koid="+koid+" path="+path );
continue;
}
if( koid != path ) {
// alert( "BUGS_342 script_kolist_show SKIP no_match koid="+koid+" path="+path );
continue;
}
// alert( "BUGS_343 script_kolist_show MATCH no_koid koid="+koid+" path="+path );
koid_code = kolist[z].replace('/','-' );
img_koid = kolist[z].replace('.JPG','.jpg' );
tn_koid = kolist[z].replace('.JPG','.png' );
img_koid = "/imgs/btn/koeyeb.gif";
tn_koid = "/imgs/btn/koeye_handhither.gif";
// alert( "BUGS_550 koid="+koid+" path="+path+" fileext="+fileext+" koid_code="+koid_code );
// koout += "<h1><b>kolist_"+z+" pathfile=["+pathfile+"] koline="+koline+" </b><h1>";
koout += "<h2>path="+path+" file="+file+" ext="+ext+"</h2>";
// koout += "<h2>size="+size+" yyyymmdd="+yyyymmdd+"</h2>";
// koout += "<h2>tn="+tn+" img="+img+"</h2>";
// koout += "<h2>size="+size+" yyyy="+yyyy+" mm="+mm+" dd="+dd+"</h2>";
// koout += "slashcnt="+slashcnt+"<br>";
// koout += "splitcnt_chr="+splitcnt_chr+"<br>";
// koout += "splitcnt_ssv="+splitcnt_ssv+"<br>";
// koout += "splitcnt_psv="+splitcnt_psv+"<br>";
// koout += "splitcnt_csv="+splitcnt_csv+"<br>";
// koout += "splitcnt_dsv="+splitcnt_dsv+"<br>";
// koout += "splitcnt_slash="+splitcnt_slash+"<br>";
// koout += "<a href='./index_vu.html?koid="+koid+"' class='thumbnail' target=_blank>";
// koout += " <img name='img_" + koid + "' height=25 src='"+tn_koid+"' border=0 height=100 >\n";
// koout += " <span><img name='img_" + koid + "' src='"+img_koid+"' border=0 height=100 ></span>\n";
// koout += " </a>";
koout += '<a href="'+url+'" class="thumbnail" target=_blank>';
koout += ' <img height=25 src="'+tn+'" class="drg" border=0 height=100 >\n';
koout += ' <span><img src="'+img+'" class="drg" border=0 height=100 ></span>\n';
koout += ' </a>';
// alert( "bugs_196 koid=" + koid + " tn_koid=" + tn_koid );
}
k=j-1;
// alert( "BUGS_570 j="+j+" mypaths="+mypaths[k]+" len="+mypaths.length );
// let mypaths_unique = [...new Set(mypaths)];
j=mypaths_unique.length-1;
// alert( "BUGS_580 j="+j+" mypaths="+mypaths[j]+" len="+mypaths_unique.length );
// document.write( "bugs_198 koout=" + koout );
// alert( "BUGS432_show tllist("+len+")="+tllist[z] + " len="+tllist.length );
// document.getElementById('div_tllist').innerHTML += koout;
var parent = document.getElementById('div_kolist');
parent.insertAdjacentHTML('beforeend', mypaths);
parent.insertAdjacentHTML('beforeend', koout);
}
</script>
<script id="script_pdflist">
function script_pdflist() {
// alert( "BUGS_241 script_pdflist_load_beg" );
script_pdflist_load();
script_pdflist_show();
}
</script>
<script id="script_pdflist_show">
function script_pdflist_show() {
var z = 0; var pdfout=""; var len=pdflist.length;
var pdfid = ""; var pdfurl = "";
for( z=0; z< pdflist.length; z++ ) {
pdfid = pdflist[z].split(" " )[10];
// alert( 'BUGS_1000 script_pdflist_show z="+z+" pdfid="+pdfid+" pdflist="+pdflist[z] );
pdfid_code = pdflist[z].replace('.json','' );
img_pdfid = pdflist[z].replace('.json','.jpg' );
tn_pdfid = pdflist[z].replace('.json','.png' );
// pdfout += "<h1><b>pdflist_"+z+"</b><h1>";
pdfurl = pdfid;
// http://ka12/kb/pdf/pdf_20190126/kou_20190125_2400_Understand
// pdfout += "<a href='./index_vu.html?pdfid="+pdfid+"' class='thumbnail' target=_blank>";
// pdfout += "<a href='?pdfid="+pdfid+"' class='thumbnail' target=_blank>";
pdfout += '<a href='+pdfurl+' class="thumbnail" target=_blank>';
pdfout += " <img name='img_" + pdfid + "' height=25 src='"+tn_pdfid+"' border=0 height=100 >\n";
pdfout += " <span><img name='img_" + pdfid + "' src='"+img_pdfid+"' border=0 height=100 ></span>\n";
pdfout += " </a>";
// alert( "bugs_196 pdfid=" + pdfid + " tn_pdfid=" + tn_pdfid );
}
// document.write( "bugs_198 pdfout=" + pdfout );
// alert( "BUGS432_show pdflist("+len+")="+pdflist[z] + " len="+pdflist.length );
// document.getElementById('div_tllist').innerHTML += pdfout;
var parent = document.getElementById('div_pdflist');
parent.insertAdjacentHTML('beforeend', pdfout);
}
</script>
<div id="div_pdflist">
<h1>div_pdflist</h1>
</div>
<img src="imgs/btn/koeyeb.png" onclick="script_sllist();" hidden>
<script id="script_sllist">
function script_sllist() {
script_sllist_load();
script_sllist_show();
}
</script>
<script id="script_sllist_show">
function script_sllist_show() {
// alert( "BUGS_200 script_sllist_show" );
var z = 0; var slout=""; var len=sllist.length;
var slid = ""; var slurl = "";
for( z=0; z< sllist.length; z++ ) {
slid = sllist[z];
slid_code = sllist[z].replace('.json','' );
img_slid = sllist[z].replace('.json','.jpg' );
tn_slid = sllist[z].replace('.json','.png' );
// slout += "<h1><b>sllist_"+z+" " + slid + "</b><h1>";
slout += "<a href='./index_vu.html?slid="+slid+"' class='thumbnail' target=_blank>";
slout += " <img name='img_" + slid + "' height=25 src='"+tn_slid+"' border=0 height=100 >\n";
slout += " <span><img name='img_" + slid + "' src='"+img_slid+"' border=0 height=100 ></span>\n";
slout += " </a>";
// alert( "bugs_196 slid=" + slid + " tn_slid=" + tn_slid );
}
// document.write( "bugs_225 slout=" + slout );
// alert( "BUGS432_show tllist("+len+")="+tllist[z] + " len="+tllist.length );
// document.getElementById('div_tllist').innerHTML += slout;
var parent = document.getElementById('div_sllist');
parent.insertAdjacentHTML('beforeend', slout);
// alert( "BUGS_229 script_sllist_show" );
}
</script>
<div id="div_sllist" hidden>
<h1>div_sllist</h1>
</div>
<script id="script_startup" >
function startup( url ) {
// url="index.html";
alert( "BUGS_10930_startup" );
htmout="htmout";
img="/imgs/btn/koeye.gif";
imgurl="/imgs/btn/koeye_handhither.gif";
if( urlexists(url)) { img=imgurl; }
htmout += '<a href="'+url+'" target=_blank class="drag" id="drg">
htmout += ' <img src="'+img+'" border=0>";
htmout += ' <span><img src="'+img+'" border=0></span>';
htmout += ' </a>';
document.write( htmout );
alert("BUGS_10934_startup isurl="+isurl(url) );
}
</script>
<script id="script_isurl">
function isurl(url) {
$.get(url).done(function() {
return("ok");
}).fail(function() {
return("ko");
})
}
</script>
<script id="script_urlexists">
function urlexists(url) {
var http = new XMLHttpRequest();
http.open('HEAD', url, false);
http.send();
return http.status!=404;
}
</script>
<script id="script_mth2mm">
function mth2mm(mth) {
if( mth == "Jan" ) return("01");
if( mth == "Feb" ) return("02");
if( mth == "Mar" ) return("03");
if( mth == "Apr" ) return("04");
if( mth == "May" ) return("05");
if( mth == "Jun" ) return("06");
if( mth == "Jul" ) return("07");
if( mth == "Aug" ) return("08");
if( mth == "Sep" ) return("09");
if( mth == "Oct" ) return("10");
if( mth == "Nov" ) return("11");
if( mth == "Dec" ) return("12");
return( "00" );
}
</script>
<script id="script_unique">
function unique() {
alert( "BUGS_11334 unique" );
}
function uniquelist(list) {
alert( "BUGS_11336 uniquelist" );
for (i = 0; i<list.length; i++) {
for (j=i+1; j<list.length; j++) {
if (list[i] == list[j]) {
list.splice(j, 1);
j--;
}
}
}
}
</script>
<script id="script_file2array" >
script_file2array(url) {
if( urlexists(url) ) {
alert( BUGS_11350 FOUND urlexists="+url );
}
else {
alert( BUGS_11351 NOTFOUND urlexists="+url );
}
// $.ajax({
//// url: "/kb/csv/sl.csv",
//// url: "/kb/csv/sl.csv",
//// url: "sl.csv",
// url: url,
// async: false,
// success: function(csvd) {
// kolist = $.csv.toArrays(csvd);
// },
//
// dataType: "text",
//// call a function on complete
// complete: function () {
// alert( "BUGS_11363 ajax rul="+url+" kolist="+kolist );
//// script_kolist_load(kolist);
// script_kolist_show(kolist);
// }
// });
}
</script>
<!-- <script id="script_async_sljs" src="sl.js" async></script> -->
<script id="script_requestcsv" >
function callback() {
alert( "BUGS_11480 callback" );
}
// var foo = requestCSV("sl.csv",drawlines(lines));
// var foo = requestCSV("sl.csv",script_kolist(kolist));
//// function requestCSV(f,c){return new csvajax(f,c);};
filecsv="sl.csv";
function csvajax(filecsv,callback) {
alert( "BUGS_11383 script_requestcsv filepath="+filepath+" callback="+callback );
// this.request = new XMLHttpRequest();
// this.request.timeout = 10000;
// this.request.open("GET", filepath, true);
// this.request.parent = this;
// this.callback = callback;
// this.request.onload = function() {
// var d = this.response.split('\n'); /*1st separator*/
// var i = d.length;
// while(i--) {
// if(d[i] !== "")
// d[i] = d[i].split(','); /*2nd separator*/
// else
// d.splice(i,1);
// }
// this.parent.response = d;
// if(typeof this.parent.callback !== "undefined")
// this.parent.callback(d);
// };
// this.request.send();
};
</script>
<script id="script_db32array" >
//// function script_db2array("sl.db3", "select * from kolist where koid='koid'" ) {
//// function script_db2array("/kb/db3/sl.db3", "/kb/sql/sl.sql" ) {
// function script_db2array( db3, sql ) {
// var dblist = new Array();
// alert( "BUGS_11400 script_db2array db3="+db3+" sql="+sql+" dblist="+dblist );
// return( dblist );
// }
// filedb3="sl.db3";
// filepsv="sl.psv";
// tblnam="sl";
// $rr=exec("sqlite3 filedb3 \".separator '|'\" ");
// $rr=exec("sqlite3 filedb3 \".import filepsv tblnam\" ");
// $rr= exec ("sqlite3 filedb3 \"pragma encoding = 'utf-8'\" ");
// $rr=exec("sqlite3 filedb3 \".separator '|'\" && sqlite3 fildb3 \"pragma encoding = 'utf-8'\" && sqlite3 filedb3 \".import filepsv tablename\" ");
</script>
<script id="script_sqljs_include" src='js/sql.js'></script>
<!-- Create the database -->
<script id="script_sqljs">
function script_sqljs() {
var db = new SQL.Database();
// Run a query without reading the results
db.run("CREATE TABLE test (col1, col2);");
// Insert two rows: (1,111) and (2,222)
db.run("INSERT INTO test VALUES (?,?), (?,?)", [1,111,2,222]);
// Prepare a statement
var stmt = db.prepare("SELECT * FROM test WHERE a BETWEEN $start AND $end");
stmt.getAsObject({$start:1, $end:1}); // {col1:1, col2:111}
// Bind new values
stmt.bind({$start:1, $end:2});
while(stmt.step()) { //
var row = stmt.getAsObject();
// [...] do something with the row of result
}
}
</script>
<div id="div_ajax2php_form" class="drg" hidden>
<form id="comment">
<input type="text" id="userInput" name="comment" placeholder="needdb3data4me" />
<input type="submit" value="Submit" />
</form>
</div>
<button onclice="script_ajax2php"></button>
<script id="script_ajax2php>
function script_ajax2php () {
// Stop the form from being submitted the standard way
$("#comment").on('submit', function(e) {
e.preventDefault();
// Put the user's input into a variable
var userInput = $('#userInput').val();
// Do some validation of the data if needed
// ...
// Perform AJAX request (a.k.a send the data to the server)
// There are many parameters one can use here
// Browse the documentation to get familiar with the most useful ones
$.ajax({
url: 'index_zm.php', // The PHP script that will handle the request
db3 = "index_zm.db3",
sql: "select * from list",
type: 'POST', // This can be set to GET, but in this case we'd use POST
data: {
db3: sql,
sql: sql,
}, // "comment" will result in $_POST['comment'], and userInput is the value of it
// If the script returns a 200 status (meaning the request was successful)
// The data variable will be the response from the PHP script
// Depending on what you are going to do with the data returned,
// you may want to ensure it is returned as valid JSON
success: function(data) {
alert( "BUGS ajaxphp MSG data="+data );
},
// The request failed - So something here
error: function() {
alert( "BUGS ajaxphp ERR data="+data );
}
});
});
}
</script>
<script id="script_cfaa">
var text_cfaa =
`
pqpqpqpqpqpqpqpqpqpq Warning pqpqpqpqpqpqpqpqpqpq<br>
<br>
This site may be protected under the
<br>
<br>
<b>CFAA</b>
<br>
Computer Fraud and Abuse Act
<br>
<br>
your attemped access has been logged
<br>
repeated attemps by unauthorized guests will be reported
<br>
<br>
By continuing You are acknowledging
<br>
you are fully authorized and
<br>
understand the responsibilites to access the content on the site
<br>
<br>
This page must not be removed
<br>
bdbdbdbdbdbdbdbdbdbd Warning bdbdbdbdbdbdbdbdbdbd
<br>
<br>
unauthoriced users should
<br>
consider browsing elsewhere:
<hr color=black>
<hr color=ivory>
<hr color=red>
<hr color=blue>
<hr color=ebony>
<hr color=white>
<a href=duckduckgo.com > <img src="ok.png" alt="duckduckgo" height=10 border=0></a>
     
<a href=bing.com > <img src="ok.png" alt="bing" height=10 border=0></a>
     
<a href=google.com > <img src="ok.png" alt="google" height=10 border=0></a>
     
<a href=yahoo.com > <img src="ok.png" alt="yahoo" height=10 border=0></a>
     
<a href=https://mars.jpl.nasa.gov/msl/multimedia/raw target=_blank>
<img src="ok.png" border=0 height=10>
</a>
     
<a href=http://youtube.com target=_blank>
<img src="ok.png" border=0 height=10>
</a>
<hr color=white>
<hr color=ebony>
<hr color=blue>
<hr color=red>
<hr color=ivory>
<hr color=black>
<div id=warn2 class=ko>
<p id=p_warn2 class=ko>
<hr color=black>
<hr color=white>
<hr color=red>
If you are seeing this page
<br>
you are probably unauthorized
<br>
you should <b>NOT</b> continue
<br>
accessing site content here may be
<br>
protected under <b>CFAA</b>
<hr color=red>
<hr color=white>
<hr color=black>
</p>
authorized sites are available from bluehost
<a href=http://bluehost.com/track/konet/ko2.us target=_blank>
<img src=./imgs/bh/bh_anim.gif height=30 border=0 alt=bluehost.com affiliate></a>
<div id=kobh_offer class=ko>
bluehost offers
50 gb space
999 gb bandwidth
6 domains on 1 account
and more for only $6.95/month
</div>
</div>
<div id="drop">
<span id="sw"><h3>droptop</h3></span>
<a class="thumbnail" href=/index_vu.html?zmid=/zm/komap target=_blank>
<img height=200 src="/zm/komap/TileGroup0/0-0-0.jpg" border=0 >
<span><img height=400 src="/zm/komap/TileGroup0/0-0-0.jpg" border=0 ></span>
</a>
</div>
<div id="drag" >
<a class="popover" href="./?q=bigtn_drag1">
<img src="/imgs/btn/koeye.png" alt="ko.png" width="50px" height="25px" border="0" id="drag" class="drg">
<span> <img src="/imgs/btn/koeye_handhi.gif" alt="index_drag" class="drg" id="drag"> </span>
</a>
</div>
<div class="drg"><h1>konet llc </h1>
<pre>konet llc</pre>
<img class="drg" src="/imgs/links/keyeb.png" alt="keyeb.png" width="50" >
<img class="drg" src="/imgs/links/keyew.png" alt="keyew.png" width="50" >
<pre>timesak skwii</pre>
</div>
<img class="drg" src="/imgs/links/keye.png" alt="keyeb.png" width="50" >
<script id="script_random_kolink">
function random_kolink(){
var myko = new Array()
myko[1]="./imgs/bh/bluehost_grid01.jpg"
myko[2]="./imgs/bh/bluehost_grid02.jpg"
myko[3]="./imgs/bh/bluehost_grid03.jpg"
myko[4]="./imgs/bh/bluehost_grid04.jpg"
myko[5]="./imgs/bh/bluehost_grid05.jpg"
myko[6]="./imgs/bh/bluehost_grid06.jpg"
myko[7]="./imgs/bh/bluehost_grid07.jpg"
myko[8]="./imgs/bh/bluehost_grid08.jpg"
myko[9]="./imgs/bh/bluehost_grid09.jpg"
myko[10]="./imgs/bh/bh_anim.gif"
var ko=Math.floor(Math.random()*myko.length)
if (ko==0) ko=10
document.write("<a href=http://. target=_blank>")
document.write('<img src="'+myko[ko]+'" height=30 border=0 alt=ko_bluehost_affiliate >')
document.write("</a>")
}
// random_kolink()
</script>
<script id="script_random_imglnk">
function random_imglink(){
var myimgs=new Array()
//specify random imgs below. You can have as many as you wish
myimgs[1]="./imgs/bg/bg_frax_ribbon.jpg"
myimgs[2]="./imgs/bg/bg_frax_thorn.jpg"
myimgs[3]="./imgs/bg/bg_newton05b.jpg"
myimgs[4]="./imgs/bg/bg_frax_thorn.jpg"
myimgs[5]="./imgs/bg/bg_frax_thorn.jpg"
myimgs[6]="./imgs/bg/bg_newton04bw.gif"
myimgs[7]="./imgs/bg/bg_newton05b.png"
myimgs[8]="./imgs/bg/bg_newton05b.png"
myimgs[9]="./imgs/bg/bg_newton05b.png"
var ry=Math.floor(Math.random()*myimgs.length)
if (ry==0) ry=1
document.write('<img src="'+myimgs[ry]+'" border=0 height=200>')
}
// random_imglink()
// random_imglink()
// random_imglink()
</script>'
<style id="style_background_img" >
body {background: linear-gradient(black, white);}
body {background: radial-gradient(circle, black, white);}
body {background: url(imgs/bg/bg_newton05b.jpg) blue;}
body {background: url(imgs/btn/koeye.png), url(background-pattern.png);}
</style>
</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