---
title: "Ändra bild vid onfocus?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/176946-ändra-bild-vid-onfocus"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Hey"
published: "2009-02-15T13:43:13.000Z"
updated: "2009-03-01T09:55:59.000Z"
replies: 15
views: 693
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/176946-ändra-bild-vid-onfocus"
---

# Ändra bild vid onfocus?

## #1 — Hey, 2009-02-15T13:43Z

Hej!

Jag har testat denna kod i ett textfält och den fungerar perfekt, den ändrar färg då man klickar i och ut fältet. 

onfocus="this.style.background='#000'"
onblur="this.style.background='#fff'"\>

MEN då till min fråga, jag skulle vilja ha en bild istället för en färg i fältet, som ändrar till en annan bild då man klickar i det, och sen tillbaka till den första bilden då fältet inte är aktivt. Går det att göra på nåt sätt med den här koden? Eller ska man använda sig av nåt helt annat? Är inte direkt bäst på det här med koder :p

Permalänk: https://www.webforum.nu/p/176946

## #2 — Hey, 2009-02-19T20:17Z

Ingen som ens kan säga om detta är möjligt eller inte..? Så jag slipper fundera..

Permalänk: https://www.webforum.nu/p/2169625

## #3 — drew, 2009-02-19T20:47Z

Jag tror du kan göra något i stil med

```
div.some-class { bagrundsbild; }
div.some-class:active { annan bakgrundsbild; }
```

i css

Jag är för trött just nu. Men du ser säkert hur jag menar.

Permalänk: https://www.webforum.nu/p/2169628

## #4 — Hey, 2009-02-21T15:54Z

Tack för tipset, men jag får det inte att funka tyvärr.. Kanske bara är jag som är trög också, vem vet :p

Permalänk: https://www.webforum.nu/p/2169806

## #5 — Hey, 2009-02-21T16:45Z

testade en grej, om man ändrar active till hover istället så ändrar den bild då man för muspekaren över. så förstår inte varför active inte funkar!

Permalänk: https://www.webforum.nu/p/2169815

## #6 — tanten, 2009-02-22T10:23Z

Jag gissar att du testat i IE och i dagsläget vet jag inte om de har med det i IE8, kanske. Men av vad jag förstått så har IE7 inte stöd för det. 
Och active handlar bara om den lilla, lilla stunden du klickar in dig i textfältet.
Så ett litet tips ... 
Du kan ju testa detta i Firefox och se skillnaderna och sedan söka efter javascript för IE på det du vill göra. Jag tog med både input och textarea.

```
input, textarea{
background: #fff url(bild.jpg) no-repeat left;
}
input:focus, textarea:focus{
background: #bbbf58 url(annanbild.jpg) no-repeat right;
}
input:hover, textarea:hover{
background-color: #ff9 url(bild.jpg) no-repeat left;
}
input:active, textarea:active{
background-color: #000;
}
```

Permalänk: https://www.webforum.nu/p/2169851

## #7 — Hey, 2009-02-22T11:41Z

Tacktacktack!! :D Nu funkar det precis som jag vill! Men det är som du säger, bara i Firefox.. Får fortsätta söka javascript då, har inte hittat nåt än, men förr eller senare hittar man väl nåt.

Permalänk: https://www.webforum.nu/p/2169861

## #8 — drew, 2009-02-22T11:55Z

Där har du ju onfocus, onclick, onblur, onmouseover osv.

Permalänk: https://www.webforum.nu/p/2169864

## #9 — Hey, 2009-02-22T17:14Z

Hehe ja de var ju det jag försökte mig på i början men hittade inget.. Som de står i rubriken "Ändra bild vid onfocus?" Hittade inget som funkade med bilder, bara färg..

Permalänk: https://www.webforum.nu/p/2169897

## #10 — drew, 2009-02-22T18:09Z

onfocus, onclick, onblur, onmouseover osv med JavaScript och inte css menade jag.

Permalänk: https://www.webforum.nu/p/2169904

## #11 — tanten, 2009-02-23T08:12Z

Ibland tänker jag som så... att om något fungerar enligt standard i alla webläsare utom IE, så får det vara så och så struntar jag i IE.
När det gäller just detta med focus och andra pseudo-klasser, så kommer det tydligen med IE8. 
http://msdn.microsoft.com/en-us/library/cc304082(VS.85).aspx
Så jag skulle nog använda bara css och strunta i js och låta det bli så bra som möjligt för IE-användarna och helt enkelt vänta in att folk börjar ladda ner 8:an, då det kommer fungera för dem också.
Är bakgrundsbilden tillräckligt ljus så ska ju IE -användarna kunna skriva på den.

Permalänk: https://www.webforum.nu/p/2169957

## #12 — Hey, 2009-02-23T20:27Z

så skulle jag ju kunna göra, men anledningen till att jag vill byta bild är att jag har en mörk snygg bild som jag vill ska synas, men då syns det inte så bra vad man skriver, så jag vill ändra den till en ljusare då man ska skriva.. ingen som vet ett fungerande javascript? jag har verkligen letat i flera dagar nu utan att hitta nåt.

Permalänk: https://www.webforum.nu/p/2170027

## #13 — zcorpan, 2009-02-25T19:20Z

:active? Menar ni inte :focus?

Permalänk: https://www.webforum.nu/p/2173420

## #14 — Hey, 2009-02-25T20:47Z

joo focus men det står lite längre upp det med :) men nu behöver jag ett javascript då det inte funkar med css i explorer, vet du kanske om nåt? :)

Permalänk: https://www.webforum.nu/p/2173445

## #15 — zcorpan, 2009-03-01T08:01Z

Det borde väl gå att använda samma som du har i första posten, men ändra #000 till #000 url(...)?

Permalänk: https://www.webforum.nu/p/2173717

## #16 — Hey, 2009-03-01T09:55Z

jo de var ju det första jag testade men tycks inte funka.. men jag har lagt ner att få det där att funka nu,  men tack ändå för alla tips! :)

Permalänk: https://www.webforum.nu/p/2173722

---

Tråden på webben: https://www.webforum.nu/amne/html-css/176946-ändra-bild-vid-onfocus