Avatar billede f2f4 Novice
30. juli 2003 - 15:09 Der er 4 kommentarer og
1 løsning

Farveskift i tekstfelt <input> ved valideringsfunktion

Kan man ændre farve på et inputfelt alt efter om det er enabled eller disabled?

Jeg ved man kan vha. css, men kan dette ændres/skiftes i en valideringsfunktion?
Fx. prøver jeg herunder uden held at ændre 'class' men dette giver en fejl (Erron on page)! Har også prøvet mange andre varianter.

a.htm:
<head>
  <LINK rel="stylesheet" type="text/css" href="css.css">
  <script language="JavaScript">
    function LaasFelt(b) {
      if (b=="true") {
        frm.T1.disabled=true;
        frm.T1.class=laas;
      } else {
        frm.T1.disabled=false;
      }
    }
  </script>
</head>
<body>
<form name="frm" method="POST" action="--WEBBOT-SELF--">
  <input type="radio" value="V1" checked name="R1" onclick="LaasFelt('false')">
  <input type="radio" name="R1" value="V2" onclick="LaasFelt('true')">
  <input type="text" name="T1" size="20" style="color: #000000" value="hej med dig" class="aaben"><br>
</form>
</body>
</html>

css.css:
.laas {color: #555555; background: #dedcc9}
.aaben {color: #555555; background: #eeeeee}

Tak hvis nogle kan hjælpe.

/Morten
Avatar billede tangveje Nybegynder
30. juli 2003 - 15:12 #1
Brug dette

frm.T1.style.backgroundColor='#FF0000';
Avatar billede roenving Novice
30. juli 2003 - 15:17 #2
frm.T1.className=laas;
Avatar billede roenving Novice
30. juli 2003 - 15:18 #3
Hov -- jeg glemte li'e
frm.T1.className='laas';
Avatar billede f2f4 Novice
30. juli 2003 - 15:23 #4
Mange tak - begge dele virker fint.
Avatar billede roenving Novice
30. juli 2003 - 15:57 #5
-- skal lige tilføje at normalt vil tangvejes løsning være den optimale, da udskiftning af class på et element muligvis vil kunne have betydning for et andet elements placering i css-træet, så browseren derfor vil være nødt til at genopbygge dette træ ...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester