"SpookiePower" <boxjunk2600@hotmail.com> writes:
> Jeg skal have lavet en tabel som skal indeholde flere forskellige farver
> i de forskellige felter. Måde det skal gøres på er at der nederst på
> siden er feks 5 felter med 5 forskellige farver. Man trykker så
> først på den farve man ønsker og så trykker på det felt i tabellen
> som skal have den valgte farve.
Hmm, det lyder sjovt. Prøv at kigge på den her:
---
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "
http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<script type="text/javascript">
var currentBGColor = "white";
var currentFGColor = "black";
function setColors() {
this.style.backgroundColor=currentBGColor;
this.style.color=currentFGColor;
}
function selectColor(elem) {
currentBGColor = elem.style.backgroundColor;
currentFGColor = elem.style.color;
var cc = document.getElementById("currentColor");
cc.style.backgroundColor=currentBGColor;
cc.style.color=currentFGColor
}
function addSetColors(table) {
for (var i = 0;i<table.rows.length;i++) {
var row = table.rows[i];
for (var j = 0;j<row.cells.length;j++) {
row.cells[j].onclick = setColors;
}
}
}
</script>
</head>
<body onload="addSetColors(document.getElementById('table'))">
<table id="table">
<tr><td>Felt A1</td><td>Felt A2</td><td>Felt A3</td></tr>
<tr><td>Felt B1</td><td>Felt B2</td><td>Felt B3</td></tr>
<tr><td>Felt C1</td><td>Felt C2</td><td>Felt C3</td></tr>
<tr><td>Felt D1</td><td>Felt D2</td><td>Felt D3</td></tr>
<tr><td>Felt E1</td><td>Felt E2</td><td>Felt E3</td></tr>
</table>
<table>
<tr>
<td onclick="selectColor(this)" style="background:white;color:black">White</td>
<td onclick="selectColor(this)" style="background:#0f0;color:black">Green</td>
<td onclick="selectColor(this)" style="background:blue;color:white">Blue</td>
<td onclick="selectColor(this)" style="background:red;color:black">Red</td>
<td onclick="selectColor(this)" style="background:black;color:white">Black</td>
<td id="currentColor" style="background:white;color:black;">Current Color</td>
</tr>
</table>
</body>
</html>
---
Håber det hjælper
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:
http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'