DIR : /home/kozerus/public_html/ko0.htm /home/kozerus/public_html <html> <head> <title>index.html 20180603_0800</title>  <style> body{ background-color:slategrey; } </style> <style id="style_thumbnail" > .thumbnail { position: relative; float: left; padding: 5px; /*z-index: 0;*/ } .thumbnail:hover { background-color: #e9e9e2; /*z-index: 50;*/ color: #335500; text-decoration: none; } /*CSS for enlarged image*/ .thumbnail span { position: absolute; background-color: #e5e5e5; padding: 5px; /*left: -1000px;*/ border: 1px solid #666; visibility: hidden; color: black; 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 */ left: 300px;/*position where enlarged image should offset horizontally */ } /*THUMBNAIL2 - thumbnail2 has border and border on hover*/ .thumbnail2 { position: relative; float: left; padding: 5px; /*z-index: 0;*/ } .thumbnail2:hover { background-color: #e9e9e2; /*z-index: 50;*/ color: #335500; text-decoration: none; } .thumbnail2 span { /*CSS for enlarged image*/ position: absolute; background-color: #e5e5e5; padding: 5px; /*left: -1000px;*/ border: 1px solid #666; visibility: hidden; color: black; 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-index: 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_buttons" > body { text-align: center; background-color: "slategrey"; color:"white"; } button { // visibility: hidden; // background: rgba(7, 99, 53, .1); background: transparent; // border: 3px solid rgba(7, 99, 53, 1); border: 3px solid slategrey; border-radius: 5px; // color: rgba(7, 99, 53, 1); color: slategrey; cursor: pointer; line-height: 40px; font-size: 20px; outline: none; padding: 0 20px; transition: all .3s; } button:hover { // background: rgba(7, 99, 53, 1); background: darkgreyslate; // background: yellow; // background: white; // color: rgba(255,255,255,1); color: white; } p {font-size: 20px; font-weight: bold; </style> <style id="style_input" > body { text-align: center; background-color: "slategrey"; color:"white"; } input { // visibility: hidden; // background: rgba(7, 99, 53, .1); background: transparent; // border: 3px solid rgba(7, 99, 53, 1); border: 3px solid slategrey; border-radius: 5px; // color: rgba(7, 99, 53, 1); color: slategrey; cursor: pointer; line-height: 40px; font-size: 10px; outline: none; padding: 0 20px; transition: all .3s; } button:hover { // background: rgba(7, 99, 53, 1); background: darkgreyslate; // background: yellow; // background: white; // color: rgba(255,255,255,1); color: white; } p {font-size: 10px; font-weight: bold; </style> <style type="text/css"></style> <script type="text/javascript"></script> </head> <body> <script id="script_load_liks" > var ko_links = new Array(); var svc_links = new Array(); var srv_links = new Array(); function load_svc_links() { svc_links[0]="./index_av.html|./imgs/links/index_av.png|index_av|./imgs/btn/kob.png"; svc_links[1]="./index_bb.html|./imgs/links/index_bb.png|index_bb|./imgs/btn/kob.png"; svc_links[2]="./index_dd.html|./imgs/links/index_dd.png|index_dd|./imgs/btn/kob.png"; svc_links[3]="./index_sl.html|./imgs/links/index_sl.png|index_sl|./imgs/btn/kob.png"; svc_links[4]="./index_tl.html|./imgs/links/index_tl.png|index_tl|./imgs/btn/kob.png"; svc_links[5]="./index_tm.html|./imgs/links/index_tm.png|index_tm|./imgs/btn/kob.png"; svc_links[6]="./index_yt.html|./imgs/links/index_yt.png|index_yt|./imgs/btn/kob.png"; svc_links[7]="./index_zm.html|./imgs/links/index_zm.png|index_zm|./imgs/btn/kob.png"; return( svc_links ); } function load_srv_links() { srv_links[0]="ko0.us/index.html|./imgs/btn/koeyeb.png|ko0us|./imgs/btn/kob.png"; srv_links[1]="ko1.us/index.html|./imgs/btn/koeye.png|ko1us|./imgs/btn/kop1234.png"; srv_links[2]="ko2.us/index.html|./imgs/btn/koeyew.png|ko2us|./imgs/btn/kow.png"; srv_links[3]="konet.org/index.html|./imgs/btn/ko.png|konet-org|./imgs/btn/kib.png"; srv_links[4]="iperms.com/index.html|./imgs/links/iperms.png|iperms-com|./imgs/btn/kop34.png"; srv_links[5]="kassil.com/index.html|./imgs/links/kassil.png|kassil-com|./imgs/btn/kop12.png"; return( srv_links ); } function load_ko_links() { var j=0; ko_links[j++]="./jkwii/blackboard.html|./imgs/links/blackboard.png|blackboard|./imgs/btn/koeye.png"; ko_links[j++]="./jkwii/js/threejs/examples/index.html|./imgs/links/index_js3d.png|index_js3d|./imgs/btn/koeye.png"; ko_links[j++]="./ko/svc/js/stemkoskijs/Three.js/index.html|./imgs/links/index_js3d-stemkoski.png|index_js3d-stemkoski|./imgs/btn/koeye.png"; ko_links[j++]="./jkwii/js/gojs/index.html|./imgs/links/index_jsgo.png|index_jsgo|./imgs/btn/koeye.png"; ko_links[j++]="./index_jsdk.html|./imgs/links/index_jsdk.png|index_jsdk|./imgs/btn/koeye.png"; ko_links[j++]="./jkwii/koh5_globe/koh5_globe.html|./imgs/links/koh5_globe.png|koh5_globe|./imgs/btn/koeye.png"; ko_links[j++]="./jkwii/aud/keybd/index.html|./imgs/links/index_jskb.png|index_jskb|./imgs/btn/koeye.png"; ko_links[j++]="./svc/kokbdm/index.html|./imgs/links/index_jskb-dm.png|index_jskb-dm|./imgs/btn/koeye.png"; ko_links[j++]="./svc/kokbdms/index.html|./imgs/links/index_jskb-dms.png|index_jskb-dms|./imgs/btn/koeye.png"; ko_links[j++]="./piano.html|./imgs/links/index_piano.png|index_piano|./imgs/btn/koeye.png"; ko_links[j++]="./jkwii/aud/piano_uri/koh5_piano_uri.html|./imgs/links/index_jskb-uri.png|index_jskb_uri|./imgs/btn/koeye.png"; ko_links[j++]="./ko/svc/js/stemkoskijs/index.html|./imgs/links/index_js3d-stemkoski.png|index_js3d-stemkoski|./imgs/btn/koeye.png"; ko_links[j++]="./ko/svc/aud/mrcoles/koh5_mrcoles.html|./imgs/links/mrcoles.png|mrcoles|./imgs/btn/koeye.png"; ko_links[j++]="http://effectgames.com/demos/canvascycle/|./imgs/links/index_effectgames.png|index_effectgames|./imgs/btn/koeye.png"; ko_links[j++]="https://www.leshylabs.com/apps/sfMaker/|./imgs/links/index_sfmaker.png|index_sfmaker|./imgs/btn/koeye.png"; ko_links[j++]="https://dragongoserver.net/|./imgs/links/index_dgs.png|index_dgs|./imgs/btn/koeye.png"; ko_links[j++]="./ko_center/ko_center.php|./imgs/links/ko_center.png|ko_center|./imgs/btn/kob.png"; ko_links[j++]="./ko_saic/ko_saic.php|./imgs/links/ko_saic.png|ko_saic|./imgs/btn/kob.png"; ko_links[j++]="./index_kt.html|./imgs/links/index_kt.png|index_kt|./imgs/btn/kob.png"; ko_links[j++]="./index_jtf.html|./imgs/links/index_jtf.png|index_jtf|./imgs/btn/kob.png"; ko_links[j++]="./index2big.html|./imgs/links/index2big.png|index2big|./imgs/btn/kob.png"; ko_links[j++]="./index2big.htm|./imgs/links/index2big_noel.png|index2big_noel|./imgs/btn/kob.png"; ko_links[j++]="./jkwii/whiteboard.html|./imgs/links/whiteboard.png|whiteboard|./imgs/btn/koeye.png"; return( ko_links ); } function show_svc_links(mode) { svc_links = load_svc_links(); htmout_svc_links = ""; htmout_svc_linkz = ""; for (i = 0; i < svc_links.length; i++) { my_btnimg = "./imgs/btn/kib.png"; my_href = svc_links[i].split("|")[0]; my_popimg = svc_links[i].split("|")[1]; my_alt = svc_links[i].split("|")[2]; // htmout_svc_linkz += '<div class="drag" name="'+my_alt+'" >\n'; htmout_svc_linkz += '<a class="drag" href="' + my_href + '" target=_blank>"'; htmout_svc_linkz += '<img id="drg" src="' + my_popimg + '" alt="' + my_alt + '" height=100></a>'; // htmout_svc_linkz += '</div >'; // htmout_svc_links += '<div class="drag" name="'+my_alt+'" >\n'; htmout_svc_links += '<a class="thumbnail" href="' + my_href + '" target=_blank>"'; htmout_svc_links += '<img class="drag" id="drg" src="' + my_btnimg + '" alt="' + my_alt + '" width=25px height=14px border=0>'; htmout_svc_links += '<span><img src="' + my_popimg + '" alt="' + my_alt + '"></span></a>'; // htmout_svc_links += '</div >'; } if( mode === 'pop' ) { htmout_svc_links += "<br><br>\n"; var div_svc_links = document.getElementById('div_svc_links'); div_svc_links.insertAdjacentHTML('beforeend', htmout_svc_links); return( htmout_svc_links ); } htmout_svc_linkz += "<br><br>\n"; var div_svc_linkz = document.getElementById('div_svc_linkz'); div_svc_linkz.insertAdjacentHTML('beforeend', htmout_svc_linkz); return( htmout_svc_linkz ); } function show_ko_links(mode) { ko_links = load_ko_links(); htmout_ko_links = ""; htmout_ko_linkz = ""; for (i = 0; i < ko_links.length; i++) { my_btnimg = "./imgs/btn/koeye.png"; my_href = ko_links[i].split("|")[0]; my_popimg = ko_links[i].split("|")[1]; my_alt = ko_links[i].split("|")[2]; htmout_ko_linkz += '<a class="drag" href="' + my_href + '" target=_blank>"'; htmout_ko_linkz += '<img src="' + my_popimg + '" alt="' + my_alt + '" height=100></a>'; htmout_ko_links += '<a class="thumbnail" href="' + my_href + '" target=_blank>"'; htmout_ko_links += '<img src="' + my_btnimg + '" alt="' + my_alt + '" width=25px height=14px border=0>'; htmout_ko_links += '<span><img src="' + my_popimg + '" alt="' + my_alt + '"></span></a>'; } if( mode === 'pop' ) { htmout_ko_links += "<br><br>"; var div_ko_links = document.getElementById('div_ko_links'); div_ko_links.insertAdjacentHTML('beforeend', htmout_ko_links); return( htmout_ko_links ); } htmout_ko_linkz += "<br><br>"; var div_ko_linkz = document.getElementById('div_ko_linkz'); div_ko_linkz.insertAdjacentHTML('beforeend', htmout_ko_linkz); return( htmout_ko_linkz ); } function show_srv_links(mode) { srv_links = load_srv_links(); htmout_srv_links = ""; htmout_srv_linkz = ""; for (i = 0; i < srv_links.length; i++) { my_btnimg = "./imgs/btn/kiw.png"; my_href = srv_links[i].split("|")[0]; my_popimg = srv_links[i].split("|")[1]; my_alt = srv_links[i].split("|")[2]; htmout_srv_linkz += '<a class="drag" href="' + my_href + '" target=_blank>"'; htmout_srv_linkz += '<img src="' + my_popimg + '" alt="' + my_alt + '" height=100></a>'; htmout_srv_links += '<a class="thumbnail" href="' + my_href + '" target=_blank>"'; htmout_srv_links += '<img src="' + my_btnimg + '" alt="' + my_alt + '" width=25px height=14px border=0>'; htmout_srv_links += '<span><img src="' + my_popimg + '" alt="' + my_alt + '"></span></a>'; } if( mode === 'pop' ) { htmout_srv_links += "<br><br>\n" var div_srv_links = document.getElementById('div_srv_links'); div_srv_links.insertAdjacentHTML('beforeend', htmout_srv_links); return( htmout_srv_links ); } htmout_srv_linkz += "<br><br>\n" var div_srv_linkz = document.getElementById('div_srv_linkz'); div_srv_linkz.insertAdjacentHTML('beforeend', htmout_srv_linkz); return( htmout_srv_linkz ); } // document.write( htmout_svc_links ); // document.write( htmout_ko_links ); // document.write( htmout_srv_links ); // var div_ko_links = document.getElementById("div_ko_links"); // var div_ko_links_orig = div_ko_links.innerHTML; // alert( "BUGS_500 div_ko_links_orig="+div_ko_links_orig ); // div_ko_links.innerHTML = ""; // div_ko_links.appendChild( htmout_ko_links); // pqpqpqpqpqpqpqpqpqpqpqpqpqpqpqpqpqpqpqpqpqpqpqpqpqpqpqpqpqpqpqpqpqpqpq // // getElementById("foo").insertAdjacentHTML //  // <p> //  // foo //  // </p> //  // // document.getElementById('foo').insertAdjacentHTML("beforebegin", "<hr>") // $('#foo').before("<hr>") // document.getElementById('foo').insertAdjacentHTML("afterend", "<hr>") // $('#foo').append("<hr>") // document.getElementById('foo').insertAdjacentHTML("beforeend", "<hr>") // $('#foo').append("<hr>") // document.getElementById('foo').insertAdjacentHTML("afterbegin", "<hr>") // $('#foo').prepend("<hr>") // // var btn = document.getElementById('btn'); // The button itself with an ID of 'btn' // var newButton = '<button>New button</button>'; // New button to be inserted // btn.insertAdjacentHTML('afterend', newButton); // // bdbdbdbdbdbdbdbdbdbdbdbdbdbdbdbdbdbdbdbdbdbdbdbdbdbdbdbdbdbdbdbdbdbdbdbdbdb function show_all_links(mode) { show_svc_links(mode); show_ko_links(mode); show_srv_links(mode); } </script> <div id="div_links" > <hr color=red> <div id="div_svc_links" > </div> <hr color=red> <hr color=white> <div id="div_ko_links" > </div> <hr color=white> <hr color=blue> <div id="div_srv_links" > </div> <hr color=blue> </div> <div id="div_linkz" > <hr color=red> <div id="div_svc_linkz" > </div> <hr color=red> <hr color=black> <div id="div_ko_linkz" > </div> <hr color=black> <hr color=blue> <div id="div_srv_linkz" > </div> <hr color=blue> </div> <div id="div_cfaa" class=ko>  <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> &nbsp &nbsp &nbsp <a href=bing.com > <img src="ok.png" alt="bing" height=10 border=0></a> &nbsp &nbsp &nbsp <a href=google.com > <img src="ok.png" alt="google" height=10 border=0></a> &nbsp &nbsp &nbsp <a href=yahoo.com > <img src="ok.png" alt="yahoo" height=10 border=0></a> &nbsp &nbsp &nbsp <a href=https://mars.jpl.nasa.gov/msl/multimedia/raw target=_blank> <img src="ok.png" border=0 height=10> </a> &nbsp &nbsp &nbsp <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> <script id="script_url"> var url = document.createElement("a"); url.href=location.href var output = "output" url.pathname = url.pathname.replace(/(^\/?)/,"/"); // alert(location.href) // alert(url.protocol) // alert(url.hostname) // alert(url.pathname) // alert(url.search) // alert(url.hash) if( url.search == "" ) {document.write( text_cfaa );} if( url.search == "?q=cfaa" ) {document.write( text_cfaa ); } </script> </div>  <hr color=red><hr color=black><hr color=white> <button type="button" onclick="show_all_links('pop')">show_all_links</button>  <hr color=red><hr color=white><hr color=blue> <button type="button" onclick="show_svc_links('pop')">show_svc_links</button> <button type="button" onclick="show_ko_links('pop')">show_ko_links</button> <button type="button" onclick="show_srv_links('pop')">show_srv_links</button> <hr color=blue><hr color=white><hr color=black> <img src="./imgs/btn/kib.png" height="50" size="150" alt="koeye" onclick="show_svc_links()"> <img src="./imgs/btn/ko.png" height="50" size="150" alt="koeyeb" onclick="show_ko_links()"> <img src="./imgs/btn/kiw.png" height="50" size="150" alt="koeyew" onclick="show_srv_links()"> <hr color=blue><hr color=white><hr color=red> <div id="div_neave_wobble" > <iframe frameborder='0' height='150' marginheight='0' marginwidth='0' scrolling='no' src='./index_wobble.html' style='margin-bottom: 20px; box-shadow: 0 2px 2px rgba(0,0,0,0.3)' width='100%'> </iframe> </div> <div id="div_files" > <output id="zonelist"></output> <div id="dropzone"> dropzone <div id="div_canvas" style="position:relative; width:400px; height:200px background:white"> <canvas id="canvas_dropzone" style="z-index: 1; position:absolute; left:0px; top:0px; " height="100px" width="200" background-color="white" color="white"> WARN_1387 unauthorized access has been logged </canvas> </div> <script name="script_fileselect"> function handleFileSelect(evt) { evt.stopPropagation(); evt.preventDefault(); var files = evt.dataTransfer.files; // FileList object. // files is a FileList of File objects. List some properties. var output = []; for (var i = 0, f; f = files[i]; i++) { output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ', f.size, ' bytes, last modified: ', f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a', '</li>'); } document.getElementById('zonelist').innerHTML = '<ul>' + output.join('') + '</ul>'; } function handleDragOver(evt) { evt.stopPropagation(); evt.preventDefault(); evt.dataTransfer.dropEffect = 'copy'; // Explicitly show this is a copy. } // Setup the dnd listeners. var dropZone = document.getElementById('dropzone'); dropZone.addEventListener('dragover', handleDragOver, false); dropZone.addEventListener('drop', handleFileSelect, false); </script> <hr><hr><hr> <style> .thumb { height: 75px; border: 1px solid #000; margin: 10px 5px 0 0; } </style> <input id="files" name="files[]" multiple="" type="file"> <output id="zonelist"></output> <script> function handleFileSelect(evt) { var files = evt.target.files; // FileList object // files is a FileList of File objects. List some properties. var output = []; for (var i = 0, f; f = files[i]; i++) { output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ', f.size, ' bytes, last modified: ', f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a', '</li>'); } document.getElementById('zonelist').innerHTML = '<ul>' + output.join('') + '</ul>'; } document.getElementById('files').addEventListener('change', handleFileSelect, false); </script> <div id="div_files2" hidden > <h1>bugs_506_files</h1> <input id="files" name="files[]" multiple="" type="file"> <output id="zonelist"></output> </div> <script> function handleFileSelect(evt) { var files = evt.target.files; // FileList object // Loop through the FileList and render image files as thumbnails. for (var i = 0, f; f = files[i]; i++) { // Only process image files. if (!f.type.match('image.*')) { continue; } var reader = new FileReader(); // Closure to capture the file information. reader.onload = (function(theFile) { return function(e) { // Render thumbnail. var span = document.createElement('span'); span.innerHTML = ['<img class="thumb" src="', e.target.result, '" title="', escape(theFile.name), '"/>'].join(''); document.getElementById('zonelist').insertBefore(span, null); }; })(f); // Read in the image file as a data URL. reader.readAsDataURL(f); } } document.getElementById('files').addEventListener('change', handleFileSelect, false); </script> <hr color=black><hr color=black><hr color=black> <style> #byte_content { margin: 5px 0; max-height: 100px; overflow-y: auto; overflow-x: hidden; } #byte_range { margin-top: 5px; } </style> <script id="script_previewfile"> function previewfile(file) { if (tests.filereader === true && acceptedTypes[file.type] === true) { var reader = new FileReader(); reader.onload = function (event) { var image = new Image(); image.src = event.target.result; image.width = 250; // a fake resize holder.appendChild(image); }; reader.readAsDataURL(file); } else { holder.innerHTML += '<p>done: koupload' + file.name + ' ' + (file.size ? (file.size/1024|0) + 'K' : ''); console.log(file); } } function readfiles(files) { debugger; var formData = tests.formdata ? new FormData() : null; for (var i = 0; i < files.length; i++) { if (tests.formdata) formData.append('file', files[i]); previewfile(files[i]); } // now post a new XHR request if (tests.formdata) { var xhr = new XMLHttpRequest(); xhr.open('POST', 'http://ka6/ko/bin/php/ko.php?ko=ajax,upload,filenames,phpi,ok'); // xhr.open('POST', 'ka6/ko/bin/php/index.php?q=upload,filenames'); xhr.onload = function() { progress.value = progress.innerHTML = 100; }; if (tests.progress) { xhr.upload.onprogress = function (event) { if (event.lengthComputable) { var complete = (event.loaded / event.total * 100 | 0); progress.value = progress.innerHTML = complete; } } } xhr.send(formData); } } if (tests.dnd) { holder.ondragover = function () { this.className = 'hover'; return false; }; holder.ondragend = function () { this.className = ''; return false; }; holder.ondrop = function (e) { this.className = ''; e.preventDefault(); readfiles(e.dataTransfer.files); } } else { fileupload.className = 'hidden'; fileupload.querySelector('input').onchange = function () { readfiles(this.files); }; } </script> <script id="script_myfilework> funtion myfilework( j, file ) { alert( j+" file="+file ); } </script> <script id="script_upload_input">> var upload = document.getElementsByTagName('input')[0], holder2 = document.getElementById('holder2'), state = document.getElementById('status'); if (typeof window.FileReader === 'undefined') { state.className = 'fail'; } else { state.className = 'success'; state.innerHTML = 'File API & FileReader available'; } upload.onchange = function (e) { e.preventDefault(); var file = upload.files[0], reader = new FileReader(); reader.onload = function (event) { var img = new Image(); img.src = event.target.result; // note: no onload required since we've got the dataurl...I think! :) if (img.width > 560) { // holder width img.width = 560; } holder2.innerHTML = ''; holder.appendChild(img); }; reader.readAsDataURL(file); return false; }; // var formData = new FormData(); // formData.append("part_num", "123ABC"); // formData.append("part_price", 7.95); // formData.append("part_image", somefile) // // var xhr = new XMLHttpRequest(); // xhr.open("POST", "http://ka6/ko/bin/php/ko.php?ko=ajax,upload/"); // xhr.send(formData); </script> <canvas color="darkslatgrey" height="100" width="400"></canvas> <script> var canvas = document.getElementsByTagName('canvas')[0], ctx = null, grad = null, body = document.getElementsByTagName('body')[0], color = 255; color = lightblue; if (canvas.getContext('2d')) { ctx = canvas.getContext('2d'); ctx.clearRect(0, 0, 600, 600); ctx.save(); // Create radial gradient // grad = ctx.createRadialGradient(0,0,0,0,0,600); // grad.addColorStop(0, '#000'); // grad.addColorStop(1, 'rgb(' + color + ', ' + color + ', ' + color + ')'); // assign gradients to fill // ctx.fillStyle = grad; ctx.fillstyle = "lightblue"; // draw 600x600 fill ctx.fillRect(0,0,600,600); ctx.save(); body.onmousemove = function (event) { var width = window.innerWidth, height = window.innerHeight, x = event.clientX, y = event.clientY, rx = 600 * x / width, ry = 600 * y / height; var xc = ~~(256 * x / width); var yc = ~~(256 * y / height); grad = ctx.createRadialGradient(rx, ry, 0, rx, ry, 600); grad.addColorStop(0, '#000'); grad.addColorStop(1, ['rgb(', xc, ', ', (255 - xc), ', ', yc, ')'].join('')); // ctx.restore(); // ctx.fillStyle = grad; ctx.fillstyle="lightblue"; ctx.fillRect(0,0,600,600); // ctx.save(); }; } </script> <div id="div_csv"> <style type="text/css"> body { font-family: Arial; font-size: 10pt; } table { border: 1px solid #ccc; } table th { background-color: #F7F7F7; color: #333; font-weight: bold; } table th, table td { padding: 5px; border-color: #ccc; } </style> <script type="text/javascript"> function Upload() { var fileUpload = document.getElementById("fileUpload"); var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.csv|.txt|.psv|.py|.htm|.html|.php)$/; if (regex.test(fileUpload.value.toLowerCase())) { if (typeof (FileReader) != "undefined") { var reader = new FileReader(); reader.onload = function (e) { var table = document.createElement("table"); var rows = e.target.result.split("\n"); for (var i = 0; i < rows.length; i++) { var row = table.insertRow(-1); // var cells = rows[i].split("|"); var cells = rows[i].split(","); for (var j = 0; j < cells.length; j++) { var cell = row.insertCell(-1); cell.innerHTML = cells[j]; } } var csv2tbl = document.getElementById("csv2tbl"); csv2tbl.innerHTML = ""; csv2tbl.appendChild(table); } reader.readAsText(fileUpload.files[0]); } else { alert("csv2tbl warn: unauthorized access noted"); } } else { alert("csv2tbl fail: unsuppoted format"); } } </script> <input id="fileUpload" type="file">  </div> <div id="csv2tbl"> </div>  <button type="button" id="upload" value="Upload" onclick="Upload()">upload</button> </div> </div> <div id="div_showhide" hidden> <script id="script_showhide" > function show_files() { var div_files = document.getElementbyID("div_files"); div_files.show(); } function hide_files() { var div_files = document.getElementbyID("div_files"); div_files.hide(); } </script> <button type="button" id="show">show</button> <button type="button" id="hide">hide</button> <button type="show_files" id="show_files" onclick="show_files()">Show_files</button> <button type="hide_files" id="hide_files" onclick="hide_files()">Hide_files</button> <button type="show_neave_wobble" id="show_neave_wobble">Show_neave_wobble</button> <button type="hide_neave_wobble" id="hide_neave_wobble">Hide_neave_wobble</button>  </div> <div id="item" > </div> <script id="script_showhide"> $( "#show" ).click(function() {$('#item').show(); }); $( "#hide" ).click(function() {$('#item').hide();}); $( "#show_files" ).click(function() {$('#div_files').show(); }); $( "#hide_files" ).click(function() {$('#div_files').hide();}); $( "#show_neave_wobble" ).click(function() {$('#div_neave_wobble').show(); }); $( "#hide_neave_wobble" ).click(function() {$('#div_neave_wobble').hide();}); // $( "#show_dd" ).click(function() {$('#div_dd').show(); }); // $( "#hide_dd" ).click(function() {$('#div_dd').hide();}); // $( "#show_bb" ).click(function() {$('#div_bb').show(); }); // $( "#hide_bb" ).click(function() {$('#div_bb').hide();}); // $( "#show_tl" ).click(function() {$('#div_tl').show(); }); // $( "#hide_tl" ).click(function() {$('#div_tl').hide();}); // $( "#show_jkwii" ).click(function() {$('#div_jkwii').show(); }); // $( "#hide_jkwii" ).click(function() {$('#div_jkwii').hide();}); // $( "#show_colors" ).click(function() {$('#div_colors').show(); }); // $( "#hide_colors" ).click(function() {$('#div_colors').hide();}); // $( "#show_fonts" ).click(function() {$('#div_fonts').show(); }); // $( "#hide_fonts" ).click(function() {$('#div_fonts').hide();}); // $( "#show_alldivs" ).click(function() {$('#div_alldivs').show(); }); // $( "#hide_alldivs" ).click(function() {$('#div_alldivs').hide();}); </script> </div> </body> </html>

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

koh5_pano

Navigation