hi zusammen
ich verwende das menu aus dem template rhuk_solarflare_ii

gerne möchte ich mit javascript in der zeile die HG farbe wechseln, das klappt auch
nun aber muss jede zeile eine eigene id haben
(ich weiss nimm doch css, doch ganau das was ich will geht nicht mehr in CSS)

mein lösungsansatz

PHP-Code:
// für Menue TD onMouseOver BGColor wechseln
            // block prefix / item prefix / item suffix / block suffix
            
array( '<table width="100%" border="0" cellpadding="0" cellspacing="0">''<tr align="left" bgcolor="#ff9900" id="tabellenzeile'.$i++.'" onMouseOver="farbe(\'tabellenzeile'.$i++.'\',\'#B6C0D9\');" onMouseOut="farbe(\'tabellenzeile'.$i++.'\',\'#ff9900\')"><td background="templates/putzfrau/images/hg_mainlevel.gif" >' '</td></tr>''</table>' ),
            array( 
'''<div style="padding-left: 4px">'$img[1] , '</div>''' ),
            array( 
'''<div style="padding-left: 8px">'$img[2] , '</div>''' ),
            array( 
'''<div style="padding-left: 12px">'$img[3] , '</div>''' ),
            array( 
'''<div style="padding-left: 16px">'$img[4] , '</div>''' ),
            array( 
'''<div style="padding-left: 20px">'$img[5] , '</div>''' ),
            array( 
'''<div style="padding-left: 24px">'$img[6] , '</div>''' ),
        ); 
das ergebnis in HTML
PHP-Code:
<tr align="left" bgcolor="#ff9900" id="tabellenzeile7" onMouseOver="farbe('tabellenzeile8','#B6C0D9');" onMouseOut="farbe('tabellenzeile9','#ff9900')"><td background="templates/putzfrau/images/hg_mainlevel.gif" ><img src="http://www.putzfrauenagentur.ch/www/images/stories/menu_leer.gif" border="1" alt="Startseite (Home)"/> <a href="http://www.putzfrauenagentur.ch/www/index.php?option=com_frontpage&amp;Itemid=1" class="mainlevel" id="active_menu">Startseite (Home)</a></td></tr>
<
tr align="left" bgcolor="#ff9900" id="tabellenzeile7" onMouseOver="farbe('tabellenzeile8','#B6C0D9');" onMouseOut="farbe('tabellenzeile9','#ff9900')"><td background="templates/putzfrau/images/hg_mainlevel.gif" ><img src="http://www.putzfrauenagentur.ch/www/images/stories/menu_leer.gif" border="1" alt="Kontakt"/> <a href="http://www.putzfrauenagentur.ch/www/index.php?option=com_wrapper&amp;Itemid=28" class="mainlevel" >Kontakt</a></td></tr>
<
tr align="left" bgcolor="#ff9900" id="tabellenzeile7" onMouseOver="farbe('tabellenzeile8','#B6C0D9');" onMouseOut="farbe('tabellenzeile9','#ff9900')"><td background="templates/putzfrau/images/hg_mainlevel.gif" ><img src="http://www.putzfrauenagentur.ch/www/images/stories/menu_plus.gif" border="1" alt="Produkte"/> <a href="http://www.putzfrauenagentur.ch/www/index.php?option=com_content&amp;task=view&amp;id=32&amp;Itemid=37" class="mainlevel" >Produkte</a></td></tr>
<
tr align="left" bgcolor="#ff9900" id="tabellenzeile7" onMouseOver="farbe('tabellenzeile8','#B6C0D9');" onMouseOut="farbe('tabellenzeile9','#ff9900')"><td background="templates/putzfrau/images/hg_mainlevel.gif" ><img src="http://www.putzfrauenagentur.ch/www/images/stories/menu_plus.gif" border="1" alt="Leistungsangebot"/> <a href="http://www.putzfrauenagentur.ch/www/index.php?option=com_content&amp;task=view&amp;id=12&amp;Itemid=33" class="mainlevel" >Leistungsangebot</a></td></tr
ich hätte aber gerne
tr align="left" bgcolor="#ff9900" id="tabellenzeile7" onMouseOver="farbe('tabellenzeile7','#B6C0D9');" onMouseOut="farbe('tabellenzeile7','#ff9900')"

und dann auf der nächsten zeile
tr align="left" bgcolor="#ff9900" id="tabellenzeile8" onMouseOver="farbe('tabellenzeile8','#B6C0D9');" onMouseOut="farbe('tabellenzeile8','#ff9900')"

menue datei mod_mainmenu.zip

vielen dank für eure hilfe