DIR : /home/kozerus/public_html/jk_best.html
/home/kozerus/public_html
<html>
<head>
<title>jk.htm 20190629_023 slots</title>
<!--
<title>jk.htm 20190628_1730</title>
-->
<script id="script_globalvars" >
(function() {
var yourGlobalVariable;
function foo() {}
})();
</script>
<script id="script_js2css" >
function js2css(fmt) {
var element = document.createElement('select');
element.style.width = "100px";
var element = document.createElement('select');
element.style.width = "100px";
$(menu).css("width", "100px");
}
</script>
<script id="script_ajax_loadfile" >
ajax=getqueryvariable('fb_links');
alert( "BUGS_20 ajax="+ajax);
if( ajax == undefined ) { ajax="fb_links.psv"; }
ajax_loadfile("fb_links.psv" );
alert( "BUGS_30 ajax="+ajax);
function ajax_loadfile(ajax) {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var ajaxtext=this.responseText;
var j=0;
var htmout = "";
var ajaxlines = ajaxtext.split("\n" );
var ajaxlen = ajaxlines.length;
htmout += '<img src="fb/imgs/now.jpg">';
var ajax_url="";
var ajax_img="";
var ajax_tn="";
var ajax_zn="";
var ajax_grp="";
var ajax_title="";
var ajax_desc="";
var ajax_js="";
var ajax_ht="";
var ajax_link="";
var ajaxflds = new Array();
for( j = 0; j < ajaxlen; j=j+1 ) {
ajaxflds = ajaxlines[j].split("|");
ajax_url=ajaxflds[0];
ajax_img=ajaxflds[1];
ajax_tn=ajaxflds[2];
ajax_zn=ajaxflds[3];
ajax_grp=ajaxflds[4];
// ajax_img=ajaxflds[1];
// ajax_img=ajaxflds[1];
// ajax_url=ajaxlines[j].split("|")[0];
// ajax_img=ajaxlines[j].split("|")[1];
// ajax_tn=ajaxlines[j].split("|")[22;
// ajax_zn=ajaxlines[j].split("|")[3];
// ajax_grp=ajaxlines[j].split("|")[4];
// ajax_title=ajaxlines[j].split("|")[5];
// ajax_desc=ajaxlines[j].split("|")[6];
// ajax_js=ajaxlines[j].split("|")[7];
// ajax_ht=ajaxlines[j].split("|")[8];
// ajax_link=ajaxlines[j].split("|")[9];
//
htmout += '<a href="'+ajax_url+'" target=_blank">\n';
htmout += ' <img src="'+ajax_img+'" width="50"; alt="'+ajax_grp+'">\n';
htmout += ' </a>\n';
//
}
// alert( "BUGS_40 ajaxdata="+ajaxtext );
alert( "BUGS_41 ajaxdata="+ajaxlines+" ajaxlen="+ajaxlen );
alert( "BUGS_42 ajaxlen="+ajaxlen );
// document.getElementById("div_ajax_loadfile").innerHTML = this.responseText;
document.getElementById("div_ajax_loadfile").innerHTML = ajaxtext;
document.getElementById("div_ajax_loadfile").innerHTML = htmout;
}
};
// var ajaxfile="ajax.txt";
if( ajax == undefined ) { ajax="fb_links.psv"; }
// ajax = "ajax.txt";
// ajax = "ajax1.txt";
// ajax = "ajax2.txt";
// ajax = "now.txt";
// ajax = "wow.txt";
// ajax = "nowwow.txt";
alert( "BUGS_50 ajax="+ajax );
xhttp.open("GET", ajax, true);
xhttp.send();
}
</script>
<script id="script_ajax_urlfunc">
ajax_urlfunc("url-1", myFunction1);
ajax_urlfunc("url-2", myFunction2);
function ajax_urlfunc(url, cFunction) {
var xhttp;
xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
cFunction(this);
}
};
xhttp.open("GET", url, true);
xhttp.send();
}
function myFunction1(xhttp) {
alert( "myfunction1" );
}
function myFunction2(xhttp) {
alert( "myfunction1" );
}
</script>
<script id="script_startup">
url_ajax=getqueryvariable('ajax');
var ajax1="ajax1.txt";
var ajax2="ajax2.txt";
var ajax="ajax.txt";
if( url_ajax != "" ) {ajax=url_ajax;}
alert( "BUGS_60 ajax="+ajax );
function startup() {
alert( "STARTUP ajax="+ajax );
}
</script>
<script id="script_getqueryvariable" >
function getqueryvariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if(pair[0] == variable){return pair[1];}
}
return(false);
}
</script>
</head>
<body bgcolor="lightblue" onload="startup(); return false; >
<img src="fb/imgs/now.jpg">
<hr color=white>
<hr color=black>
<div id="div_ajax_loadfile"><h1>div_ajax_loadfile</h1></div>
<h2>ajax_loadfile</h2>
<img src="fb/imgs/wow.jpg" onclick="ajax_loadfile(ajax);return false;">
</div>
<hr color=black>
<hr color=white>
<div id="div_ajax_urlfunc">
<h2>div_ajax_urlfunc xmlhttprequest object</h2>
<button type="button" onclick="ajax_urlfunc(); return false;">ajax_urlfunc</button>
</div>
<!--
<h2>The XMLHttpRequest Object</h2>
<p>The getAllResponseHeaders() function returns all the header information of a resource, like length, server-type, content-type, last-modified, etc:</p>
<p id="ajax_headers"></p>
<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("ajax_headers").innerHTML =
this.getAllResponseHeaders();
}
};
var ajaxfile="ajax.txt";
xhttp.open("GET", ajaxfile, true);
xhttp.send();
</script>
<script id="script_showhint">
function showHint(str) {
if (str.length == 0) {
document.getElementById("txtHint").innerHTML = "";
return;
}
else {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("txtHint").innerHTML = this.responseText;
}
};
xmlhttp.open("GET", "gethint.php?q=" + str, true);
xmlhttp.send();
}
}
</script>
<p><b>Start typing a name in the input field below:</b></p>
<form>
First name: <input type="text" onkeyup="showHint(this.value)">
</form>
<p>Suggestions: <span id="txtHint"></span></p>
-->
<hr color=whtie>
<!-- ajaxresult.php
<?php
// Array with names
$a[] = "Anna";
$a[] = "Brittany";
$a[] = "Cinderella";
$a[] = "Diana";
$a[] = "Eva";
$a[] = "Fiona";
$a[] = "Gunda";
$a[] = "Hege";
$a[] = "Inga";
$a[] = "Johanna";
$a[] = "Kitty";
$a[] = "Linda";
$a[] = "Nina";
$a[] = "Ophelia";
$a[] = "Petunia";
$a[] = "Amanda";
$a[] = "Raquel";
$a[] = "Cindy";
$a[] = "Doris";
$a[] = "Eve";
$a[] = "Evita";
$a[] = "Sunniva";
$a[] = "Tove";
$a[] = "Unni";
$a[] = "Violet";
$a[] = "Liza";
$a[] = "Elizabeth";
$a[] = "Ellen";
$a[] = "Wenche";
$a[] = "Vicky";
// get the q parameter from URL
$q = $_REQUEST["q"];
$hint = "";
// lookup all hints from array if $q is different from ""
if ($q !== "") {
$q = strtolower($q);
$len=strlen($q);
foreach($a as $name) {
if (stristr($q, substr($name, 0, $len))) {
if ($hint === "") {
$hint = $name;
}
else {
$hint .= ", $name";
}
}
}
}
// Output "no suggestion" if no hint was found or output correct values
echo $hint === "" ? "no suggestion" : $hint;
?>
-->
<div id="div_ajaxfile"><h1>div_ajaxfile</h1></div>
<script id="script_ajaxrequest">
// XMLHttpRequest.DONE == 4
function ajaxrequest() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == XMLHttpRequest.DONE) {
if (xmlhttp.status == 200) {
document.getElementById("div_ajaxout").innerHTML = xmlhttp.responseText;
}
else if (xmlhttp.status == 400) {
alert('ajaxrequest ERR_400');
}
else {
alert('ajaxrequest ERR_NOT_200');
}
}
};
var ajaxfile="ajax.txt";
xmlhttp.open("GET", ajaxtile, true);
xmlhttp.send();
}
</script>
// compatible with IE7+, Firefox, Chrome, Opera, Safari
<script id="script_callajax" >
function callajax(url, callback){
var xmlhttp;
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function(){
if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
callback(xmlhttp.responseText);
}
}
xmlhttp.open("GET", url, true);
xmlhttp.send();
}
</script>
<script id="script_randomrange" >
function randomIntFromInterval(min,max) {
return Math.floor(Math.random()*(max-min+1)+min);
}
</script>
<script id="script_getvalues_array">
function getvalues_array() {
return [getFirstValue(), getSecondValue()];
}
// access them like so:
// var values = getvalues_array();
// var first = values[0];
// var second = values[1];
function getvalues_obj() {
return {
first: getfirstvalue(),
second: getsecondvalue(),
};
}
// And to access them:
// var values = getvalues_obj();
// var first = values.first;
// var second = values.second;
// ES6 syntax:
// const {first, second} = getvalues_obj();
</script>
<hr color=black>
<div id="div_ajaxrequest">
<img data-src="imgs/ko.png" alt="ko">
<button id="request" onclick="ajaxrequest();return false;">nowwow</button>
<div id="nowwow"></div>
</div>
<script id="script_ajaxrequest" >
function ajaxrequest() {
var btn = document.getElementById('request');
var bio = document.getElementById('nowwow');
var request = new XMLHttpRequest();
request.onreadystatechange = function() {
if(request.readyState === 4) {
bio.style.border = '1px solid #e8e8e8';
if(request.status === 200) {
bio.innerHTML = request.responseText;
}
else {
bio.innerHTML = 'ERR_not_200: ' + request.status + ' ' + request.statusText;
}
}
}
var ajaxfile="nowwow.txt"
request.open('Get', ajaxfile );
btn.addEventListener('click', function() {
this.style.display = 'none';
request.send();
});
</script>
</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