Avatar billede mikmakmuk Nybegynder
08. april 2006 - 09:50 Der er 5 kommentarer og
1 løsning

ændre tekstfarve på knap

Hej,

Hvordan ændre jeg tekstfarven på en knap via et javascript. Jeg har prøvet med

<html>
<head>
<script type="text/javascript">

function farve(a)
{
    if (a == 1)
    {
    document.forms.minform.knap1.style.color='#ff0000';
    }
   
    if (a == 2)
    {
    document.forms.minform.knap2.style.color='#ff0000';
    }
}
</script>


</head>
<body>

<form name="minform">

<input type="submit" name="knap1" value="Submit">
<input type="submit" name="knap2" value="Submit">

</form>
<form name="minform1">
<input type="submit" name="none" value="gør knap1 rød" onclick="farve(1)">
<input type="submit" name="none" value="gør knap2 rød" onclick="farve(2)">
</form>
</body>
</html>

Problemet er bare at den kun blinker hurtigt, så bliver den sat tilbage til det oprindelige
Avatar billede webstuff Nybegynder
08. april 2006 - 10:22 #1
Det er fordi du reloader siden når du bruger submit knapper.. prøv at skift:

<input type="submit" name="none" value="gør knap1 rød" onclick="farve(1)">
<input type="submit" name="none" value="gør knap2 rød" onclick="farve(2)">

ud med det her:

<input type="button" name="none" value="gør knap1 rød" onclick="farve(1)">
<input type="button" name="none" value="gør knap2 rød" onclick="farve(2)">
Avatar billede mikmakmuk Nybegynder
08. april 2006 - 11:57 #2
Okay. Hvad hvis mine knapper bare står som

<input type="button" name="knap1" value="Knap1">

men ikke er en del af en form. Kan jeg så skrive noget andet end

document.forms.minform.knap1.style.color='#ff0000';
Avatar billede mikmakmuk Nybegynder
08. april 2006 - 12:09 #3
Kan jeg gøre noget i den her stil

document.getElementById('knap1').color='#ff0000';

forudsat at min knap ser således ud

<input type="button" id="knap1" name="knap1" value="Knap1">
Avatar billede mikmakmuk Nybegynder
08. april 2006 - 12:16 #4
tak for svaret. Det virkede fint :-)
Avatar billede webstuff Nybegynder
08. april 2006 - 14:29 #5
Ja du kan godt bruge "getElementById" :-)

Selv tak ;o)
Avatar billede mclemens Nybegynder
08. april 2006 - 14:38 #6
document.getElementById('knap1').style.color='#ff0000';
(husk style)
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