Foren
Neue Beiträge
Foren durchsuchen
Was ist neu?
Neue Beiträge
Profilnachrichten
Online
Anmelden
Registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Neue Beiträge
Foren durchsuchen
Menü
Anmelden
Registrieren
App installieren
Installieren
Programmierung
HTML
Memory programmieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Auf Thema antworten
Beitrag
[QUOTE="Hydron13, post: 7832, member: 950"] Hey Leute, Ich wollte mir gerne ein simples memory erstellen. Ich habe dafür einen vorhandenen quelltext genommen und für mich umgeschrieben. Das Spiel funktioniert auch einwandfrei, aber mein ziel ist es nicht, zwei gleiche paare zu bilden, sondern zwei zusammen gehörende karten aufzudecken (Beispiel: Land und Hauptstadt). Ich habe schon viel rumprobierbt und bin mit den grundlagen von html vertraut. Ich versteh aber die funktion select im quelltext nicht. Was sind Bildnummer und Feldnummer? Danke für eure Hilfe! :) Hier der bisheriger Code: <html> <head> <title>Geografie Memory</title> <script language="JavaScript"><!-- var selected = 0; var selbild = -1; var selfeld1 = -1; var selfeld2 = -1; var weg = 0; var mode = new Array(); for(i=0; i<=39; i++) mode[i] = 0; var deck = new Image(); deck.src = "deck.jpg"; var leer = new Image(); leer.src = "leer.gif"; var bild = new Array(); var grossbild = new Array(); var zahlen = new Array(20); for(j=0; j<=19; j++) { zahlen[j] = 0; } for(i=0; i<=19; i++) { bild[i] = new Image(); grossbild[i] = new Image(); a = 0; for (p=0;a==0;p++) { a = Math.random(); a *= 40; a = Math.ceil(a); for (k=0; k<=19;k++) { if (a==zahlen[k]) { a = 0; } } } zahlen[i] = a; bild[i].src = "karten/karte"+a+".jpg"; grossbild[i].src = "karten/hamster"+a+"-gross.jpg"; } function select(bildnummer, feldnummer) { if (selected == 0 && mode[feldnummer] != 1) { selbild = bildnummer; selfeld1 = feldnummer; selected = 1; window.document.images[feldnummer].src = bild[bildnummer].src; } else if (selected == 1 && mode[feldnummer] != 1) { window.document.images[feldnummer].src = bild[bildnummer].src; if (selbild == bildnummer && selfeld1 != feldnummer) { window.document.images[selfeld1].src = bild[bildnummer].src; window.document.images[feldnummer].src = bild[bildnummer].src; selected = 0; mode[selfeld1] = 1; mode[feldnummer] = 1; weg++; if (weg == 20) alert("Saubere Leistung! Du hast " + window.document.Anzeige.Zeit.value + " Minuten gebraucht."); } else { selected = 2; selfeld2 = feldnummer; } } else if (mode[feldnummer] == 1) { } else if (selected == 2) { selected = 0; window.document.images[selfeld1].src = deck.src; window.document.images[selfeld2].src = deck.src; } } //--></script> <script language="JavaScript"><!-- Jetzt = new Date(); var Start = Jetzt.getTime(); function ZeitBerechnen() { var Immernoch = new Date(); return((Immernoch.getTime() - Start)/1000); } function ZeitAnzeigen() { if(weg < 20) { var absSekunden = Math.round(ZeitBerechnen()); var relSekunden = absSekunden % 60; var absMinuten = Math.round((absSekunden-30)/60); var anzSekunden ="" + ((relSekunden > 9) ? relSekunden : "0" + relSekunden); var anzMinuten ="" + ((absMinuten > 9) ? absMinuten : "0" + absMinuten); window.document.Anzeige.Zeit.value = anzMinuten + ":" + anzSekunden; window.setTimeout('ZeitAnzeigen()',1000); } } //--></script> </head> <body bgcolor="#FF6317" onload="window.setTimeout('ZeitAnzeigen()',1)"> <center> <font face="Arial,Helvetica" size="+2"> Geografie-Memory </font> <font face="Arial,Helvetica" size="+1"> </font> </center> <br> <form name="Anzeige"> [<a href="#" onclick="window.location.reload()">Neues Spiel</a>] <input size="7" name="Zeit"> </form> <p> <div align="center"><center> <table border="1"> <tr> <td><a href="#" onclick="select(5, 0)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(9, 1)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(2, 2)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(6, 3)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(11, 4)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(4, 5)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(15, 6)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(8, 7)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> </tr> <tr> <td><a href="#" onclick="select(11, 8)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(18, 9)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(12, 10)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(16, 11)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(17, 12)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(1, 13)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(15, 14)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(18, 15)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> </tr> <tr> <td><a href="#" onclick="select(7, 16)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(19, 17)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(14, 18)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(0, 19)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(13, 20)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(10, 21)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(16, 22)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(1, 23)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> </tr> <tr> <td><a href="#" onclick="select(0, 24)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(10, 25)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(6, 26)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(12, 27)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(5, 28)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(14, 29)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(3, 30)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(19, 31)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> </tr> <tr> <td><a href="#" onclick="select(3, 32)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(8, 33)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(13, 34)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(9, 35)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(7, 36)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(17, 37)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(4, 38)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> <td><a href="#" onclick="select(2, 39)"><img src="deck.jpg" width="120" height="80" border="0"></a></td> </tr> </table> </center></div> <br><br> <center> </center> </body> </html>[/i][/i][/i][/i][/i][/i] [/QUOTE]
Zitate
Authentifizierung
Antworten
Programmierung
HTML
Memory programmieren
Oben
Unten