Avatar billede firehat Nybegynder
09. februar 2005 - 20:46 Der er 13 kommentarer og
1 løsning

Skift baggrundsbillede i DIV

Hej,

Jeg er ved at lave en menu hvor jeg skal skifte baggrunds-farven og baggrundsbilledet.
Lige nu bruger jeg denne kode:
<div id="icon01" onmouseover="this.style.background = '#F2F2F2';" onmouseout="this.style.background = '#FFFFFF';">Artikler</div>

Men når jeg så holder musen over linket, så forsvinder baggrundbilledet. - Hvordan kan jeg gøre så det også bliver skiftet?

Lige nu skifter den baggrundsfarven rigtigt, men fjerne billedet.

Tak på forhånd
Mikkel
Avatar billede alister_crowley Nybegynder
09. februar 2005 - 21:05 #1
gør ligesom i CSS:
"#FFF url(background.jpg);" bare med "" omkring :)
Avatar billede firehat Nybegynder
09. februar 2005 - 21:16 #2
hmm..forstår ikke
onmouseover="this.style.background = #F2F2F2 url(images/contact.jpg);"
^sådan?
Avatar billede alister_crowley Nybegynder
09. februar 2005 - 21:30 #3
Avatar billede firehat Nybegynder
10. februar 2005 - 10:27 #4
'Argumentet er ugyldigt'

Siden virker ikke, den skifter kun billede, og ikke baggrundsfarve.
Avatar billede alister_crowley Nybegynder
10. februar 2005 - 11:32 #5
I Firefox kan du se at det gør begge, i IE skifter den kun billedet, for at den ikke forstå no-repeat ordenligt.

Men jo, den skifter begge dele, ville du kunne se når du tester med dine egne oplysninger.

Og jeg får ingen fejl overhovedet, ikke engang i Javascript console.
Avatar billede ldanielsen Nybegynder
10. februar 2005 - 14:30 #6
Prøv sådan:

onmouseover="this.style.background = '#F2F2F2 url(images/contact.jpg)';"
Avatar billede olebole Juniormester
10. februar 2005 - 15:38 #7
<ole>

alister >> Du har et semikolon for meget i dit eksempel og der udløses derfor en fejl
    objStyle.background = "black url(back2.jpg) no-repeat;";
- burde være:
    objStyle.background = "black url(back2.jpg) no-repeat";

/mvh
</bole>
Avatar billede firehat Nybegynder
10. februar 2005 - 16:41 #8
Så virker det :)

Tak for hjælpen til jer alle - læg lige et svar jer der vil have point :)
Avatar billede olebole Juniormester
10. februar 2005 - 17:42 #9
Jeg påpegede blot, der sad en lille fluebæ for meget, så jeg springer over  :)
Avatar billede ldanielsen Nybegynder
10. februar 2005 - 23:01 #10
Var det min der virkede?
Avatar billede alister_crowley Nybegynder
12. februar 2005 - 03:28 #11
Nej tak, samler ikke på points.

Mht. det ; så er det jo en del af CSS koden at bruge ; , men måske ikke når man koder i JS ?
Avatar billede firehat Nybegynder
12. februar 2005 - 09:51 #12
hmm..forstår ikke helt - kan man lave dette i  css?
Avatar billede alister_crowley Nybegynder
12. februar 2005 - 20:29 #13
tjoo, men kun på links. IE forstå nemlig ikke hover elementer på andre typer en links (<a href=""></a>)

men i princippet kunne du jo sætte et block-element på et link, og så bruge det :)
Avatar billede firehat Nybegynder
12. februar 2005 - 20:35 #14
okay - tror bare jeg bruger det som det er nu, det virker fint :)
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