Kim Medlem sedan jan. 2000 7 697 inlägg Frågan 8 mars 2000 17:24 #1 Hur gör jag för att ändra bakgrundsfärgen i en tabellcell när jag för musen över den?
T.ex. Jag har en cell som ser ut så här.
<td bgcolor="#ff0000" onMouseOver="nyFarg(namn)" name="cellnamn">Text</td>
Jag skrev då ett script för att ändra bakgrundsfärgen när man för musen över den:
<script language="JavaScript">
function bytFarg(namn)
{
if (document.tabellnamn.cellnamn.bgColor == '#4d729a')
{
document.tabellnamn.cellnamn.bgColor = '#294a71';
}
else
{
document.tabellnamn.cellnamn.bgColor = '#4d729a';
}
}
</script>
IE verkar dock inte vilja förstå detta. Någon som vet hur det ska vara?
------------------
M M@rtin Medlem sedan dec. 1999 2 085 inlägg Vet inte säkert men i ie brukar man skriva document.all.tabellnamn.cellnamn.bgColor
du ska alltså sätta dit all
//M@rtin
Kim Medlem sedan jan. 2000 7 697 inlägg Testade lite snabbt. Det fungerade tyvärr inte. :(
------------------
Kim Medlem sedan jan. 2000 7 697 inlägg Nu har jag ändrat mig. Jag vill ändra bakgrunden med hjälp av css istället. Därför definierar jag bakgrundsfärgen i <td>-taggen med style="background-color: #ff0000;".
------------------
R Ricke Medlem sedan dec. 1999 20 inlägg Jag har provat lite med det där och det verkar som att ett stylesheet alltid väger tyngre än dhtml... Har man (för en TD) satt en background-color i ett stylesheet så verkar man inte få ändra på den via script.
*snip*
function change()
{
document.all.cellen.bgColor = "#00FF00";
}
*snip*
<td id="cellen" onMouseOver="change();">Hejsan!</td>
*snip*
Kommer någon på ett sätt att gå runt problemet med CSS är även jag intresserad...
------------------
//Ricke
R RGB Medlem sedan dec. 1999 419 inlägg funkar bara i Explorer
//R.G.B
Kim Medlem sedan jan. 2000 7 697 inlägg Tack så jättemycket RGB! :D
Jag har försökt få ordning på det här ett tag nu. Nu fungerar det äntligen!
------------------
Kim Medlem sedan jan. 2000 7 697 inlägg Problem igen RGB!
Om man har text i cellen (som jag vill ha) så blir bara textens bakgrund färgad (röd i det här fallet) när man för muspekaren över texten. När man alltså för muspekaren över texten försvinner färgen från resten av cellen. Då vill jag att den ska finnas kvar.
------------------
R RGB Medlem sedan dec. 1999 419 inlägg Kim:
Lägg det här i cellen:
<a href="http://main " onmouseover="srcElementAncestor('red')">Main</a>
Och det här lägger du till i scriptet:
function srcElementAncestor(parentBgColor) {
//R.G.B
Kim Medlem sedan jan. 2000 7 697 inlägg Tyvärr fungerade inte det heller... :(
------------------
R RGB Medlem sedan dec. 1999 419 inlägg Funkade fin för mig.
//R.G.B
Kim Medlem sedan jan. 2000 7 697 inlägg Tack så mycket RGB. Här kommer koden.
<script language="javascript">
function BgColor(aktiv,farg)
{
if((document.all))
{
if((aktiv == true))
{
event.srcElement.style.backgroundColor = farg;
}
else
{
event.srcElement.style.backgroundColor = '';
}
}
}
function srcElementAncestor(parentBgColor)
{
if((document.getElementById)&&(document.all))
{
//Kolla DOM stödet
if(event.srcElement.parentElement.tagName == 'td')
{
event.srcElement.parentElement.style.backgroundColor = parentBgColor;
}
}
}
</script>
<table border="0" cellpadding="2" id="meny" name="meny" cellspacing="0" width="130"
style="border-color : Black;
border-bottom-color : Black;
border-bottom-style : dotted;
border-bottom-width : 1px;
border-top-color : Black;
border-top-style : dotted;
border-top-width : 1px;
border-right-color : Black;
border-right-style : dotted;
border-right-width : 1px;
border-left-color : Black;
border-left-style : double;
border-left-width : 1px;"
>
<tr>
<td valign="top" align="right" style="background-color: #4d729a; border-bottom-color : Black; border-bottom-width : 1px; border-bottom-style : double;"
onMouseOver="BgColor(true,'#294a71')" onMouseOut="BgColor(false,'')">
<span><b>
<a href="guestbok/index.php3" style="text-decoration:none;" onMouseOver="srcElementAncestor('#294a71')">Gästbok</a>
</td>
</tr>
Hoppas det räcker så... :)
------------------
R RGB Medlem sedan dec. 1999 419 inlägg Det här är vad man vanligtvis brukar kalla "snabbfix" mao så kommer den att krångla om du mixtrar med innehållet i cellen:
<html>
function BgColor(aktiv,farg)
function srcElementAncestor(parentBgColor)
</script>
<table border="0" cellpadding="2" id="meny" name="meny" cellspacing="0" width="130"
<tr>
</td>
//R.G.B
