Problem med style.color

11 svar · 294 visningar · startad av Cactuz 29 dec. 2002

CactuzMedlem sedan okt. 2001670 inlägg

29 dec. 2002 02:48#1

Ligger i en function:

document.getElementById('back').style.Color='#FFFFFF';

back:

Vill att textfärgen ska bli vit...

DenkanMedlem sedan juni 2002256 inlägg

29 dec. 2002 10:49#2

document.getElementById('back').style.color='#FFFFFF';

CactuzMedlem sedan okt. 2001670 inlägg

29 dec. 2002 12:41#3

Jag får det inte att funka...

Funkar inte:
document.getElementById('back').style.color='#FFFFFF';

Funkar:
document.getElementById('back').style.backgroundColor='#FFFFFF';

DarrenMedlem sedan dec. 2002789 inlägg

29 dec. 2002 13:06#4

Visa oss mer kod...

colioneMedlem sedan juni 20014 421 inlägg

29 dec. 2002 13:56#5

darren det han skriver allra först räcker....läs det igen, han vill få texten vit...då är det väl inte color som du skall använda?

DarrenMedlem sedan dec. 2002789 inlägg

29 dec. 2002 17:11#6

colione skrev:

darren det han skriver allra först räcker....läs det igen, han vill få texten vit...då är det väl inte color som du skall använda?

Om det är texten som skall bli vit då är det just style.color som han skall använda... Det jag ville se är hur han anropar funktionen som ändrar textfärgen.

Och det står tyvärr inte i hans första post eller? Läs den igen så får du se... :e

DarrenMedlem sedan dec. 2002789 inlägg

29 dec. 2002 17:37#7

Du kan testa detta:

<html>
<head>
<title>test sida</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function changeColor(iD){
    document.getElementById(iD).style.color = "white";
}
//-->
</script>
</head>
<body>
    <table width="430" height="52" border="0" cellpadding="0" cellspacing="0">
        <tr align="center" valign="middle">
            <td id="back">test text</td>
            <td id="change"><a href="javascript:;" onClick="changeColor('back')">&auml;ndra f&auml;rg</a></td>
        </tr>
    </table>
</body>
</html>

Ordet javascript i a taggen skall skrivas ihop. Det är webforum som delar på den.

Detta fungerar hos mig på IE 6, Mozilla 1.3a, Opera 6 och 7.

DenkanMedlem sedan juni 2002256 inlägg

29 dec. 2002 23:40#8

document.getElementById('back').style.color='#FFFFFF'; <-- funkar hos mig

CactuzMedlem sedan okt. 2001670 inlägg

30 dec. 2002 02:19#9

Jag ska ta o gå igenom hela koden imorron så får vi se om det går :)

CactuzMedlem sedan okt. 2001670 inlägg

30 dec. 2002 13:18#10

Ok.. fick det att funka nu men.. den ändrar inte färg på länkar .. hur fixar man det?

DarrenMedlem sedan dec. 2002789 inlägg

30 dec. 2002 13:20#11

a taggen måste ha en egen id attribut... sedan anger du denna id istället för 'back'

Peter SMedlem sedan dec. 20025 483 inlägg

30 dec. 2002 13:29#12

Om du använder Darrens "changeColor"-metod, kan du lägga till följande:

function changeColor(id){
     document.getElementById(iD).style.color = "white";

     var elm = document.getElementById(id).getElementsByTagName("a");
     for(var i=0; i<elm.length; i++)
          elm[i].style.color = "white";
}