perelin
Mitglied
Hi Allezusammen,
bei einem Mouseover auf eine Tabellenzelle sollen sich CSS Properties (Farbe) ändern. Soweit kein Problem solang es um die Props der Tabellenzeile geht, die ich anhand ihrer ID anspreche. Es soll sich aber gleichzeitig noch die Farbe eines Links ändern, den ich so geschickt benannt habe, dass man an die ID der Tabellenzelle nur noch ein 'link' vornedranhängt. Naja funkt auf jeden Fall nicht => Link ändert Farbe nicht.
Ideen?
CU
Perelín
------------------------------
Funktion:
<script language="JavaScript">
<!--
function movein(td_id){
if (document.getElementById) {
var nodeObj_td = document.getElementById(td_id);
nodeObj_td.style.background = '#FFFFFF';
var link_id = 'link' + td_id;
var nodeObj_link = document.getElementById(link_id);
nodeObj_link.style.color = '#DB3328';
}
}
function moveout(td_id){
if (document.getElementById) {
var nodeObj_td = document.getElementById(td_id);
nodeObj_td.style.background = '#DB3328';
var link_id = 'link' + td_id;
var nodeObj_link = document.getElementById(link_id);
nodeObj_link.style.color = '#FFFFFF';
}
}
//-->
</script>
---------------------------------------
Aufruf:
<table width="190" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="anderes" class="tabrot" onmouseover="movein('anderes')" onmouseout="moveout('anderes')"><a href="#" id="andereslink" class="submenuwhite">Anderes</a></td>
</tr>
</table>
bei einem Mouseover auf eine Tabellenzelle sollen sich CSS Properties (Farbe) ändern. Soweit kein Problem solang es um die Props der Tabellenzeile geht, die ich anhand ihrer ID anspreche. Es soll sich aber gleichzeitig noch die Farbe eines Links ändern, den ich so geschickt benannt habe, dass man an die ID der Tabellenzelle nur noch ein 'link' vornedranhängt. Naja funkt auf jeden Fall nicht => Link ändert Farbe nicht.
Ideen?
CU
Perelín
------------------------------
Funktion:
<script language="JavaScript">
<!--
function movein(td_id){
if (document.getElementById) {
var nodeObj_td = document.getElementById(td_id);
nodeObj_td.style.background = '#FFFFFF';
var link_id = 'link' + td_id;
var nodeObj_link = document.getElementById(link_id);
nodeObj_link.style.color = '#DB3328';
}
}
function moveout(td_id){
if (document.getElementById) {
var nodeObj_td = document.getElementById(td_id);
nodeObj_td.style.background = '#DB3328';
var link_id = 'link' + td_id;
var nodeObj_link = document.getElementById(link_id);
nodeObj_link.style.color = '#FFFFFF';
}
}
//-->
</script>
---------------------------------------
Aufruf:
<table width="190" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="anderes" class="tabrot" onmouseover="movein('anderes')" onmouseout="moveout('anderes')"><a href="#" id="andereslink" class="submenuwhite">Anderes</a></td>
</tr>
</table>