Autor |
Nachricht |
kate_rulez
Threadersteller
Dabei seit: 18.07.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 01.08.2010 19:56
Titel javascript memory mit nur 12 karten statt mit 18 |
|
|
hallo,
ich habe mit javascript ein kartenlegespiel (memory) mit 18 karten programmiert. jetzt möcht ich das aber nur noch mit 12 karten haben, aber bei mir funzt das irgendwie nicht. kann mir jemand helfen?
was muss ich ändern damit nur 12 karten ausgegeben werden?
hier der html code von dem gesamten spiel:[/code]
<HTML><HEAD><TITLE>Verkehrszeichen Memory</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<script language=JavaScript>
<!--
var cardOnField = new Array(3*6);
var nPairs = cardOnField.length / 2;
var nTries;
var nPairsFound;
var iFirstField;
var iSecondField;
var clickable = false;
var i0 = new Image(40, 40); i0.src = "0.jpg";
var i1 = new Image(40, 40); i1.src = "1.jpg";
var i2 = new Image(40, 40); i2.src = "2.jpg";
var i3 = new Image(40, 40); i3.src = "3.jpg";
var i4 = new Image(40, 40); i4.src = "4.jpg";
var i5 = new Image(40, 40); i5.src = "5.jpg";
var i6 = new Image(40, 40); i6.src = "6.jpg";
var i7 = new Image(40, 40); i7.src = "7.jpg";
var i8 = new Image(40, 40); i8.src = "8.jpg";
var i9 = new Image(40, 40); i9.src = "9.jpg";
var sHiddenImage = "0.jpg";
function isHiddenCardOnField (i) {
if (!document.images)
return "non compatible browser";
var name = document.images["p" + i].src;
var len = name.length;
return name.substring (len-sHiddenImage.length, len) == sHiddenImage;
}
function showCardOnField (i) {
eval("window.document.board.p" + i
+ ".src='" + cardOnField[i] + ".jpg'");
}
function hideCardOnField (i) {
eval("window.document.board.p" + i
+ ".src='" + sHiddenImage + "'");
}
function hide() {
hideCardOnField(iFirstField);
hideCardOnField(iSecondField);
iFirstField = -1;
iSecondField = -1;
clickable = true;
}
function clickon(i) {
if (!clickable)
return;
if (!isHiddenCardOnField (i))
return;
showCardOnField(i);
if (iFirstField == -1 || i == iFirstField) {
iFirstField = i;
return;
}
clickable = false;
iSecondField = i;
nTries++;
if (cardOnField[iFirstField] != cardOnField[iSecondField]) {
setTimeout("hide()", 2850);
return;
}
nPairsFound++;
if (nPairsFound == nPairs)
alert("Gewonnen! "
+ "Du hast alle Paare mit " + nTries + " Versuchen gefunden! Du bist ein Verkehrszeichen-Genie!");
iFirstField = -1;
iSecondField = -1;
clickable = true;
}
function randomise() {
for (var n = 0; n < cardOnField.length; n++) {
i = Math.floor(Math.random()*cardOnField.length);
card = cardOnField[i];
cardOnField[i] = cardOnField[n];
cardOnField[n] = card;
}
}
function initGame() {
nTries = 0;
nPairsFound = 0;
iFirstField = -1;
iSecondField = -1;
for (var n = 0; n < cardOnField.length; n++) {
cardOnField[n] = Math.floor (n/2) + 1;
hideCardOnField(n);
}
randomise();
clickable = true;
}
//-->
</script>
<META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD>
<BODY bgColor="yellow" onload=initGame()>
<H1><font face="Comic Sans MS" size="5" color=172983><div align="center">Verkehrszeichen Memory</div></font></H1>
<div align="center"><BLOCKQUOTE>
<FORM name=board>
<TABLE border=1 bgcolor=02c84c>
<TBODY>
<TR>
<TD width=130><A href="javascript:clickon(0)"><IMG height=125
src="0.jpg" width=130 border=0 name=p0></A></TD>
<TD width=130><A href="javascript:clickon(1)"><IMG height=125
src="0.jpg" width=130 border=0 name=p1></A></TD>
<TD width=130><A href="javascript:clickon(2)"><IMG height=125
src="0.jpg" width=130 border=0 name=p2></A></TD>
<TD width=130><A href="javascript:clickon(3)"><IMG height=125
src="0.jpg" width=130 border=0 name=p3></A></TD>
<TD width=130><A href="javascript:clickon(4)"><IMG height=125
src="0.jpg" width=130 border=0 name=p4></A></TD>
<TD width=130><A href="javascript:clickon(5)"><IMG height=125
src="0.jpg" width=130 border=0
name=p5></A></TD></TR>
<TR>
<TD width=130><A href="javascript:clickon(6)"><IMG height=125
src="0.jpg" width=130 border=0 name=p6></A></TD>
<TD width=130><A href="javascript:clickon(7)"><IMG height=125
src="0.jpg" width=130 border=0 name=p7></A></TD>
<TD width=130><A href="javascript:clickon(8 )"><IMG height=125
src="0.jpg" width=130 border=0 name=p8></A></TD>
<TD width=130><A href="javascript:clickon(9)"><IMG height=125
src="0.jpg" width=130 border=0 name=p9></A></TD>
<TD width=130><A href="javascript:clickon(10)"><IMG height=125
src="0.jpg" width=130 border=0 name=p10></A></TD>
<TD width=130><A href="javascript:clickon(11)"><IMG height=125
src="0.jpg" width=130 border=0
name=p11></A></TD></TR>
<TR>
<TD width=130><A href="javascript:clickon(12)"><IMG height=125
src="0.jpg" width=130 border=0 name=p12></A></TD>
<TD width=130><A href="javascript:clickon(13)"><IMG height=125
src="0.jpg" width=130 border=0 name=p13></A></TD>
<TD width=130><A href="javascript:clickon(14)"><IMG height=125
src="0.jpg" width=130 border=0 name=p14></A></TD>
<TD width=130><A href="javascript:clickon(15)"><IMG height=125
src="0.jpg" width=130 border=0 name=p15></A></TD>
<TD width=130><A href="javascript:clickon(16)"><IMG height=125
src="0.jpg" width=130 border=0 name=p16></A></TD>
<TD width=130><A href="javascript:clickon(17)"><IMG height=125
src="0.jpg" width=130 border=0
name=p17></A></TD></TR>
</font></div>
</BODY></HTML>
|
|
|
|
|
JanG
Dabei seit: 13.10.2002
Ort: Köln/Düsseldorf
Alter: -
Geschlecht:
|
Verfasst So 01.08.2010 19:58
Titel
|
|
|
Du hast es programmiert?
Hab von JS kaum Ahnung,
aber wenn man nach einer 18 sucht,
findet man diese Zeile:
Code: | var cardOnField = new Array(3*6); |
Teste doch mal dies aus:
Code: | var cardOnField = new Array(2*6); |
Peaze!
|
|
|
|
|
Anzeige
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 01.08.2010 20:05
Titel Re: javascript memory mit nur 12 karten statt mit 18 |
|
|
kate_rulez hat geschrieben: | ich habe mit javascript ein kartenlegespiel (memory) mit 18 karten programmiert. |
Ja, dann sollte es doch kein Problem für dich sein das anzupassen?
Zuletzt bearbeitet von m am So 01.08.2010 20:06, insgesamt 1-mal bearbeitet
|
|
|
|
|
kate_rulez
Threadersteller
Dabei seit: 18.07.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 02.08.2010 23:18
Titel
|
|
|
nee hatte schon hilfe beim programmieren, allein hätt ich das wohl nicht hinbekommen da ich nicht soo viel ahnung von js habe leider
aber der der mir geholfen hat ist im urlaub und nicht zu erreichen
Zitat: | Teste doch mal dies aus:
Code:
var cardOnField = new Array(2*6);
|
hab ich schon versucht aber klappt nicht. da muss man wohl noch mehr verändern... nur was?
|
|
|
|
|
S.Franke
Dabei seit: 27.03.2007
Ort: Bielefeld
Alter: 45
Geschlecht:
|
Verfasst Di 03.08.2010 08:38
Titel
|
|
|
Hallo,
die Tabelle muss noch angepasst werden. Die ist atm 6 spaltig mit drei Zeilen.
Lg Stefan
|
|
|
|
|
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 03.08.2010 10:59
Titel
|
|
|
Und die name + hrefs auch anpassen (p0 bis p11),
also so ungefähr:
Code: | <table border="1" bgcolor="02c84c">
<tbody>
<tr>
<td width="130"><a href="javascript:clickon(0);"><img height="125" src="0.jpg" width="130" border="0" name="p0"></a></td>
<td width="130"><a href="javascript:clickon(1);"><img height="125" src="0.jpg" width="130" border="0" name="p1"></a></td>
<td width="130"><a href="javascript:clickon(2);"><img height="125" src="0.jpg" width="130" border="0" name="p2"></a></td>
<td width="130"><a href="javascript:clickon(3);"><img height="125" src="0.jpg" width="130" border="0" name="p3"></a></td>
</tr>
<tr>
<td width="130"><a href="javascript:clickon(4);"><img height="125" src="0.jpg" width="130" border="0" name="p4"></a></td>
<td width="130"><a href="javascript:clickon(5);"><img height="125" src="0.jpg" width="130" border="0" name="p5"></a></td>
<td width="130"><a href="javascript:clickon(6);"><img height="125" src="0.jpg" width="130" border="0" name="p6"></a></td>
<td width="130"><a href="javascript:clickon(7);"><img height="125" src="0.jpg" width="130" border="0" name="p7"></a></td>
</tr>
<tr>
<td width="130"><a href="javascript:clickon(8);"><img height="125" src="0.jpg" width="130" border="0" name="p8"></a></td>
<td width="130"><a href="javascript:clickon(9);"><img height="125" src="0.jpg" width="130" border="0" name="p9"></a></td>
<td width="130"><a href="javascript:clickon(10);"><img height="125" src="0.jpg" width="130" border="0" name="p10"></a></td>
<td width="130"><a href="javascript:clickon(11);"><img height="125" src="0.jpg" width="130" border="0" name="p11"></a></td>
</tr>
</tbody>
</table> |
Grüße
zweitaccount
|
|
|
|
|
phihochzwei
Moderator
Dabei seit: 08.06.2006
Ort: Mülheim an der Ruhr
Alter: 46
Geschlecht:
|
Verfasst Di 03.08.2010 11:06
Titel
|
|
|
*kopf*
*tisch*
|
|
|
|
|
kate_rulez
Threadersteller
Dabei seit: 18.07.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 03.08.2010 18:52
Titel
|
|
|
danke für die hilfe
klappt jetzt
|
|
|
|
|
|
|
|
Ähnliche Themen |
Cinema 4D - not enough memory ???
Memory Spiel
Memory programmieren
Simples Memory-Game in Flash
Fatal Error: Allowd Memory Size
Suche Software für Online Schiebe Puzzle, Memory, etc.
|
|