blueframe
2006-08-15, 14:20:30
hallo,
ich habe vor kurzem ein script in die haende bekommen und habe dieses etwas modifiziert.
leider funktioniert die zudecken funktion nicht mehr.
obwohl, sie funktioniert schon aber beim aufdecken des zweiten blatts wird zeitgleich das zweite blatt aufgedeckt bzw. beide wieder zugedeckt.
eigentlich müsste ja wenigstens 2 sec auch das 2. blatta ufgedeckt bleiben.
im original wurde das über einen event handler gelöst. diesen kann ich aber leider nicht mehr anwenden.
nun die frage an euch, sieht ihr eine möglichkeit das 2. blatt über einen gewissen zeitraum offen zu lassen?
im optimalen fall würde das wieder über einen handler geschehen.
vielen dank für eure antworten
grüße
christian
------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Telefans Memory</title>
<script language="JavaScript">
var bilder = new Array();
var i = 0;
var ii = 0;
var versuche = 0;
var paare = 0;
var quelldatei = '';
var text = '';
var klicks = 0;
var klick1 = -1;
var klick2 = -1;
var verteilung = new Array();
var aufgedeckt = new Array();
for (i=0; i<21; i++)
{
quelldatei='memory/bild'+i+'.jpg';
bilder[i] = new Image();
bilder[i].src=quelldatei;
}
function zudecken()
{
document.images[klick1].src = 'memory/deckblatt.gif';
document.images[klick1].className = '0';
aufgedeckt[klick1] = 0;
document.images[klick2].src = 'memory/deckblatt.gif';
document.images[klick2].className = '0';
aufgedeckt[klick2] = 0;
klicks = 0;
}
function mischen()
{
var ausgang = new Array(0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13,14,14,15,1 5,16,16,17,17,18,18,19,19,20,20);
var zufall=99;
klicks = 0;
klick1 = -1;
klick2 = -1;
versuche = 0;
paare = 0;
ii=42;
for (i=0;i<42;i++)
{
aufgedeckt[i] = 0;
document.images[i].src='memory/deckblatt.gif';
zufall=Math.floor(Math.random()*ii)
verteilung[i]=ausgang[zufall];
ausgang[zufall]=ausgang[ii-1];
ii--;
}
}
function wechsel_1(a)
{
if (aufgedeckt[a] == 1) return;
document.images[a].src = 'memory/deckblatt_1.gif';
document.images[a].className = '0';
}
function wechsel_2(a)
{
if (aufgedeckt[a] == 1) return;
document.images[a].src = 'memory/deckblatt.gif';
document.images[a].className = '1';
}
function spiel(a)
{
if (aufgedeckt[a] == 1) return;
if (klicks == 0)
{
klick1 = a;
quelldatei = 'memory/bild' + verteilung[a] + '.jpg';
document.images[a].src = quelldatei;
document.images[a].className = '1';
aufgedeckt[a] = 1;
klicks = 1;
}
else
{
quelldatei = 'memory/bild' + verteilung[a] + '.jpg';
document.images[a].src = quelldatei;
document.images[a].className = '1';
aufgedeckt[a] = 1;
if (verteilung[a] == verteilung[klick1])
{
versuche++;
paare++;
if (paare == 21)
{
var highscore = confirm('Glückwunsch !\nDu hast das Memory mit ' + versuche + ' Versuchen gelöst !\n\nEiner geht noch! :)');
if (highscore == true)
{
mischen();
return;
}
else { window.close(); }
}
klicks = 0;
return;
}
versuche++;
klick2 = a;
zudecken();
}
}
</script>
</head>
<body onload="mischen()" bgcolor="#958d80">
<strong><font face="Tahoma" size="4">Memory</font></strong>
<table align="left" cellspacing="1" cellpadding="1" border="0">
<tr>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(0)" onMouseOut="wechsel_2(0)" onClick="spiel(0)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(1)" onMouseOut="wechsel_2(1)" onClick="spiel(1)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(2)" onMouseOut="wechsel_2(2)" onClick="spiel(2)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(3)" onMouseOut="wechsel_2(3)" onClick="spiel(3)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(4)" onMouseOut="wechsel_2(4)" onClick="spiel(4)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(5)" onMouseOut="wechsel_2(5)" onClick="spiel(5)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(6)" onMouseOut="wechsel_2(6)" onClick="spiel(6)">
</td>
</tr>
<tr>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(7)" onMouseOut="wechsel_2(7)" onClick="spiel(7)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(8)" onMouseOut="wechsel_2(8)" onClick="spiel(8)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(9)" onMouseOut="wechsel_2(9)" onClick="spiel(9)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(10)" onMouseOut="wechsel_2(10)" onClick="spiel(10)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(11)" onMouseOut="wechsel_2(11)" onClick="spiel(11)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(12)" onMouseOut="wechsel_2(12)" onClick="spiel(12)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(13)" onMouseOut="wechsel_2(13)" onClick="spiel(13)">
</td>
</tr>
<tr>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(14)" onMouseOut="wechsel_2(14)" onClick="spiel(14)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(15)" onMouseOut="wechsel_2(15)" onClick="spiel(15)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(16)" onMouseOut="wechsel_2(16)" onClick="spiel(16)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(17)" onMouseOut="wechsel_2(17)" onClick="spiel(17)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(18)" onMouseOut="wechsel_2(18)" onClick="spiel(18)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(19)" onMouseOut="wechsel_2(19)" onClick="spiel(19)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(20)" onMouseOut="wechsel_2(20)" onClick="spiel(20)">
</td>
</tr>
<tr>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(21)" onMouseOut="wechsel_2(21)" onClick="spiel(21)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(22)" onMouseOut="wechsel_2(22)" onClick="spiel(22)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(23)" onMouseOut="wechsel_2(23)" onClick="spiel(23)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(24)" onMouseOut="wechsel_2(24)" onClick="spiel(24)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(25)" onMouseOut="wechsel_2(25)" onClick="spiel(25)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(26)" onMouseOut="wechsel_2(26)" onClick="spiel(26)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(27)" onMouseOut="wechsel_2(27)" onClick="spiel(27)">
</td>
</tr>
<tr>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(28)" onMouseOut="wechsel_2(28)" onClick="spiel(28)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(29)" onMouseOut="wechsel_2(29)" onClick="spiel(29)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(30)" onMouseOut="wechsel_2(30)" onClick="spiel(30)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(31)" onMouseOut="wechsel_2(31)" onClick="spiel(31)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(32)" onMouseOut="wechsel_2(32)" onClick="spiel(32)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(33)" onMouseOut="wechsel_2(33)" onClick="spiel(33)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(34)" onMouseOut="wechsel_2(34)" onClick="spiel(34)">
</td>
</tr>
<tr>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(35)" onMouseOut="wechsel_2(35)" onClick="spiel(35)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(36)" onMouseOut="wechsel_2(36)" onClick="spiel(36)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(37)" onMouseOut="wechsel_2(37)" onClick="spiel(37)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(38)" onMouseOut="wechsel_2(38)" onClick="spiel(38)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(39)" onMouseOut="wechsel_2(39)" onClick="spiel(39)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(40)" onMouseOut="wechsel_2(40)" onClick="spiel(40)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(41)" onMouseOut="wechsel_2(41)" onClick="spiel(41)">
</td>
</tr>
</table>
</body>
</html>
ich habe vor kurzem ein script in die haende bekommen und habe dieses etwas modifiziert.
leider funktioniert die zudecken funktion nicht mehr.
obwohl, sie funktioniert schon aber beim aufdecken des zweiten blatts wird zeitgleich das zweite blatt aufgedeckt bzw. beide wieder zugedeckt.
eigentlich müsste ja wenigstens 2 sec auch das 2. blatta ufgedeckt bleiben.
im original wurde das über einen event handler gelöst. diesen kann ich aber leider nicht mehr anwenden.
nun die frage an euch, sieht ihr eine möglichkeit das 2. blatt über einen gewissen zeitraum offen zu lassen?
im optimalen fall würde das wieder über einen handler geschehen.
vielen dank für eure antworten
grüße
christian
------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Telefans Memory</title>
<script language="JavaScript">
var bilder = new Array();
var i = 0;
var ii = 0;
var versuche = 0;
var paare = 0;
var quelldatei = '';
var text = '';
var klicks = 0;
var klick1 = -1;
var klick2 = -1;
var verteilung = new Array();
var aufgedeckt = new Array();
for (i=0; i<21; i++)
{
quelldatei='memory/bild'+i+'.jpg';
bilder[i] = new Image();
bilder[i].src=quelldatei;
}
function zudecken()
{
document.images[klick1].src = 'memory/deckblatt.gif';
document.images[klick1].className = '0';
aufgedeckt[klick1] = 0;
document.images[klick2].src = 'memory/deckblatt.gif';
document.images[klick2].className = '0';
aufgedeckt[klick2] = 0;
klicks = 0;
}
function mischen()
{
var ausgang = new Array(0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13,14,14,15,1 5,16,16,17,17,18,18,19,19,20,20);
var zufall=99;
klicks = 0;
klick1 = -1;
klick2 = -1;
versuche = 0;
paare = 0;
ii=42;
for (i=0;i<42;i++)
{
aufgedeckt[i] = 0;
document.images[i].src='memory/deckblatt.gif';
zufall=Math.floor(Math.random()*ii)
verteilung[i]=ausgang[zufall];
ausgang[zufall]=ausgang[ii-1];
ii--;
}
}
function wechsel_1(a)
{
if (aufgedeckt[a] == 1) return;
document.images[a].src = 'memory/deckblatt_1.gif';
document.images[a].className = '0';
}
function wechsel_2(a)
{
if (aufgedeckt[a] == 1) return;
document.images[a].src = 'memory/deckblatt.gif';
document.images[a].className = '1';
}
function spiel(a)
{
if (aufgedeckt[a] == 1) return;
if (klicks == 0)
{
klick1 = a;
quelldatei = 'memory/bild' + verteilung[a] + '.jpg';
document.images[a].src = quelldatei;
document.images[a].className = '1';
aufgedeckt[a] = 1;
klicks = 1;
}
else
{
quelldatei = 'memory/bild' + verteilung[a] + '.jpg';
document.images[a].src = quelldatei;
document.images[a].className = '1';
aufgedeckt[a] = 1;
if (verteilung[a] == verteilung[klick1])
{
versuche++;
paare++;
if (paare == 21)
{
var highscore = confirm('Glückwunsch !\nDu hast das Memory mit ' + versuche + ' Versuchen gelöst !\n\nEiner geht noch! :)');
if (highscore == true)
{
mischen();
return;
}
else { window.close(); }
}
klicks = 0;
return;
}
versuche++;
klick2 = a;
zudecken();
}
}
</script>
</head>
<body onload="mischen()" bgcolor="#958d80">
<strong><font face="Tahoma" size="4">Memory</font></strong>
<table align="left" cellspacing="1" cellpadding="1" border="0">
<tr>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(0)" onMouseOut="wechsel_2(0)" onClick="spiel(0)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(1)" onMouseOut="wechsel_2(1)" onClick="spiel(1)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(2)" onMouseOut="wechsel_2(2)" onClick="spiel(2)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(3)" onMouseOut="wechsel_2(3)" onClick="spiel(3)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(4)" onMouseOut="wechsel_2(4)" onClick="spiel(4)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(5)" onMouseOut="wechsel_2(5)" onClick="spiel(5)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(6)" onMouseOut="wechsel_2(6)" onClick="spiel(6)">
</td>
</tr>
<tr>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(7)" onMouseOut="wechsel_2(7)" onClick="spiel(7)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(8)" onMouseOut="wechsel_2(8)" onClick="spiel(8)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(9)" onMouseOut="wechsel_2(9)" onClick="spiel(9)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(10)" onMouseOut="wechsel_2(10)" onClick="spiel(10)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(11)" onMouseOut="wechsel_2(11)" onClick="spiel(11)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(12)" onMouseOut="wechsel_2(12)" onClick="spiel(12)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(13)" onMouseOut="wechsel_2(13)" onClick="spiel(13)">
</td>
</tr>
<tr>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(14)" onMouseOut="wechsel_2(14)" onClick="spiel(14)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(15)" onMouseOut="wechsel_2(15)" onClick="spiel(15)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(16)" onMouseOut="wechsel_2(16)" onClick="spiel(16)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(17)" onMouseOut="wechsel_2(17)" onClick="spiel(17)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(18)" onMouseOut="wechsel_2(18)" onClick="spiel(18)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(19)" onMouseOut="wechsel_2(19)" onClick="spiel(19)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(20)" onMouseOut="wechsel_2(20)" onClick="spiel(20)">
</td>
</tr>
<tr>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(21)" onMouseOut="wechsel_2(21)" onClick="spiel(21)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(22)" onMouseOut="wechsel_2(22)" onClick="spiel(22)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(23)" onMouseOut="wechsel_2(23)" onClick="spiel(23)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(24)" onMouseOut="wechsel_2(24)" onClick="spiel(24)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(25)" onMouseOut="wechsel_2(25)" onClick="spiel(25)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(26)" onMouseOut="wechsel_2(26)" onClick="spiel(26)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(27)" onMouseOut="wechsel_2(27)" onClick="spiel(27)">
</td>
</tr>
<tr>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(28)" onMouseOut="wechsel_2(28)" onClick="spiel(28)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(29)" onMouseOut="wechsel_2(29)" onClick="spiel(29)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(30)" onMouseOut="wechsel_2(30)" onClick="spiel(30)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(31)" onMouseOut="wechsel_2(31)" onClick="spiel(31)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(32)" onMouseOut="wechsel_2(32)" onClick="spiel(32)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(33)" onMouseOut="wechsel_2(33)" onClick="spiel(33)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(34)" onMouseOut="wechsel_2(34)" onClick="spiel(34)">
</td>
</tr>
<tr>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(35)" onMouseOut="wechsel_2(35)" onClick="spiel(35)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(36)" onMouseOut="wechsel_2(36)" onClick="spiel(36)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(37)" onMouseOut="wechsel_2(37)" onClick="spiel(37)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(38)" onMouseOut="wechsel_2(38)" onClick="spiel(38)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(39)" onMouseOut="wechsel_2(39)" onClick="spiel(39)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(40)" onMouseOut="wechsel_2(40)" onClick="spiel(40)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(41)" onMouseOut="wechsel_2(41)" onClick="spiel(41)">
</td>
</tr>
</table>
</body>
</html>