Hallo
ich bin neu hier.
Hatte bis jetzt immer einen der mir geholfen hatte, der meldet sich leider nicht mehr.
Wir sind mit dem Schiebepuzzle fast fertig geworden nur das fertigstellen bekomme ich nicht hin.
Ich hoffe das ich hier richtig bin ?
Problem habe ich ab // fertig
hier das Script habe:
hoffe das Ihr mir helfen könnt!
HTML
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="author" content="Dieter Kuhn">
<meta name="GENERATOR" content="PuzzleGenerator [dk, Delphi]">
<title>Schiebepuzzle</title>
<script>
<!--
// Liste mit den Bildern (unbedingt das leer-Bild einbauen, zeilenweise)
BildListe = new Array(
"Geraetle.jpg", "Geraet0_1.jpg", "Geraet0_2.jpg", "Geraet0_3.jpg", "Geraet0_4.jpg",
"Geraet1_0.jpg", "Geraet1_1.jpg", "Geraet1_2.jpg", "Geraet1_3.jpg", "Geraet1_4.jpg"
);
GewonnenListe = new Array(
"Geraetle.jpg", "Geraet0_1.jpg", "Geraet0_2.jpg", "Geraet0_3.jpg", "Geraet0_4.jpg",
"Geraet1_0.jpg", "Geraet1_1.jpg", "Geraet1_2.jpg", "Geraet1_3.jpg", "Geraet1_4.jpg"
);
// Anzahl der Zeilen und Spalten
var Zeilen = 2;
var Spalten = 5;
// Koordinaten vom LeerBild
var LeerX = 1;
var LeerY = 1;
// Anzahl der Mischvorgaenge
var MaxMischen = 20;
// Anzeige der Zugnr und der Spielzeit
var ZugZeigen=true;
var ZeitZeigen=true;
// ----- Angleichungen fuer die Parameter
var gewonnen;
var LeerA = LeerX;
var LeerB = LeerY;
var LeerPosistion = ((LeerY - 1) * Spalten) + (LeerX - 1);
var BildAnzahl = BildListe.length;
var loaded = 0;
var TempListe = new Array(BildAnzahl);
var hilf=0;
var ausgabe=true;
var zugnr=0;
var startzeit=new Date();
var jetztzeit=new Date();
var zeita = startzeit.getTime() /1000;
var zeite = jetztzeit.getTime() / 1000;
var zeitdif=Math.floor(zeite-zeita);
// Pruefen ob die Angaben in der BildListe mit den Spalten und zeilen uebereinstimmt
if (BildAnzahl != (Spalten * Zeilen)) {
alert("Die Anzahl der Spalten und Zeilen stimmt nicht mit der Anzahl der Bilder in der BildListe ueberein!");
}
// ----- Funktionen
// SpielAnleitung
function Anleitung(){
var winanl;
winanl=window.open("","Spielanleitung","width=300,height=230,resizable=yes");
winanl.document.write("<b>Spielanleitung - Schiebepuzzle</b><p>");
winanl.document.write("Das Puzzle soll durch waagrechtes und senkrechtes Verschieben des leeren Feldes gelöst werden. ");
winanl.document.write("Die neue Position des leeren Feldes wird durch einfachen Mausclick bestimmt.<br>");
winanl.document.write("Es können auch mehrere Teile gleichzeitig (in eine Richtung) verschoben werden. ");
winanl.document.write("<br> <br>");
winanl.document.write("Viel Spaß<p>");
winanl.document.bgColor="#00FFFF";
}
// Fertig
var tableSort = function (tab) {
// Tabelleninhalt in ein Array kopieren
for (var z = 0; z < nzeilen; z++) {
var zelle = tz[z].getElementsByTagName("td"); // cells;
arr[z] = new Array(nspalten + 1);
arr[z][nspalten] = tz[z];
for (var s = 0; s < nspalten; s++) {
var zi = getData(zelle[s]);
arr[z][s] = zi;
// zelle[s].innerHTML += "<br>"+zi; // zum Debuggen
}
if (BildListe [1] == (1)) {
alert("Die Anzahl der Spalten und Zeilen stimmt nicht mit der Anzahl der Bilder in der BildListe ueberein!");
}
}
}
var initTableSort = function () {
var sort_Table = document.querySelectorAll("table.sortierbar");
for (var i = 0; i < sort_Table.length; i++) new tableSort(sort_Table[i]);
} // initTableSort
window.addEventListener("DOMContentLoaded",initTableSort,false);
// Highscore
function Highscore(Name) {
var high;
high=window.open("","Spielanleitung","width=300,height=230,resizable=yes");
high.document.write("<b>Highscore</b><p>");
for (var i = 0; i < BildAnzahl; i++){
}
}
// Initialisierung des Puzzles
function Laden() {
loaded = 1;
NeuStart();
}
// Karte Verschieben
function Schiebe( xpos, ypos ) {
// Abbruch, wenn das LeerBild angeklickt wurde
if (( xpos == LeerA ) && ( ypos == LeerB ))
return;
// Pruefen, ob das Leer-Bild in der selben Zeile liegt
if (ypos == LeerB) {
if (ZugZeigen == true){
zugnr=zugnr+1;
document.ZugAnzeige.ZugZaehler.value=zugnr;
}
Leer = ((LeerB-1) * Spalten) + LeerA - 1;
// Liegt es Links, dann nach rechts schieben
if (LeerA < xpos) {
while (LeerA != xpos) {
TempListe[Leer] = TempListe[Leer+1];
TempListe[Leer+1] = BildListe[LeerPosistion];
document.images[Leer].src = TempListe[Leer] ;
LeerA += 1;
Leer += 1;
document.images[Leer].src = TempListe[Leer] ;
}
}
// Liegt es Rechts dann nach links schieben
else {
while (LeerA != xpos) {
TempListe[Leer] = TempListe[Leer-1];
TempListe[Leer-1] = BildListe[LeerPosistion];
document.images[Leer].src = TempListe[Leer] ;
LeerA -= 1;
Leer -= 1;
document.images[Leer].src = TempListe[Leer] ;
}
}
}
else {
// Pruefen, ob die Karte in der selben Spalte mit dem LeerBild liegt
if (xpos == LeerA) {
if (ZugZeigen == true){
zugnr=zugnr+1;
document.ZugAnzeige.ZugZaehler.value=zugnr;
}
Leer = ((LeerB-1) * Spalten) + LeerA - 1;
// Liegt sie darunter, dann nch oben schieben
if (LeerB < ypos) {
while (LeerB != ypos) {
TempListe[Leer] = TempListe[Leer+Spalten];
TempListe[Leer+Spalten] = BildListe[LeerPosistion];
document.images[Leer].src = TempListe[Leer] ;
LeerB += 1;
Leer += Spalten;
document.images[Leer].src = TempListe[Leer] ;
}
}
// liegt sie darueber, dann nach unten schieben
else {
while (LeerB != ypos) {
TempListe[Leer] = TempListe[(Leer-Spalten)];
TempListe[Leer-Spalten] = BildListe[LeerPosistion];
document.images[Leer].src = TempListe[Leer] ;
LeerB -= 1;
Leer -= Spalten;
document.images[Leer].src = TempListe[Leer] ;
}
}
}
}
}
// Die BildListe in die temporaere Liste kopieren
function ZurueckSetzen() {
for (var i = 0; i < BildAnzahl; i++) {
TempListe[i] = BildListe[i];
}
}
// Zeit anzeigen
function ZeitAnzeigen(){
jetztzeit=new Date();
zeite=jetztzeit.getTime() / 1000;
zeitdif=Math.floor(zeite-zeita);
document.ZugAnzeige.SpielZeit.value=zeitdif;
window.setTimeout('ZeitAnzeigen()',500);
}
// Neustart-Routine
function NeuStart() {
// Laden der Bildliste in die Dokumentbilder
for (var i = 0; i < BildAnzahl; i++){
document.images[i].src = BildListe[i];
TempListe[i] = BildListe[i];
}
// ZurueckSetzen();
LeerA = LeerX;
LeerB = LeerY;
if (ZeitZeigen == true){
startzeit=new Date();
zeita=startzeit.getTime() / 1000;
zeitdif=0;
document.ZugAnzeige.SpielZeit.value=zeitdif;
window.setTimeout('ZeitAnzeigen()',500);
}
if (ZugZeigen == true){
zugnr=0;
document.ZugAnzeige.ZugZaehler.value=zugnr;
}
}
ZurueckSetzen();
function Mischen() {
// Abbruch, wenn das Spiel nicht geladen wurde
if (loaded == 0) {
return;
}
var Temp;
for (var MischVorgang = 0; MischVorgang < MaxMischen ; MischVorgang++) {
// Mal horizontal ein wenig herumschieben
Temp = LeerA;
while ( Temp == LeerA) {
Temp = (random (Spalten)) + 1;
}
Schiebe (Temp, LeerB);
// und mal vertikal ein wenig schieben
Temp = LeerB;
while (Temp == LeerB) {
Temp = (random (Zeilen)) + 1;
}
Schiebe (LeerA, Temp);
}
if (ZeitZeigen == true){
startzeit=new Date();
zeita=startzeit.getTime() / 1000;
zeitdif=0;
document.ZugAnzeige.SpielZeit.value=zeitdif;
window.setTimeout('ZeitAnzeigen()',500);
}
if (ZugZeigen == true){
zugnr=0;
document.ZugAnzeige.ZugZaehler.value=zugnr;
}
}
function ZugZeitAnzeige(){
document.write('<center><form name="ZugAnzeige"><font face="arial,helvetica">');
if (ZugZeigen == true){
document.write('Zug: <input type="text" name="ZugZaehler" size="3" value="0" readonly>');
}
if (ZeitZeigen == true){
document.write(' Zeit: <input type="text" name="SpielZeit" size="3" value="0" readonly> sec');
}
document.write('</font></form></center>');
}
today=new Date();
jran=today.getTime();
function rnd() {
ia=9301;
ic=49297;
im=233280;
jran = (jran*ia+ic) % im;
return jran/(im*1.0);
}
function random(number) {
return Math.floor(rnd()*number);
}
// -->
</script>
</head>
<table id="fertig">
<table class="sortierbar">
<body text="#000000" bgcolor="#0000FF" onload="Laden();">
<h1></h1>
<br>
<table cellspacing=0 cellpadding=0 border=0 width=100%>
<tr>
<td>
<table border=0 cellpadding=0 cellspacing=1>
<tr>
<td bgcolor="#000080"><a href="javascript:Schiebe(1,1);"><img src="Geraet0_0.jpg" border=0 height=119 width=119></a></td>
<td bgcolor="#000080"><a href="javascript:Schiebe(2,1);"><img src="Geraet0_1.jpg" border=0 height=119 width=119></a></td>
<td bgcolor="#000080"><a href="javascript:Schiebe(3,1);"><img src="Geraet0_2.jpg" border=0 height=119 width=119></a></td>
<td bgcolor="#000080"><a href="javascript:Schiebe(4,1);"><img src="Geraet0_3.jpg" border=0 height=119 width=119></a></td>
<td bgcolor="#000080"><a href="javascript:Schiebe(5,1);"><img src="Geraet0_4.jpg" border=0 height=119 width=119></a></td>
</tr>
<tr>
<td bgcolor="#000080"><a href="javascript:Schiebe(1,2);"><img src="Geraet1_0.jpg" border=0 height=119 width=119></a></td>
<td bgcolor="#000080"><a href="javascript:Schiebe(2,2);"><img src="Geraet1_1.jpg" border=0 height=119 width=119></a></td>
<td bgcolor="#000080"><a href="javascript:Schiebe(3,2);"><img src="Geraet1_2.jpg" border=0 height=119 width=119></a></td>
<td bgcolor="#000080"><a href="javascript:Schiebe(4,2);"><img src="Geraet1_3.jpg" border=0 height=119 width=119></a></td>
<td bgcolor="#000080"><a href="javascript:Schiebe(5,2);"><img src="Geraet1_4.jpg" border=0 height=119 width=119></a></td>
</tr>
</table>
</table>
</td>
<td>
<tr>
<table cellspacing=0 cellpadding=0>
<tr><td align=center><img src=Geraetvs.jpg width=240 height=160></td></tr>
<tr><td> </td></tr>
<tr><td align=center>
<FORM><INPUT type=button value="Mischen" width="70" onClick="javascript:Mischen()">
<INPUT type=button value="Anzeigen" width="70" onClick="javascript:NeuStart()">
<INPUT type=button value="Highscore" width="70" onClick="javascript:Highscore()">
<INPUT type=button value="Anleitung" width="70" onClick="javascript:Anleitung()"></FORM>
</td></tr>
<tr><td>
<noscript>
<p><b><font face="Verdana,Arial,Helvetica,Helv"><font color="#CC6600"><font size=-1>JavaScript ist nicht aktiviert! <br>Aktiviere bei den Browsereinstellungen!</font></font></font></b>
<br></noscript><script language="JavaScript">
<!--
ZugZeitAnzeige();
//-->
</script>
</td></tr>
</table>
</td>
</tr>
</table>
</body>
</html>