Avatar billede hansen Nybegynder
17. april 2001 - 10:45 Der er 18 kommentarer og
2 løsninger

Skift bgfarve i tabel eller formfelt med OnClick

Jeg har før fået hjælp til denne lille stump kode, men vil nu gerne have udbygget den til at kunne ændre farven i enten en tabelcelle, eller i formfeltet ved klik på link.

Hvordan gør man det ?

Tidligere script----
<script>
function skiftfarve(farve)
{
document.minform.mitfelt.value = farve;
}
</script>
<form name=\"minform\">
<input type=\"text\" name=\"mitfelt\">
</form>
<a href=java script:skiftfarve(\'#000000\')>Sort</a>
Avatar billede nikolajdu Nybegynder
17. april 2001 - 10:56 #1
Så vidt jeg ved kan man ikke skifte farve i et formfelt, men kig her for tabel...

http://www.builder.dk/artikler/article.asp?AID=71
Avatar billede hansen Nybegynder
17. april 2001 - 10:59 #2
Man kan godt skifte farve i et inputfelt ved hjælp af Stylesheet.

Avatar billede jensgram Nybegynder
17. april 2001 - 18:32 #3
function skift(farve){

document.forms[\'minform\'].elements[\'mitfelt\'].style.background=\"#\"+farve+\"\"; //farve = rrggbb (!)
}

// Det skulle virke
Avatar billede hansen Nybegynder
18. april 2001 - 08:04 #4
mr_noname 

Hvordan sætter jeg det ind på min side hvis jeg vil bruge det i en tabelcelle så det skifter ved klik på f.eks. <a href=java script:skiftfarve(\'#000000\')>Sort</a> ?????
Avatar billede nikolajdu Nybegynder
18. april 2001 - 08:19 #5
Har ikke testet det af sætter det bare ind for Noname.

<head>

function skift(farve){

document.forms[\'minform\'].elements[\'mitfelt\'].style.background=\"#\"+farve+\"\"; //farve = rrggbb (!)
}

</head>
<body>
<form name=\"minform\">
<input type=\"text\" name=\"mitfelt\">
</form>
<a href=java script:skiftfarve(\'#000000\')>Sort</a>
Avatar billede hansen Nybegynder
18. april 2001 - 08:36 #6
Eksemplet giver mig en fejl,
Argumentet er ugyldigt ?
---
<html>

<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=windows-1252\">
<meta name=\"GENERATOR\" content=\"Microsoft FrontPage 4.0\">
<meta name=\"ProgId\" content=\"FrontPage.Editor.Document\">
<title>Ny side 1</title>
<script>
function skiftfarve(farve)
{
document.forms[\'minform\'].elements[\'mitfelt\'].style.background=\"#\"+farve+\"\";
}
</script>
</head>

<body>

<form name=\"minform\">
<input type=\"text\" name=\"mitfelt\">
</form>
<a href=java script:skiftfarve(\'#000000\')>Sort</a>
</body>

</html>
Avatar billede nikolajdu Nybegynder
18. april 2001 - 08:41 #7
har du prøvet direkt med.

document.minform.mitfelt.style.background=\"#\"+farve+\"\";

Har desværre ikke tid til at teste med lige nu, men hvis det heller ikke virker kommer jeg inden en halv time.
Avatar billede hansen Nybegynder
18. april 2001 - 09:06 #8
Giver samme fejl, Argumentet er ugyldigt.

Suppl. oplysning: Bruger IE5.5
Avatar billede fuckit Nybegynder
18. april 2001 - 09:10 #9
hex-tegnet skal bare fjernes i dit link.
Avatar billede nikolajdu Nybegynder
18. april 2001 - 09:14 #10
Godt jeg har onkel (FuckIt)

Han havde fulstændigt ret. :-)

Husk at give NoName point, da det var ham der viste os vejen. :-)

<html>
<head>

<STYLE TYPE=\"text/css\">
input, select, textarea { font: Verdana; font-size: 8pt; border-width:1; border-color:FF6600; border-style:solid; background-color:#CCCCCC;}
</STYLE>

<script>
function skiftfarve(farve){
document.minform.mitfelt.style.background=farve;
}
</script>
</head>

<body>
<form name=\"minform\">
<input type=\"text\" name=\"mitfelt\">
</form>
<a href=java script:skiftfarve(\'#000000\')>Sort</a>
</body>

</html>

/Nikolaj
Avatar billede fuckit Nybegynder
18. april 2001 - 09:22 #11
Hvorfor fjerner du ikke det hex-tegn i linket, nikolajdududududu
<a href=java script:skiftfarve(\'000000\')>Sort</a>
Avatar billede nikolajdu Nybegynder
18. april 2001 - 09:24 #12
Fuck fuck fuckIt - Nu virker det jo :-)
Avatar billede hansen Nybegynder
18. april 2001 - 09:35 #13
Nu virker det, næsten, jeg skal stadigvæk have skrevet farvekoden i Inputfeltet, det er væk nu !
Avatar billede nikolajdu Nybegynder
18. april 2001 - 09:40 #14
<html>
<head>

<STYLE TYPE=\"text/css\">
input, select, textarea { font: Verdana; font-size: 8pt; border-width:1; border-color:FF6600; border-style:solid; background-color:#CCCCCC;}
</STYLE>

<script>
function skiftfarve(farve){
document.minform.mitfelt.style.background=farve;
document.minform.mitfelt.value=farve;
}
</script>
</head>

<body>
<form name=\"minform\">
<input type=\"text\" name=\"mitfelt\">
</form>
<a href=java script:skiftfarve(\'#ff0000\')>rød</a>
</body>

</html>

Har lige puttet en linie mere ind, men du kan selvfølgelig ikke se sort på sort.
Avatar billede hansen Nybegynder
18. april 2001 - 09:48 #15
takker mange gange, nu er den der, glæden er stor her :-)
Avatar billede fuckit Nybegynder
18. april 2001 - 09:49 #16
Jamen det skriver jo farvekoden i inputfeltet?
Det er vel ikke meningen?
<html><head><title>Ny side 1</title>
<script>
function skiftfarve(farve)
{
document.forms[\'minform\'].elements[\'mitfelt\'].style.background=\"#\"+farve+\"\";
}
</script>
</head>

<body>

<form name=\"minform\">
<input type=\"text\" name=\"mitfelt\" style=\"color:red;\" value=\"Noget text\">
</form>
<a href=java script:skiftfarve(\'000000\');>Sort</a>
</form> </body>
</html>
Avatar billede fuckit Nybegynder
18. april 2001 - 09:50 #17
Ups, forstod heller ikke lige hansens sidste!!!!!!!!!
Avatar billede hansen Nybegynder
18. april 2001 - 09:54 #18
Jeg skal bruge farvekoden i Inputfeltet senere på siden.
Avatar billede nikolajdu Nybegynder
18. april 2001 - 09:56 #19
Ok fino. Du spørger bare hvis du får problemer :-)
Avatar billede jensgram Nybegynder
18. april 2001 - 15:46 #20
<fuckit: Godt, du kunne se, hvad jeg mente ;-[
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