[Salamander]

Hallo

in meinem Forum habe ich folgende Java-Scrip eingefügt damit die Tabellen-Zellen eine andere Farbe bekommen sobald mit der Maus darüber fährt. Man kann danach einfach auf die Zelle klicken und man wird automatisch zum letzen Forumseintrag geführt.

forumbit_depth2_forum:

PHP-Code:

<tr>
<td class="{$bgcolor}" align="center" valign="top"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif"forumicons/{$lightbulb['folder']}" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" /></td>
<td class="{$bgcolor}" alt="trow1" valign="top">
<strong><a href="forumdisplay.php?fid={$forum['fid']}">{$forum['name']}</a></strong><div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>
<td class="{$bgcolor}" alt="trow1" valign="top" align="right"left" style="white-space: nowrap">{$lastpost}</td>
</tr>

<SCRIPT LANGUAGE="JavaScript"> 
<!-- 

var mouseOverColor = '#D9E2EC'; 
var statusMessage = 'Willkommen im Börsenportalforum'; 
window.status = statusMessage; 

cellHigh = document.getElementsByTagName('TD'); 
for(ch=0;ch<cellHigh.length;ch++) { 
if ((cellHigh[ch].className=="trow1" && cellHigh[ch].valign=="top" )  || (cellHigh[ch].className=="trow1" && cellHigh[ch].alt=="trow1") || (cellHigh[ch].className=="trow2" && cellHigh[ch].valign=="top" )  || (cellHigh[ch].className=="trow2" && cellHigh[ch].alt=="trow1")) { 
if (cellHigh[ch].width=="100%") {var num=0;} else {var num=1;} 
cellHigh[ch].onmouseover = function(){this.style.cursor='hand';this.style.backgroundColor=mouseOverColor; window.status=this.getElementsByTagName('a')[0].innerHTML;};
cellHigh[ch].onmouseout = function(){this.style.backgroundColor=this.bgColor; window.status=statusMessage;};
cellHigh[ch].onclick = function(){location = this.getElementsByTagName('a')[0].href;}; 
}} 
// --> 
</script> 


Leider funktioniert das ganze nur im MS-IE . Beim Firefox werden die Zellen nicht Highlighted :-((

Im alten Forum (http://www.boersenportal.ch/forum) das unter phpBB lief funktionierte das ganze auch unter Firefox !

Woran liegt das und wie kann ich das auch zum funktionieren bringen unter Firefox ?

Salamander

[Michael]

Das ganze sollte auch per CSS gehen:

Code:

.trow1:hover, .trow2:hover {
    background: #xxxxxx;
}