Fire på stribe
Jeg er ved at lave et fire på stribe-spil i JavaScript, og har et lille problem. Det er jo meningen at den skal skifte farve mellem de to farver (hjerter og spar) men det gør den også, bare kun én gang. Altså ved første klik er det spar, andet klik hjerter, tredje klik spar igen, og herefter bliver alle brikkerne bare spar igen og igen.Kan I hjælpe med det?
KODE:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<title>Fire på stribe</title>
<meta name="title" content="Sonny Gaarslev's Studieweb" />
<meta name="description" content="Studieweb lavet på Roskilde Tekniske Gymnasium" />
<meta name="keywords" content="Sonny Gaarslev, Studieweb, RTG, Roskilde Tekniske Gymnasium, HTX" />
<meta name="robots" content="all" />
<meta name="revisit-after" content="7" />
<meta name="author" content="Sonny Gaarslev" />
<meta http-equiv="reply-to" content="sgaarslev@hotmail.com" />
<meta name="copyright" content="Sonny Gaarslev" />
<meta http-equiv="expires" content="tue, 19 okt 2010 23:59:59 gmt" />
<meta http-equiv="content-language" content="dan" />
<meta name="rating" content="general" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="objecttype" content="text" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta name="dc.title" content="Studieweb - Sonny Gaarslev - RTG 2.4" />
<meta name="dc.description" content="Sonny Gaarslev, Studieweb, RTG, Roskilde Tekniske Gymnasium, HTX" />
<meta name="dc.subject" content="it, edb, data, skole, htx, gymnasie" />
<meta name="dc.creator" content="Sonny Gaarslev" />
<meta name="dc.rights" content="Copyright (c) 2006 Sonny Gaarslev" />
<meta name="dc.identifier" content="http://www.rtgkom.dk/~sonnyg05"/>
<meta name="dc.publisher" content="Sonny Gaarslev"/>
<meta name="dc.date" scheme="iso8601" content="2007-01-02" />
<meta name="dc.language" scheme="nisoz39.50" content="dan" />
<meta name="dc.type" content="text" />
<meta name="dc.format" scheme="mime" content="text/html" />
<link rel="schema.dc" href="http://purl.org/metadata/dublin_core_elements" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="shortcut icon" href="favicon.ico" />
<script language="javascript">
var felter = new Array()
var spar = new Image()
var hjerter = new Image()
var empty = new Image()
spar.src = "spar.png"
hjerter.src = "hjerter.png"
var aktivBrik = new Image()
var gameActive = 1
function placeTop(picToPlace) {
if (gameActive == 1) {
document.images[picToPlace].src = spar.src
}
}
function unPlaceTop(picToUnplace) {
if (gameActive == 1) {
document.images[picToUnplace].src = empty.src
}
}
var opfyldt = new Array()
opfyldt[0] = 5
opfyldt[1] = 5
opfyldt[2] = 5
opfyldt[3] = 5
opfyldt[4] = 5
opfyldt[5] = 5
opfyldt[6] = 5
opfyldt[7] = 5
var aktivSpiller = 1
aktivBrik.src = spar.src
function skiftTur() {
if (aktivSpiller == 1) {
aktivSpiller = 2
aktivBrik.src = hjerter.src
}
else {
aktivspiller = 1
aktivBrik.src = spar.src
}
}
function dropIt(hvilkenKolonne) {
if (opfyldt[hvilkenKolonne] >= 0) {
var placering = hvilkenKolonne + 8 + (8 * opfyldt[hvilkenKolonne])
document.images[placering].src = aktivBrik.src
opfyldt[hvilkenKolonne] = opfyldt[hvilkenKolonne] - 1
skiftTur()
placeTop(hvilkenKolonne)
}
}
</script>
</head>
<body>
<p id="headline">
Fire på stribe
<br />
</p>
<form name="form0">
<table cellspacing="0" cellpadding="0" class="board">
<tr>
<td class="top"><a href="java script:void dropIt(0)" onMouseOver="placeTop(0); setMsg(''); return true" onMouseOut="unPlaceTop(0)"><img border="0" src="empty.png" class="board"></a></td>
<td class="top"><a href="java script:void dropIt(1)" onMouseOver="placeTop(1); setMsg(''); return true" onMouseOut="unPlaceTop(1)"><img border="0" src="empty.png" class="board"></a></td>
<td class="top"><a href="java script:void dropIt(2)" onMouseOver="placeTop(2); setMsg(''); return true" onMouseOut="unPlaceTop(2)"><img border="0" src="empty.png" class="board"></a></td>
<td class="top"><a href="java script:void dropIt(3)" onMouseOver="placeTop(3); setMsg(''); return true" onMouseOut="unPlaceTop(3)"><img border="0" src="empty.png" class="board"></a></td>
<td class="top"><a href="java script:void dropIt(4)" onMouseOver="placeTop(4); setMsg(''); return true" onMouseOut="unPlaceTop(4)"><img border="0" src="empty.png" class="board"></a></td>
<td class="top"><a href="java script:void dropIt(5)" onMouseOver="placeTop(5); setMsg(''); return true" onMouseOut="unPlaceTop(5)"><img border="0" src="empty.png" class="board"></a></td>
<td class="top"><a href="java script:void dropIt(6)" onMouseOver="placeTop(6); setMsg(''); return true" onMouseOut="unPlaceTop(6)"><img border="0" src="empty.png" class="board"></a></td>
<td class="top"><a href="java script:void dropIt(7)" onMouseOver="placeTop(7); setMsg(''); return true" onMouseOut="unPlaceTop(7)"><img border="0" src="empty.png" class="board"></a></td>
</tr>
<tr>
<td class="board"><a href="java script:void dropIt(0)" onMouseOver="placeTop(0); setMsg(''); return true" onMouseOut="unPlaceTop(0)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(1)" onMouseOver="placeTop(1); setMsg(''); return true" onMouseOut="unPlaceTop(1)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(2)" onMouseOver="placeTop(2); setMsg(''); return true" onMouseOut="unPlaceTop(2)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(3)" onMouseOver="placeTop(3); setMsg(''); return true" onMouseOut="unPlaceTop(3)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(4)" onMouseOver="placeTop(4); setMsg(''); return true" onMouseOut="unPlaceTop(4)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(5)" onMouseOver="placeTop(5); setMsg(''); return true" onMouseOut="unPlaceTop(5)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(6)" onMouseOver="placeTop(6); setMsg(''); return true" onMouseOut="unPlaceTop(6)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(7)" onMouseOver="placeTop(7); setMsg(''); return true" onMouseOut="unPlaceTop(7)"><img border="0" src="empty.png" class="board"></a></td>
</tr>
<tr>
<td class="board"><a href="java script:void dropIt(0)" onMouseOver="placeTop(0); setMsg(''); return true" onMouseOut="unPlaceTop(0)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(1)" onMouseOver="placeTop(1); setMsg(''); return true" onMouseOut="unPlaceTop(1)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(2)" onMouseOver="placeTop(2); setMsg(''); return true" onMouseOut="unPlaceTop(2)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(3)" onMouseOver="placeTop(3); setMsg(''); return true" onMouseOut="unPlaceTop(3)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(4)" onMouseOver="placeTop(4); setMsg(''); return true" onMouseOut="unPlaceTop(4)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(5)" onMouseOver="placeTop(5); setMsg(''); return true" onMouseOut="unPlaceTop(5)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(6)" onMouseOver="placeTop(6); setMsg(''); return true" onMouseOut="unPlaceTop(6)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(7)" onMouseOver="placeTop(7); setMsg(''); return true" onMouseOut="unPlaceTop(7)"><img border="0" src="empty.png" class="board"></a></td>
</tr>
<tr>
<td class="board"><a href="java script:void dropIt(0)" onMouseOver="placeTop(0); setMsg(''); return true" onMouseOut="unPlaceTop(0)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(1)" onMouseOver="placeTop(1); setMsg(''); return true" onMouseOut="unPlaceTop(1)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(2)" onMouseOver="placeTop(2); setMsg(''); return true" onMouseOut="unPlaceTop(2)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(3)" onMouseOver="placeTop(3); setMsg(''); return true" onMouseOut="unPlaceTop(3)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(4)" onMouseOver="placeTop(4); setMsg(''); return true" onMouseOut="unPlaceTop(4)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(5)" onMouseOver="placeTop(5); setMsg(''); return true" onMouseOut="unPlaceTop(5)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(6)" onMouseOver="placeTop(6); setMsg(''); return true" onMouseOut="unPlaceTop(6)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(7)" onMouseOver="placeTop(7); setMsg(''); return true" onMouseOut="unPlaceTop(7)"><img border="0" src="empty.png" class="board"></a></td>
</tr>
<tr>
<td class="board"><a href="java script:void dropIt(0)" onMouseOver="placeTop(0); setMsg(''); return true" onMouseOut="unPlaceTop(0)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(1)" onMouseOver="placeTop(1); setMsg(''); return true" onMouseOut="unPlaceTop(1)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(2)" onMouseOver="placeTop(2); setMsg(''); return true" onMouseOut="unPlaceTop(2)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(3)" onMouseOver="placeTop(3); setMsg(''); return true" onMouseOut="unPlaceTop(3)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(4)" onMouseOver="placeTop(4); setMsg(''); return true" onMouseOut="unPlaceTop(4)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(5)" onMouseOver="placeTop(5); setMsg(''); return true" onMouseOut="unPlaceTop(5)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(6)" onMouseOver="placeTop(6); setMsg(''); return true" onMouseOut="unPlaceTop(6)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(7)" onMouseOver="placeTop(7); setMsg(''); return true" onMouseOut="unPlaceTop(7)"><img border="0" src="empty.png" class="board"></a></td>
</tr>
<tr>
<td class="board"><a href="java script:void dropIt(0)" onMouseOver="placeTop(0); setMsg(''); return true" onMouseOut="unPlaceTop(0)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(1)" onMouseOver="placeTop(1); setMsg(''); return true" onMouseOut="unPlaceTop(1)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(2)" onMouseOver="placeTop(2); setMsg(''); return true" onMouseOut="unPlaceTop(2)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(3)" onMouseOver="placeTop(3); setMsg(''); return true" onMouseOut="unPlaceTop(3)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(4)" onMouseOver="placeTop(4); setMsg(''); return true" onMouseOut="unPlaceTop(4)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(5)" onMouseOver="placeTop(5); setMsg(''); return true" onMouseOut="unPlaceTop(5)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(6)" onMouseOver="placeTop(6); setMsg(''); return true" onMouseOut="unPlaceTop(6)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(7)" onMouseOver="placeTop(7); setMsg(''); return true" onMouseOut="unPlaceTop(7)"><img border="0" src="empty.png" class="board"></a></td>
</tr>
<tr>
<td class="board"><a href="java script:void dropIt(0)" onMouseOver="placeTop(0); setMsg(''); return true" onMouseOut="unPlaceTop(0)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(1)" onMouseOver="placeTop(1); setMsg(''); return true" onMouseOut="unPlaceTop(1)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(2)" onMouseOver="placeTop(2); setMsg(''); return true" onMouseOut="unPlaceTop(2)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(3)" onMouseOver="placeTop(3); setMsg(''); return true" onMouseOut="unPlaceTop(3)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(4)" onMouseOver="placeTop(4); setMsg(''); return true" onMouseOut="unPlaceTop(4)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(5)" onMouseOver="placeTop(5); setMsg(''); return true" onMouseOut="unPlaceTop(5)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(6)" onMouseOver="placeTop(6); setMsg(''); return true" onMouseOut="unPlaceTop(6)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void dropIt(7)" onMouseOver="placeTop(7); setMsg(''); return true" onMouseOut="unPlaceTop(7)"><img border="0" src="empty.png" class="board"></a></td>
</tr>
</table>
</form>
<br />
<hr />
<p id="copyright">
Copyright © 2007 Kenneth Balsiger Andersen, Mick Fürst Steffensen & Sonny Gaarslev
</p>
</body>
</html>
