moin moin,
ich hoffe ihr könnt mir weiterhelfen.
zuerst mal ein link damit ihr seht worum es geht :
externer Link
es handelt sich um eine liste unserer spiele.
wenn man mit der maus über eine zeile geht wird diese in einem gelnton dargestellt. die spalte wo die maus direkt drauf ist wird in einem etwas hellerem gelb dargestellt.
problem : bei den ersten neun spielen funktioniert es einwandfrei.
ab dem zehnten spiel jedoch nicht. die mit der maus berührten felder bleiben gelb und zudem wird die erste zeile gelblich markiert.
ich hab nun leider keine grosse ahnung von diesen dingen hier. das passende scriptteil hab ich beim suchen durch diverse foren gefunden und einfach mal ausprobiert. leider weiss ich nicht mehr in welchem forum es was.
das script sieht wie folgt aus :
<script language="JavaScript" type="text/javascript">
var cols = 7; // Anzahl der Spalten
function highlight(col) {
var colID = col.id;
var row = colID.substr(0, 1);
for (var i=1; i<=cols; i++) {
var c = document.getElementById(row + "col" + i);
c.style.backgroundColor = "#999900";
}
col.style.backgroundColor = "#FFFF00";
}
function delight(col) {
var colID = col.id;
var row = colID.substr(0, 1);
for (var i=1; i<=cols; i++) {
var c = document.getElementById(row + "col" + i);
c.style.backgroundColor = "#CCCCCC";
}
}
die jeweiligen zeilen für die spiele schauen so aus :
<tr align="center">
<td id="1col1" bgcolor="#CCCCCC" onMouseOver="highlight(this)" onMouseOut="delight(this)">21.12.08</td>
<td id="1col2" bgcolor="#CCCCCC" onMouseOver="highlight(this)" onMouseOut="delight(this)"></span><img src="http://www.pafbase.us/warplanermappics/flags/de.gif"/></td>
<td id="1col3" bgcolor="#CCCCCC" onMouseOver="highlight(this)" onMouseOut="delight(this)"><a href="http://www.pafbase.us/index.php?claninfognu" class="link"><strong>German National Unit</strong></a></td>
<td id="1col4" bgcolor="#CCCCCC" onMouseOver="highlight(this)" onMouseOut="delight(this)"><a href="http://www.pafbase.us/index.php?ligainfoaabl" class="link"><strong>AABL - 4.Saison</strong></a></td>
<td id="1col5" bgcolor="#CCCCCC" onMouseOver="highlight(this)" onMouseOut="delight(this)"><span class="Stil18">8 : 4</span></span></td>
<td id="1col6" bgcolor="#CCCCCC" onMouseOver="highlight(this)" onMouseOut="delight(this)"><a class="link" href="http://www.pafbase.us/index.php?spiel256"><div align="center"><img src="http://www.pafbase.us/warplanermappics/details.gif" width="11" height="13"/></div></td>
<td id="1col7" bgcolor="#CCCCCC" onMouseOver="highlight(this)" onMouseOut="delight(this)"><span class="Stil16">256<span class="Stil16"></span></td>
</tr>
das wäre jetzt das erste spiel. für die weiteren spiele muss ich folgende änderung vornehmen :
aus
<td id="1col1" bgcolor="#CCCCCC"
mache ich zum beispiel
<td id="2col1" bgcolor="#CCCCCC"
ich ändere also die id-zahl am anfang 1col1 zu 2col1.
das geht auch bis spiel neun gut. aber sobald ich dann spiel zehn eintragen will kommt es zu oben genannten fehler.
könnt ihr mir da weiterhelfen ? wie oben erwähnt hab ich nicht viel ahnung davon und "erlerne" es durch einfaches austesten. leider bin ich mit meinem testlatein am ende.....
mfg grayparrot