Letzte Mal 2019. Viele sind da: Katya, Michael, Quint, Long-Yang, Felix, Thomas, Benildur, Johann, Morten, Angelo, Jens kam vorbei und spendierte Spekulatius und Frau Spyra mit WvS-Xmas-T-Shirt.
Johann und Kumpels arbeiten an ihrer ALU (Felix auch), Frank Oppermann hatte Weihnachsmänner hier hingestellt. Danke.
Quint und Benildur haben das Javascript vom Weihnachtsmannrundlauf umgeschrieben. Nice ;-).
Nächste Mal dann im neuen Jahr. Am 10.1.2020.
Finus ist mit mehreren Würfeln da. Katja ist neu und programmiert mit www.code.org Javascript. Ansonsten waren da Long-Yang, Jakob, Felix, Morten. Nächste Mal fällt vermutlich aus. Dann wieder am 6.9. vermutlich.
Nic, Felix, Tim sind da. Angelo kann heute nicht. Nic sucht seine Python-Projekte und findet sie nur teilweise.
Nics IDE ist IDLE: Integrated Development and Learning Environment. Nic konnte mit dem Online-Editor von Scratch dann die sb2-Dateien editieren und zeigte uns noch den MBot.
Daniel und Marry sind da – nach dem kleinen Chor.
Verbindung mit FileZilla auf multitain.de geht plötzlich. S.a. hier. Keine Ahnung warum. Erst die Ports eingeschränkt auf 1300 – 1310. Das geht aber nur bei „aktivem Modus“. Dann „Zurückgreifen auf einen anderen Modus bei Fehlschlag erlauben“ aktiviert. Dann noch den Port 21 angegeben. Danach alles wieder rausgenommen, um zu sehen, woran es lag. Jetzt ist alles wieder ohne Änderungen, läuft aber dennoch. Nu gut. Und dann noch „aktiver Modus“ eingestellt. Ging nämlich dann doch wieder nicht.
Bezüglich Javascript und dem Einfangen von „i“ in einer Funktion funktioniert „let“.
for(let i = 0; i < len; i++)
{
li = $("<li>");
li.attr("id", i)
li.text(locations[i].time);
// li.click(alerttest);
li.click(function () {
setSingleMarker(i);
li.attr("class", "li_active");
}
);
ul.append(li);
}
Nächste Mal normal. Letzte Mal am 21.12. – also noch vier Mal.
Nic war zum ersten Mal da. Ansonsten sind da Quint, Clément, Daniel, „Mary“, Felix, Jannik, Tim und Morten. Angelo kümmert sich ums vcfb.
Robert und Morten wurschteln am „Tracker“ rum. Dabei ging es auch um ein Timeout in Javascript, wo man Parameter übergeben kann.
Nächste Mal normal.
Ferien vorbei. Clément, Quint, Valentin, Martin, Felix, Daniel, Linus, Jannik, Tim, Morten und Angelo sind da. Morten kommt über WLAN nicht ins Internet. Angelo schon. Morten muss deshalb den USB-zu-LAN Adapter benutzen. Aber jetzt wo er den DNS-Server nicht mehr auf Google hat (8.8.8.8) geht es.
Robert hat jetzt einen Akismet key zur Vermeidung von Spam. Angelo will für die KL10 einen Emulator schreiben, der den Microcode interpretieren kann. In Upsalla bei update gabs einen Vortrag über die Entwicklung von PDP6 und PDP10 von Angelo. Für das „Knight TV System“ hat Angelo mit Lars Brinkhoff zusammen einen Emulator geschrieben (PDP11, Framebuffer, Fernseher, Tastatur), was auf hackernews veröffentlicht wurde (s.a. http://pdp-6.net/knight-tv/knight-tv.html).
Wir quatschen auch kurz über Kotlin. Dass es nach JavaScript kompiliert werden kann und ggfs. einfacher ist als Java. S.a. hier.
Kotlin: Das da läuft hier:
/**
* We declare a package-level function main which returns Unit and takes
* an Array of strings as a parameter. Note that semicolons are optional.
*/
fun main(args: Array<String>) {
println("Hello, world!")
val test = arrayOf("ab", "bb", "cb")
myFun(test)
}
fun myFun(bargs: Array<String>) {
println(bargs[0])
println(bargs[1])
println(bargs[2])
}
Nächste Mal normal …;
Quint, Clément, Martin, Felix, Daniel und Tim sind da.
Angelo und Morten sind auch da. Angelo hat den SuperMUC gesehen.
Auf ein Gramm DNA passen 215 PetaByte.
Angelo durfte dort eine Art CRAY , eine Y-MP EL benutzen. Besteht aus zwei Teilen und ist relativ schwer.
Warum sollte man die Computer-Sprache DART benutzen. „For languages that are quite different from JavaScript: it’s important for Dart to compile to efficient JavaScript.“
Generisches Safedisk ist hier am Start irgendwie. Wie man das erklären kann. BSD-Kernel-Stil auch.
Wir reden auch kurz über „Tabs vs. Spaces“. For further reading: http://www.businessinsider.com/tabs-vs-spaces-from-silicon-valley-2016-5?IR=T
Nächste Woche fällt aus. Brückentag.
Morten ist da und Jannik, Tim, Daniel, Martin, Quint, Felix, Jakob, Clément. Angelo ist auch da und will seine PDP10 nachbauen.
Es hat einer *lol* gesagt …;
Nächste Mal ist Abi-frei. Also heute das letzte Mal vor den Ferien.
Angelo hat eine Webseite über PDP-6.
Angelo meint, statt var sollte Robert let nehmen. Robert guckt nochmal nach Crockfords memoizer.
Robert versucht was, mit Javascript. Das wird dann immer kleiner:
<html> <body> <div id="main" style="margin:auto;border:1px solid red" > </div> <script src="multitain-neu.js"></script> </body>
//alert("hallo");
var main = document.getElementById("main");
main.innerHTML= "abc";
main.style.backgroundColor = "green";
main.style.Margin = "auto";
var start = {
width: 800,
height:400,
};
var actual = {
width: 800,
height:400,
};
var setSize = function(width, height) {
//alert("insetsize");
main.style.width = width + "px";
main.style.height = height + "px";
}
setSize(start.width, start.height);
var Glob = {
i:1000,
f:1,
t:0.95,
fix:0.95,
};
var setSizeGlobal = function() {
//~ Glob.f *= Glob.f;
actual.width -= 4;
actual.height -= 2;
//~ actual.width -= Glob.f;
//~ actual.height -= Glob.f/2;
Glob.f *=1.5;
setSize (actual.width, actual.height);
//~ if(Glob.i > 0) {
if(actual.width > 50) {
setTimeout(setSizeGlobal, 100*Glob.t);
}
Glob.i -= 2;
Glob.t *= Glob.fix;
};
//~ for(Glob.i=0; Glob.i<9;Glob.i++) {
//~ // alert(Glob.i);
//~ };
setSizeGlobal();
Morten, Angelo, Tim, Jakob, Felix und andere sind hier. Irgendjemand fragt, ob dann alle ein Schwert bekommen. Angelo war in Zürich auf dem Vintage Computer Festival (find Angelo auf dem Foto ;-)!!!). Er will auch demnächst nach Seattle fliegen.
Angelo schreibt ein Userspacedateisystem. In C. Was auch immer das ist. Wie in Plan 9. So ähnlich. Mit FUSE, dass das Dateisystem nicht vom Kernel unterstützt werden muss. So kann man alte Unix-Dateisysteme mounten. FUSE ist ein Kernelmodul.
Angelo baut eine Sammlung von PDP11-Unices für die PiDP11.
Robert testet den laufenden Weihnachtsmann. „Läuft“. (10.17.0.3/~rob)
Da läuft er ;-).
Wir reden kurz über die Tendenz, wieder alles in eine Datei zu packen. Redux und React haben damit vielleicht was zu tun. Wir checken Angelos Fingersatz auf der Tastatur. Den 5. benutzt er nicht „standardmäßig“. Dafür den 3. doppelt (da wo man standardmäßig dann den 4. nimmt) und in der Mitte gibt es auch kontextspezifischen Fingersatzwechsel. Auch der 2. macht teilweise 3 Tasten.
Angelo findet noch mehr heraus.
Um 15:53 ist es stiller geworden.
Angelo und Morten bauen einen neuen Switch im Mediationsraum im Rack dort ein. Denn der war ausgefallen. So bekamen einige Dosen keinen Zugang mehr zum Schulnetz.
Frau Spyra ist da. Wir probieren mit Mysql rum. Mit „mysql -uroot -p<passwort>“ kommt man „rein“. Mit http://10.17.0.3/phpmyadmin haben wir eine Datenbank erstellt und dann über die Konsole neue Datensätze eingefügt und abgefragt.
SELECT * FROM `testtabelle`;
INSERT INTO `testtabelle` VALUES (‚Hansy‘, ‚Muellter‘, ‚203‘, ‚m‘);
mod_userdir läuft auch.
Robert zeigt auch sein Javascript zu Parabeln. Wolfram-Alpha macht das irgendwie komisch.
Nächsten Freitag normal.
Heute vorletzte Mal in diesem Jahr. Erstmal keiner da. Angelo und Moritz wollten kommen. Angelo und Moritz sind da. Wir reden über den Beweis vom Satz von Pythagoras. Angelo und Moritz reden über irgendwas mit Prozessor Emulation (vom letzten Mal, Aufgabe die Michael mitgebracht hatte).
Julian ist auch da. Sie machen was mit HP-Plotter.
Den Schnee mit Parallaxeneffekt angepasst (kleinere Flocken langsamer):
<?php
error_reporting(E_NOTICE|E_ALL);
//echo $_SERVER["REMOTE_ADDR"];
// echo $_SERVER["HTTP_HOST"];
//~ call_user_func
//~ function_exists
class Request
{
public static $queries = array (
"reset",
// "addClient",
"startStatus",
"stopStatus",
"checkMyTurn",
"checkIps",
"finished",
"admin"
);
public static function check() {
foreach(self::$queries as $query) {
if (isset($_GET[$query])) {
$callMethod = array("Data",$query);
if (is_callable($callMethod)) {
call_user_func($callMethod);
}
return $query;
}
}
Data::addClient();
return "showPage";
}
}
abstract class SerializedData
{
protected function _write($filename, $data) {
file_put_contents($filename, serialize($data));
}
protected function _read($filename) {
return unserialize(file_get_contents($filename));
}
}
class Data extends SerializedData
{
private static $_ipsStorageFileName = "xmas_ips.ser";
private static $_statusFileName = "xmas_status.ser";
private function _writeIps($data) {
self::_write(self::$_ipsStorageFileName, $data);
}
private static function _getNextIp($finishedIp) {
$currentClients = self::readIps();
foreach($currentClients as $key => $clientIp) {
if ($finishedIp == $clientIp) {
$nextKey = $key + 1;
if ($nextKey == count($currentClients)) {
$nextKey = 0;
}
return $currentClients[$nextKey];
}
}
}
private static function _resetStatus() {
self::_write(self::$_statusFileName,array());
}
private static function _setStatus($ip, $startOrStop = "stop") {
$ipStatus = self::_read(self::$_statusFileName);
$ipStatus[$ip] = $startOrStop;
self::_write(self::$_statusFileName,$ipStatus);
}
public static function reset() {
self::_writeIps(array());
self::_resetStatus();
}
public static function readIps() {
return self::_read(self::$_ipsStorageFileName);
}
public function addClient() {
$ip = $_SERVER["REMOTE_ADDR"];
$currentClients = self::readIps();
$currentClients[] = $ip;
$currentClients = array_unique($currentClients);
self::_writeIps($currentClients);
self::_setStatus ($ip, "stop");
}
public static function startStatus() {
$currentClients = self::readIps();
self::_setStatus($currentClients[0], "start");
}
public static function stopStatus() {
$currentClients = self::readIps();
foreach($currentClients as $ip) {
self::_setStatus($ip, "stop");
}
}
public static function getStatus($ip) {
$ipStatus = self::_read(self::$_statusFileName);
return $ipStatus[$ip];
}
public static function getAllStatus() {
$ipStatus = self::_read(self::$_statusFileName);
return $ipStatus;
}
public static function finished() {
$finishedIp = $_SERVER["REMOTE_ADDR"];
self::_setStatus($finishedIp, "stop");
self::_setStatus(self::_getNextIp($finishedIp), "start");
}
}
?>
<?php switch (Request::check()):
case "admin":?>
<h1>Admin</h1>
<ul>
<?php foreach(Request::$queries as $query):?>
<?php if(in_array($query, array("admin","finished"))) {continue;}?>
<li><a href="?<?=$query?>"><?=$query?></a></li>
<?php endforeach?>
<div style="border:1px solid black;margin-top:3em" id="output">
hier kommt was rein
</div>
<script>
outputDiv = document.getElementById("output");
myAnchors = document.getElementsByTagName("a");
url = new Array;
for (i=0; i < myAnchors.length; i++) {
url[i] = myAnchors[i].href;
myAnchors[i].onclick = function() {
var myAjax=new XMLHttpRequest();
myAjax.open("GET",this.href,true);
myAjax.onreadystatechange=function() {
if (myAjax.readyState==4 && myAjax.status==200) {
outputDiv.innerHTML = myAjax.responseText;
}
}
myAjax.send(null);
return false;
}
}
</script>
<?php break;?>
<?php case "reset":?>
<h1>resetialisierung gestartet</h1>
<h2> zum Beweis Ausgabe der Speicherdatei Ips:</h2>
<pre>
<?php var_dump(Data::readIps());?>
</pre>
<pre>
<h2>zum Beweis Ausgabe der Speicherdatei Status:</h2>
<pre>
<?php var_dump(Data::getAllStatus());?>
</pre>
<?php break;?>
<?php case "addClient":?>
<h1><?=htmlentities("Client hinzugefügt");?></h1>
<p> zum Beweis Ausgabe der Speicherdatei:</p>
<pre>
<?php var_dump(Data::readIps());?>
</pre>
<?php break;?>
<?php case "checkMyTurn":?><?php echo Data::getStatus($_SERVER["REMOTE_ADDR"])?><?php break;?>
<?php case "startStatus":?>
<?php case "checkIps":?>
<h1><?=htmlentities("Programm läuft")?></h1>
<h2>Angemeldete Client-Ips</h2>
<?php
$statusPerIp = Data::getAllStatus();
?>
<table>
<?php foreach(Data::readIps() as $ip):?>
<tr><td><?=$ip?></td><td>
<?=$statusPerIp[$ip]?></td>
</tr>
<?php endforeach?>
<pre>
<?php var_dump(Data::readIps())?>
</pre>
<pre>
<?php var_dump(Data::getAllStatus())?>
</pre>
<?php break;?>
<?php case "stopStatus":?>
<h1>Programm gestoppt</h1>
<pre>
<?php var_dump(Data::getAllStatus())?>
</pre>
<?php break;?>
<?php case "showPage":?>
<body style="padding:0;margin:0;background-color:#324;overflow:hidden">
<img id="background" src="gletschermond.jpg" style="position:absolute;top:0px;left:0px;width:1024px;z-index=-1">
<div id="imgdiv" style="padding:0;margin:0;width:1022px;overflow:hidden;height:768px">
<img id="weihnachtsmann" style="position:absolute;right:-150px;top:300px;" src="jens.png"; width="150px";>
<script type="text/javascript">
document.getElementById("background").style.width = screen.width +"px";
document.getElementById("imgdiv").style.width = (screen.width-2) +"px";
document.getElementById("imgdiv").style.height = (screen.height-2) +"px";
myImgStyle = document.getElementById("weihnachtsmann").style;
startPosition = -screen.width +2;//1022;//(-1* screen.width) +50;
startPosition = -screen.width +2;//1022;//(-1* screen.width) +50;
startPosition = -150;
//1022;//(-1* screen.width) +50;
//myImgStyle = document.getElementById("weihnachtsmann").style.right = startPosition + "px";
currentPosition = startPosition;
endPosition = 260;
endPosition = screen.width +150;
triggerPosition = endPosition - 150;
status = "stop";
timeOut = 20;
timeOut = 20;
pixelsPerMove = 8;
pixelsPerMove = 15;
finished = 0;
finishedTold = 0;
//alert(screen.width);
move = function() {
if (currentPosition < endPosition) { //&& status == "start"
if (currentPosition > triggerPosition && finishedTold == 0) {
tellFinished();
finishedTold = 1;
}
finished = 0;
myImgStyle.right = currentPosition + "px";
currentPosition += pixelsPerMove;
setTimeout("move()",timeOut);
} else {
currentPosition = startPosition;
myImgStyle.right = currentPosition + "px";
finishedTold = 0;
getStatus();
return;
}
}
getStatus = function() {
var startStopPage = "laufen.js.php?checkMyTurn";
var myAjax=new XMLHttpRequest();
myAjax.open("GET",startStopPage,true);
myAjax.onreadystatechange=function() {
if (myAjax.readyState==4 && myAjax.status==200) {
//~ alert("Testausgabe: "+ myAjax.responseText);
//~ alert("Testausgabe finished: "+ finished);
//~ alert(typeof(myAjax.responseText.toString()));
//~ alert("myAjax.responseText.toString(): "+ myAjax.responseText.toString());
//~ alert(typeof("stop"));
//~ alert("start" == myAjax.responseText.toString());
if ("start" == myAjax.responseText.toString() && finished == 0) {
status = "start";
move();
} else {
status = "stop";
setTimeout("getStatus()",1000);
}
}
}
myAjax.send(null);
}
tellFinished = function() {
var finishedPage = "laufen.js.php?finished";
var myAjax=new XMLHttpRequest();
myAjax.open("GET",finishedPage,true);
myAjax.onreadystatechange=function() {
if (myAjax.readyState==4 && myAjax.status==200) {
if (finished == 0) {
//alert("finished sent to server");
//finished = 1;
status = "stop";
}
return;
}
}
myAjax.send(null);
}
getStatus();
window.onload = function() {
DB=document.getElementsByTagName("body")[0];
// DB.style.backgroundColor = "#000";
myFontSize = new Array;
for (i = 40; i<screen.width;i += 60) {
window["star"+i]=document.createTextNode("*");
window["div"+i]=document.createElement("div");
window["div"+i].appendChild(window["star"+i]);
DB.appendChild(window["div"+i]);
window["div"+i].style.color="#fff";
myFontSize[i] = Math.ceil(Math.random()*40);
myFontSize[i] = Math.ceil(Math.random()*30) + 10;
window["div"+i].style.fontSize=myFontSize[i] + "px";
window["div"+i].style.position="absolute";
window["div"+i].style.left=10 + i + "px";
window["div"+i].style.top="-"+(myFontSize[i] + 40)+"px";
window["y"+i]=-myFontSize-40;
window["x"+i] = i;
window["snow"+i] = function (j) {
fontSize = myFontSize[j];
//~ console.log(fontSize);
functionCall = 'window["snow'+j+'"]('+j+')';
if (window["y"+j]<screen.height + 20) {
//~ window["y"+j] += 3;
window["y"+j] += fontSize/5;
window["div"+j].style.top = window["y"+j] + "px";
window["div"+j].style.left = window["x"+j] + 2*Math.sin(window["y"+j]/5) + "px";
setTimeout(functionCall,100);
} else {
window["y"+j]= -myFontSize[j];
setTimeout(functionCall,100);
}
}
functionCallNow = 'window["snow'+i+'"]('+i+')';
setTimeout(functionCallNow,Math.random()*50000);
}
// der eine stern, schlechter code ...;
star=document.createTextNode("*");
div=document.createElement("div");
div.appendChild(star);
// DB.appendChild(div);
div.style.position="absolute";
div.style.left="10px";
div.style.top="10px";
div.style.color = "white";
y= -10;
x = 10;
snow = function () {
if (y<screen.height + 20) {
y += 1;
div.style.top = y + "px";
div.style.left = x + 2*Math.sin(y/3) + "px";
setTimeout("snow()",10);
}
else {
y= -10;
setTimeout("snow()",10);
}
}
//snow();
void(0);
}
</script>
</div>
<?php break;?>
<?php endswitch;?>
Und mit größenanpassung:
<?php
error_reporting(E_NOTICE|E_ALL);
//echo $_SERVER["REMOTE_ADDR"];
// echo $_SERVER["HTTP_HOST"];
//~ call_user_func
//~ function_exists
class Request
{
public static $queries = array (
"reset",
// "addClient",
"startStatus",
"stopStatus",
"checkMyTurn",
"checkIps",
"finished",
"admin"
);
public static function check() {
foreach(self::$queries as $query) {
if (isset($_GET[$query])) {
$callMethod = array("Data",$query);
if (is_callable($callMethod)) {
call_user_func($callMethod);
}
return $query;
}
}
Data::addClient();
return "showPage";
}
}
abstract class SerializedData
{
protected function _write($filename, $data) {
file_put_contents($filename, serialize($data));
}
protected function _read($filename) {
return unserialize(file_get_contents($filename));
}
}
class Data extends SerializedData
{
private static $_ipsStorageFileName = "xmas_ips.ser";
private static $_statusFileName = "xmas_status.ser";
private function _writeIps($data) {
self::_write(self::$_ipsStorageFileName, $data);
}
private static function _getNextIp($finishedIp) {
$currentClients = self::readIps();
foreach($currentClients as $key => $clientIp) {
if ($finishedIp == $clientIp) {
$nextKey = $key + 1;
if ($nextKey == count($currentClients)) {
$nextKey = 0;
}
return $currentClients[$nextKey];
}
}
}
private static function _resetStatus() {
self::_write(self::$_statusFileName,array());
}
private static function _setStatus($ip, $startOrStop = "stop") {
$ipStatus = self::_read(self::$_statusFileName);
$ipStatus[$ip] = $startOrStop;
self::_write(self::$_statusFileName,$ipStatus);
}
public static function reset() {
self::_writeIps(array());
self::_resetStatus();
}
public static function readIps() {
return self::_read(self::$_ipsStorageFileName);
}
public function addClient() {
$ip = $_SERVER["REMOTE_ADDR"];
$currentClients = self::readIps();
$currentClients[] = $ip;
$currentClients = array_unique($currentClients);
self::_writeIps($currentClients);
self::_setStatus ($ip, "stop");
}
public static function startStatus() {
$currentClients = self::readIps();
self::_setStatus($currentClients[0], "start");
}
public static function stopStatus() {
$currentClients = self::readIps();
foreach($currentClients as $ip) {
self::_setStatus($ip, "stop");
}
}
public static function getStatus($ip) {
$ipStatus = self::_read(self::$_statusFileName);
return $ipStatus[$ip];
}
public static function getAllStatus() {
$ipStatus = self::_read(self::$_statusFileName);
return $ipStatus;
}
public static function finished() {
$finishedIp = $_SERVER["REMOTE_ADDR"];
self::_setStatus($finishedIp, "stop");
self::_setStatus(self::_getNextIp($finishedIp), "start");
}
}
?>
<?php switch (Request::check()):
case "admin":?>
<h1>Admin</h1>
<ul>
<?php foreach(Request::$queries as $query):?>
<?php if(in_array($query, array("admin","finished"))) {continue;}?>
<li><a href="?<?=$query?>"><?=$query?></a></li>
<?php endforeach?>
<div style="border:1px solid black;margin-top:3em" id="output">
hier kommt was rein
</div>
<script>
outputDiv = document.getElementById("output");
myAnchors = document.getElementsByTagName("a");
url = new Array;
for (i=0; i < myAnchors.length; i++) {
url[i] = myAnchors[i].href;
myAnchors[i].onclick = function() {
var myAjax=new XMLHttpRequest();
myAjax.open("GET",this.href,true);
myAjax.onreadystatechange=function() {
if (myAjax.readyState==4 && myAjax.status==200) {
outputDiv.innerHTML = myAjax.responseText;
}
}
myAjax.send(null);
return false;
}
}
</script>
<?php break;?>
<?php case "reset":?>
<h1>resetialisierung gestartet</h1>
<h2> zum Beweis Ausgabe der Speicherdatei Ips:</h2>
<pre>
<?php var_dump(Data::readIps());?>
</pre>
<pre>
<h2>zum Beweis Ausgabe der Speicherdatei Status:</h2>
<pre>
<?php var_dump(Data::getAllStatus());?>
</pre>
<?php break;?>
<?php case "addClient":?>
<h1><?=htmlentities("Client hinzugefügt");?></h1>
<p> zum Beweis Ausgabe der Speicherdatei:</p>
<pre>
<?php var_dump(Data::readIps());?>
</pre>
<?php break;?>
<?php case "checkMyTurn":?><?php echo Data::getStatus($_SERVER["REMOTE_ADDR"])?><?php break;?>
<?php case "startStatus":?>
<?php case "checkIps":?>
<h1><?=htmlentities("Programm läuft")?></h1>
<h2>Angemeldete Client-Ips</h2>
<?php
$statusPerIp = Data::getAllStatus();
?>
<table>
<?php foreach(Data::readIps() as $ip):?>
<tr><td><?=$ip?></td><td>
<?=$statusPerIp[$ip]?></td>
</tr>
<?php endforeach?>
<pre>
<?php var_dump(Data::readIps())?>
</pre>
<pre>
<?php var_dump(Data::getAllStatus())?>
</pre>
<?php break;?>
<?php case "stopStatus":?>
<h1>Programm gestoppt</h1>
<pre>
<?php var_dump(Data::getAllStatus())?>
</pre>
<?php break;?>
<?php case "showPage":?>
<body style="padding:0;margin:0;background-color:#324;overflow:hidden">
<img id="background" src="gletschermond.jpg" style="position:absolute;top:0px;left:0px;width:1024px;z-index=-1">
<div id="imgdiv" style="padding:0;margin:0;width:1022px;overflow:hidden;height:768px">
<img id="weihnachtsmann" style="position:absolute;right:-150px;top:300px;" src="jens.png"; width="150px";>
<script type="text/javascript">
document.getElementById("background").style.width = screen.width +"px";
document.getElementById("imgdiv").style.width = (screen.width-2) +"px";
document.getElementById("imgdiv").style.height = (screen.height-2) +"px";
myImgStyle = document.getElementById("weihnachtsmann").style;
startPosition = -screen.width +2;//1022;//(-1* screen.width) +50;
startPosition = -screen.width +2;//1022;//(-1* screen.width) +50;
startPosition = -150;
//1022;//(-1* screen.width) +50;
//myImgStyle = document.getElementById("weihnachtsmann").style.right = startPosition + "px";
currentPosition = startPosition;
endPosition = 260;
endPosition = screen.width +150;
triggerPosition = endPosition - 150;
status = "stop";
timeOut = 20;
timeOut = 20;
pixelsPerMove = 8;
pixelsPerMove = 15;
finished = 0;
finishedTold = 0;
//alert(screen.width);
move = function() {
if (currentPosition < endPosition) { //&& status == "start"
if (currentPosition > triggerPosition && finishedTold == 0) {
tellFinished();
finishedTold = 1;
}
finished = 0;
myImgStyle.right = currentPosition + "px";
myImgStyle.top = 300 + 20*Math.sin(currentPosition/100) + "px";
myImgStyle.width = 150 + 20*Math.sin(currentPosition/100) + "px";
currentPosition += pixelsPerMove;
setTimeout("move()",timeOut);
} else {
currentPosition = startPosition;
myImgStyle.right = currentPosition + "px";
myImgStyle.top = 300 + 100*Math.sin(currentPosition) + "px";
finishedTold = 0;
getStatus();
return;
}
}
getStatus = function() {
var startStopPage = "laufen.js.php?checkMyTurn";
var myAjax=new XMLHttpRequest();
myAjax.open("GET",startStopPage,true);
myAjax.onreadystatechange=function() {
if (myAjax.readyState==4 && myAjax.status==200) {
//~ alert("Testausgabe: "+ myAjax.responseText);
//~ alert("Testausgabe finished: "+ finished);
//~ alert(typeof(myAjax.responseText.toString()));
//~ alert("myAjax.responseText.toString(): "+ myAjax.responseText.toString());
//~ alert(typeof("stop"));
//~ alert("start" == myAjax.responseText.toString());
if ("start" == myAjax.responseText.toString() && finished == 0) {
status = "start";
move();
} else {
status = "stop";
setTimeout("getStatus()",1000);
}
}
}
myAjax.send(null);
}
tellFinished = function() {
var finishedPage = "laufen.js.php?finished";
var myAjax=new XMLHttpRequest();
myAjax.open("GET",finishedPage,true);
myAjax.onreadystatechange=function() {
if (myAjax.readyState==4 && myAjax.status==200) {
if (finished == 0) {
//alert("finished sent to server");
//finished = 1;
status = "stop";
}
return;
}
}
myAjax.send(null);
}
getStatus();
window.onload = function() {
DB=document.getElementsByTagName("body")[0];
// DB.style.backgroundColor = "#000";
myFontSize = new Array;
for (i = 40; i<screen.width;i += 60) {
window["star"+i]=document.createTextNode("*");
window["div"+i]=document.createElement("div");
window["div"+i].appendChild(window["star"+i]);
DB.appendChild(window["div"+i]);
window["div"+i].style.color="#fff";
//~ myFontSize[i] = Math.ceil(Math.random()*40);
myFontSize[i] = Math.ceil(Math.random()*30) + 10;
window["div"+i].style.fontSize=myFontSize[i] + "px";
window["div"+i].style.position="absolute";
window["div"+i].style.left=10 + i + "px";
window["div"+i].style.top="-"+(myFontSize[i] + 40)+"px";
window["y"+i]=-myFontSize-40;
window["x"+i] = i;
window["snow"+i] = function (j) {
fontSize = myFontSize[j];
console.log(fontSize);
functionCall = 'window["snow'+j+'"]('+j+')';
if (window["y"+j]<screen.height + 20) {
//~ window["y"+j] += 3;
window["y"+j] += fontSize/20 ;
window["div"+j].style.top = window["y"+j] + "px";
window["div"+j].style.left = window["x"+j] + 2*Math.sin(window["y"+j]/5) + "px";
setTimeout(functionCall,100);
} else {
window["y"+j]= -myFontSize[j];
setTimeout(functionCall,100);
}
}
functionCallNow = 'window["snow'+i+'"]('+i+')';
setTimeout(functionCallNow,Math.random()*50000);
}
// der eine stern, schlechter code ...;
star=document.createTextNode("*");
div=document.createElement("div");
div.appendChild(star);
// DB.appendChild(div);
div.style.position="absolute";
div.style.left="10px";
div.style.top="10px";
div.style.color = "white";
y= -10;
x = 10;
snow = function () {
if (y<screen.height + 20) {
y += 1;
div.style.top = y + "px";
div.style.left = x + 2*Math.sin(y/3) + "px";
setTimeout("snow()",10);
}
else {
y= -10;
setTimeout("snow()",10);
}
}
//snow();
void(0);
}
</script>
</div>
<?php break;?>
<?php endswitch;?>
Powered by WordPress