ÿþ<html> <head> <title>014-Fußball-WM</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Language" content="de" /> <style> .kasten {position:absolute;left: 0px; top: 0px; border: 1px; border-style: solid; background-color: "#ffffff"; margin: 4px; padding: 4px; } </style> <script type="text/javascript"> var paare = [["1930","Uruguay"], ["1934","Italien"], ["1954","BR Deutschland"], ["1970","Brasilien"], ["1966","England"], ["1978","Argentinien"], ]; var kastenelemente; var nf = 6; var bewegterkasten; var bewegung = false; var zwischenraum = 200; var spalte1 = 6; var zeile1 = 40; var zeilenhoehe = 50; var plaetze = new Array(nf); function starten(){ konfiguration();} function konfiguration() { var i; var c; var s; var mx = spalte1; var my = zeile1; var d; var uid; for (i=0;i<paare.length;i++) { paare[i][2] = false; } for (i=0;i<nf;i++) { plaetze[i] = -100; } for(i=0;i<nf;i++) { do {c = Math.floor(Math.random()*paare.length);} while (paare[c][2]==true) paare[c][2]=true; uid = "c"+String(c); d = document.createElement('linkespalte'); d.innerHTML = ( "<div class='kasten' id='"+uid+"'>platzhalter</div>"); document.body.appendChild(d); kastenelemente = document.getElementById(uid); kastenelemente.textContent=paare[c][0]; kastenelemente.style.top = String(my)+"px"; kastenelemente.style.left = String(mx)+"px"; kastenelemente.addEventListener('click',elementauswahl,false); uid = "p"+String(c); d = document.createElement('kasten'); d.innerHTML = ( "<div class='kasten' id='"+uid+"'>platzhalter</div>"); document.body.appendChild(d); kastenelemente = document.getElementById(uid); kastenelemente.textContent=paare[c][1]; do {s = Math.floor(Math.random()*nf);} while (plaetze[s]>=0) plaetze[s]=c; kastenelemente.style.top = String(zeile1+s*zeilenhoehe)+"px"; kastenelemente.style.left = String(spalte1+zwischenraum)+"px"; kastenelemente.addEventListener('click',elementauswahl,false); my +=zeilenhoehe; }} function elementauswahl(ev) { var akt; var aktn; var sc; if (bewegung) { if (this==bewegterkasten) { bewegterkasten.style.backgroundColor = "ffffff"; bewegung = false; return; } akt= this.style.left; akt = akt.substring(0,akt.length-2); aktn = Number(akt) + 115; bewegterkasten.style.left = String(aktn)+"px"; bewegterkasten.style.top = this.style.top; bewegung = false; if (this.id.substring(1)==bewegterkasten.id.substring(1)) { bewegterkasten.style.backgroundColor = "ccffcc"; this.style.backgroundColor = "ccffcc"; } else { bewegterkasten.style.backgroundColor = "ffffff"; } } else { bewegung = true; bewegterkasten = this; bewegterkasten.style.backgroundColor = "#ccccff"; } }</script></head><body onLoad="starten();"><a href="014-Fußball-WM.html"><strong>014-Fußball-WM</strong> wiederholen</a> | <a href="015-Fußball-WM.html">Nächste Frage</a> | <a target= "_blank" title="Fragensammlung in neuem Fenster öffnen" href="index.html"> Fragensammlung</a> </body></html>