Avatar billede ewax Nybegynder
28. august 2008 - 12:15 Der er 4 kommentarer og
1 løsning

Skift baggrunds billede i tabel

Har lavet nogle tabel menuer som jeg gerne vil ha skiftet baggrunds billede på ved mouseover..

fik dette til at virke i firefox

#menu
{
  width:113px;
  height:26px;
}

#menu
{
  background-image:url(images/button_off.jpg);
}

#menu:hover
{
  background-image:url(images/button_on.jpg);
}

bare plain css.. det må også gerne være i javascript :)

dette virker dog ikke i IE, med mindre man ændrer til

#menu
{
  width:113px;
  height:26px;
}

#menu a
{
  background-image:url(images/button_off.jpg);
}

#menu a:hover
{
  background-image:url(images/button_on.jpg);
}

men så trækker den sig også helt sammen og laver kun effekten på mit a tag?

any suggestions? :)
Avatar billede ewax Nybegynder
28. august 2008 - 12:26 #1
Nå fik fikset den med denne:

class="button_off" onmouseover="this.className='button_on'" onmouseout="this.className='button_off'"

Men når jeg tester i IE(ad ad ad) så kommer den med en blokeret indhold forespørgssel?
Avatar billede ssv Nybegynder
28. august 2008 - 12:41 #2
Det er vist kun IE 7 der kan handle :hover på objekter andet end a-tags, så det fungerer ikke rigtigt.

Ellers, har du noget mere kode så jeg kan teste her? Også gerne et onlinelink så jeg kan teste med billederne ;-)
Avatar billede roenving Novice
29. august 2008 - 17:03 #3
Du skal nok ikke forvente, at det nogensinde bliver uproblematisk at lave funktionalitet i css, og grundlæggende er :hover-pseudo-selektoren en fejlplaceret funktionalitets-ting, som burde være lavet med javascript ifølge den opdeling i kode, visuel styling og funktionalitet, som repræsenteres af html, css og javascript ...

-- så er det også voldsomt problematisk at benytte ændring af className on-the-fly, da det tvinger browseren til at genberegne hele dokumentets visuelle styling, som den jo også gør ved load ...

-- til gengæld er der ingen problemer i bare at ændre baggrundsbilledet:

<table id="menu" onmouseover="this.style.backgroundImage="url(images/button_on.jpg)" onmouseout="this.style.backgroundImage="url(images/button_off.jpg)">
Avatar billede ewax Nybegynder
04. november 2010 - 15:34 #4
Er igang med at lukke mine åbne spørgsmål, jeg bruger stortset ikke tables mere, og dette er blevet uinteressant.. vil i have nogle points for jeres tid? :)
Avatar billede ewax Nybegynder
04. april 2011 - 23:19 #5
lukker
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