<!DOCTYPE html>
<html>
<head>

<!-- meta http-equiv="refresh"
 content="9; URL=https://www.dropbox.com/s/j9gl2are5vj1kv7/barkelsby.dropbox.htm?dl=0" -->

<meta http-equiv="expires" content="0">
<xxmeta http-equiv="refresh" content="30">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<title>Aukamp, Barkelsby & Co</title>
<xlink rel="shortcut icon" href="http://www.rkuhlemann.de/bmc/bmc32.ico" />
</head>
<body>
<center><font face=arial color=darkred><b>

<h1>DOM touchmove Event</h1>

<p ontouchmove="myFunction(event)">Touch this paragraph, and move the finger to trigger a
<br>+++<br> ++++ <br>
function that will display the x and y coordinates of the touch, according the the document:</p>

<p><strong>Note:</strong> This example is for touch devices only.</p>

<p id="demo"></p>

<script>
function myFunction(event) {
  var x = event.touches[0].clientX;
  var y = event.touches[0].clientY;
  document.getElementById("demo").innerHTML = x + ", " + y;
}
</script>

<img src='https://www.dropbox.com/s/9n4aawyvxov10j8/September%201945.jpg?dl=1' width=180
 onClick="alert('hhhh'); doShow();">
<br>https://www.dropbox.com/s/9n4aawyvxov10j8/September%201945.jpg?dl=1 ** width=180
<p>
<img src='https://www.dropbox.com/s/9n4aawyvxov10j8/September%201945.jpg?dl=1' xwidth=180>
<br><br>https://www.dropbox.com/s/9n4aawyvxov10j8/September%201945.jpg?dl=1 ** 1218 x 907
<p>
<img src='https://www.dropbox.com/s/v9vlffxmvspy75h/300%20001.jpg?dl=1'>
<br>https://www.dropbox.com/s/v9vlffxmvspy75h/300%20001.jpg?dl=1 ** 417 x 584
<p>
<img src='https://www.dropbox.com/s/9n4aawyvxov10j8/September%201945.jpg' xwidth=180>
<p>

<table width=417 height=417 border=1 align=center valign=middle><tr><td>417</table>

<p>
<img src='https://www.dropbox.com/s/uyac43gp0mobpn7/bamsImKinderwagen.jpg?dl=1'>
<br>https://www.dropbox.com/s/uyac43gp0mobpn7/bamsImKinderwagen.jpg?dl=1 ** 390 x 569

<p><button onclick="doINH()">INH</button>




<p>******
<div id="INH">
INHALT
<br>***

</div>
<br>********
<p>

<!--
https://www.dropbox.com/s/xjy2hocd5rvuqc5/Barkelsby.drop.htm?dl=0
https://www.dropbox.com/s/9n4aawyvxov10j8/September%201945.jpg?dl=1
-->
<script>


function doShow(){
alert("show");

document.write(""
+"<br>window.innerWidth/Height " + window.innerWidth + " " +  window.innerHeight
+"<br>document.documentElement.clientWidth/Height " + document.documentElement.clientWidth  + " " + 
           document.documentElement.clientHeight 
+"<br>document.body.clientWidth/Height " +  document.body.clientWidth  + " " + document.body.clientHeight
+"<br>screen.width/height " + screen.width + " " + screen.height
+"<br>screen.availWidth/Height " + screen.availWidth + " " + screen.availHeight

+"<p>");


var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

document.write(""
+"<p>w " + w
+"<br>h " + h);

xxalert(
"<style> img {"
+" max-width: " + (w - 40) + "px; "
+" max-height: " + (h - 48) + "px; "
+" } </style>");

x = document.getElementById("INH");


xxalert("endshow");
}

function doINH() {
  alert("INH");
  document.getElementById("INH").innerHTML += "<p>Hallo<br>Hugo";
}


document.write(
"<p><style> img {"
+" max-width: " + (w - 40) + "px; "
+" max-height: " + (h - 48) + "px; "
+" } </style>");


ct = 0;
xxA = "https://www.dropbox.com/s/";

function ll(xx, yy){
  ct++;
  x = "<p><img src='" + xxA + xx + "?dl=1'>"
     + "<br><b>" + yy + "</b> (" + ct + ")" ;
  document.write(x); 
  document.write 
      ( "</b><br>" + document.images.length 
     + " " + document.images[0].width); 	// + "x" + document.images[ct-1].height; 
  //alert(x);
}

function doLoad(){
alert("doLoad()");
ll("9n4aawyvxov10j8/September%201945.jpg"	,"etwa mein 2. Geburtstag? Kristine ist skeptisch!");
ll("iccs295hathh6tv/003.jpg"	,"stimmt! So'n Jäckchen hatte ich früher!");
ll("4tbgz3gygtqruk3/005.jpg"	,"Solche Vorstellungen heute undenkbar: wir vor unserem 'KLOKINO'");	// Mäuse-Klo-Kino!");
ll("zy0owrxvzgr18k0/006.jpg"	,"Opa, Kristine und ich - alle im Sonntags-Staat");
ll("jkgh4llgsmfu2e6/0411%20Aukamp%20Zeichnung%20mit%204.jpg"	,"Mein erstes Gemälde  (da war ich vier) mit Hauklotz, Leiterwagen, Puppenwagen, Purzel's Hütte");
ll("36jcu0oaw3twasl/0414%20Purzel%2CGitta%2CRobi%2CKristine.jpg"	,"Mit Gitta und Purzel am Teich");
ll("9x4c53w62oaboq4/amTeich01.jpg"	,"Die Blut-Egel freuen sich schon!");
ll("nz8mo376dulq33o/Osterhaeschen.jpg"	,"(im Fläschchen - etwa selbst gemolkene Ziegenmilch?)");
//ll("jf83miazui7gh0m/hasenmutter.jpg"	,"");
ll("3qhhetcxymu7fst/0411%20Hasenmutter.jpg"	,"So'n Häschen kann unersättlich sein!");
ll("41at6kypl2rbjbi/aukamp%20001.jpg"	,"Unsere Allee");
ll("x4m1op6vth3kvqt/aukamp%20spielkuhle.jpg"	,"Unser Spielplatz");
ll("p8d47api78s19pz/weihnachtsBriefOld%20-%20Kopie.jpg"	,"Weihnachtspost ~1948");
ll("ccsljg2josiml4n/Scannen0062.jpg"	,"Idylle");
ll("ympgsx7drbfhksc/0415%20Petz%20von%20Saporoshje.jpg"	,'Post vom "Petz von Saporoshje" ');
ll("yd4i16vv039snos/001%20%282%29.jpg"	,"An den Klippen der Au: Ingrid, Klaus Held & der kleine Günni");
ll("ipyl7ilzxirrqg3/001.jpg"	,"In den Hocken - wer hat wohl gemäht? Herr Krüger oder Herr Höhrmann?");
ll("m8tu4f1lrxakm8p/Umzug.jpg"	,"Jedes Jahr gab's Dorffest mit Kinderfest und -umzug zum ..");
ll("k6c0c06xyg2344s/Barkelsby%20um%201910.jpg"	,".. Bahnhof Barkelsby. Da gab's dann Tanz und Musik ..");
ll("dnxy0l5gqkfo29u/hackeSpitze.jpg"	,".. zB '<em>Hei Hacke Spitze, Hacke ... das Mädel dreht sich um!</em>' ..");
ll("xdmddsvhxmgf47e/Polkaschottsche.jpg"	,".. oder '<em>Modder Wietsch! Modder Wietsch! Kiek mi mol an, <br>wie ik de Polkaschottsche danze kann!</em>'");
ll("7vjnovxvjl3bhm9/0420%20Opa%20in%20Gettorf.JPG"	,"<em>♫♪ aber bestimmt am Donnerstag ♪♫♪</em> Opa beim Sängerfest in Gettorf");
ll("2xptvwzil6joh1z/koffer33.jpg"	,"Opa's Koffer"); 
ll("tgqyp6eqz9h0fe7/Kurt%20Liedtke%20Ausweis.jpg"	,"hier sein Ausweis");
ll("cuq2i0uwz7hwddp/0010%2000.jpg"	,"");
ll("6lltok1a681jx79/004.jpg"	,"An so einem Tag ..");
ll("uoqd4o1juvkoh62/003%20%282%29.jpg"	,".. sahen wir Papa, den Petz aus Saporoschje,  zum ersten mal! (Herbst 1949)");
ll("tfj1xb4wnqgx45m/005%20%282%29.jpg"	,"Danach wurden wir Farmer. Nerz-Farmer!");
ll("zjdpftzjd6i19o2/0032%20Kristine%2CLumme%2CSinzie%20001.jpg"	,"Kristine füttert nicht Sinzie ..");
ll("fm660eyjzdrxnz8/0031.jpg"	,".. aber Taucher ..");
ll("t8xyh1ymbvg4nik/0033.jpg"	,".. bzw. Trottel-Lummen ..");
ll("2f8ok7klhg8ejm0/0030.jpg"	,".. und wird dafür veröffentlicht!");
ll("m45u1qz96ea5dh3/Scannen0053.jpg"	,"April 1950: Der Ernst des Lebens beginnt ..");
ll("ccon8ql3ea82ckm/Einschulung%201950.jpg"	,".. mit Kristines Hilfe ..");
ll("0x874gyt13iloll/Scannen0057%2014.apr50.jpg"	,".. mit Schultüte & Lehrer Hornberger");

ll("28qdw9h68zqoizi/barkby%20troll..jpg"	,"");
ll("fxy0wfddwtw1loc/bedford%20qld%2043.jpg"	,"Mit zwei 'Bedford Blitz' der englischen Armee haben wir Aukamp dann verlassen");
}
</script>

<style>
body { font-weight:bold; color:darkred; font-size:24px; }
img { border: 0px solid darkred; filter:drop-shadow(8px 8px 10px red); }
span { display: none; }
</style>


<table width=100% xheight=100% cellspacing=0 cellpadding=0 border=0 
 style="background:'http://www.rkuhlemann.de/steinmauer.gif'; bgproperties:'fixed'
 xstyle="position:fixed; background:no-repeat; xz-index:99;">
<tr><td align=center xvalign=center id="xxSHOW">

<script>alert("Jetze!");</script>

<script source="https://www.dropbox.com/s/t61o6ij6fs8ut6p/barkelsdrop.inc?dl=1"></script>

<script>alert("Over!");</script>

<script>
//doLoad();
doShow();
//alert(document.images.length + ' '  + document.images[0].src + "x" + document.images[0].height); 
<p>
</script>

</table>

<!--
<p>****<br>
<iframe width="200" height="200"
 xsrc="https://www.dropbox.com/s/9b7uud3rjk0ljd6/barkelsdruck.htm"
 src="https://www.dropbox.com/s/lmpwlve2l9yztcj/001%20%283%29.jpg?dl=1"
> yy***yy
</iframe>
<br>https://www.dropbox.com/s/9b7uud3rjk0ljd6/barkelsdruck.htm
-->

</body></html>