CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

kaspernygaard Nybegynder

09. november 2010 - 13:07 Der er 9 kommentarer og
1 løsning

Problem med dropdown menu i Firefox

Hej,

Jeg har problemer med at få min dropdown-menu til at virke i Firefox. Menuen, som kan ses her www.edanes.dk/cahetu, virker fint i IE, Safari og Chrome, men i Firefox sker der ingenting, når man fører musen hen over menupunktet.

Koden er meget simpel:

<div class="menu" style="left:10px;" onmouseover="produkt.style.visibility='visible';" onmouseout="produkt.style.visibility='hidden';"><img src="images/menu/produktet.png" /></div

<div class="undermenu" style="left:0px;" id="produkt" onmouseover="produkt.style.visibility='visible';" onmouseout="produkt.style.visibility='hidden';">

</div>

Er der nogen der kan hjælpe?

Synes godt om

webweaver Praktikant

09. november 2010 - 14:07 #1

Nogen forskel, hvis du skifter
produkt.style.visibility='visible';" ud med produkt.style.visibility='block';" ?

Eller evt. bruger display istedet for visibility.

produkt.style.display='block';"

Synes godt om

kaspernygaard Nybegynder

09. november 2010 - 22:09 #2

Det ændrer ikke noget :(

Synes godt om

kaspernygaard Nybegynder

09. november 2010 - 22:52 #3

Nogen andre ideer?
Eller andre der har haft lignende problemer i Firefox?

Synes godt om

webweaver Praktikant

09. november 2010 - 22:59 #4

Well, de løsninger jeg har lavet med popup/dropdown etc, har jeg brugt CSS. Jeg bruger dog noget JavaScript på et site, til at vise/skjule en ting. Jeg kan prøve at smide det herind i morgen, når jeg får tid. Det ser lidt anderledes ud. Men ved ikke om du kan bruge det hos dig.

Synes godt om

kaspernygaard Nybegynder

10. november 2010 - 19:51 #5

Nå, jeg prøvede at skifte til display='block' og samtidig fjerne <!DOCTYPE og det fik det til at virke. Men det er jo ikke helt optimalt ikke at have doctype defineret?
Findes der noget man kan gøre?

www.edanes.dk/cahetu

Synes godt om

tjens Nybegynder

11. november 2010 - 13:00 #6

Hvor kommer variablen produkt fra?

Har du en produkt = document.getElementById("produktElementID"); i din onload eller lignende?

Synes godt om

kaspernygaard Nybegynder

11. november 2010 - 16:06 #7

tjens> Pas! Jeg er langt fra verdensmester på javascript. Har ikke defineret nogen variabel - troede bare at jeg kunne referere direkte til elementet (<div id="produkt">)?

Synes godt om

webweaver Praktikant

11. november 2010 - 16:48 #8

Du har en id, men vidst ikke en getElement funktion, så vidt jeg kan se.

Jeg plejer at lave en funktion til det, og bruge this(), men kan være at du kan smide det direkte i din onmouseover og onmouseout. Er ikke testet, men et forsøg værd.

onmouseover="document.getElementById ('produkt').style.display = 'block';"

onmouseout="document.getElementById ('produkt').style.display = 'hidden';"

Synes godt om

kaspernygaard Nybegynder

11. november 2010 - 17:07 #9

Super, det virkede :)
Smider du et svar?

Synes godt om

webweaver Praktikant

11. november 2010 - 18:10 #10

Fantastisk :)

Tak for point.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS