Søg
Avatar billede steiiner Nybegynder
20. december 2006 - 01:02 Der er 13 kommentarer

Javascript/style menu

Hej Experter, jeg er ny her og har et spørgsmål

hvordan kan det være at min menu ikke kan vises i FF, men fungerer perfekt i både Opera og IE, ?
her er koden:

<style>
#forsidetop,#hobbytop,#fototop,#diversetop,#forside,#hobby,#foto,#diverse{border:10px;
background-color:#790000;border:1.2px solid #000000;
font:normal 12px Verdana;line-heigh:16px;padding:5px;position:absolute;}

#forsidetop{left:0%;width:120px;top:1px;}

#hobbytop{left:23%;width:120px;top:1px;}

#fototop{left:46%;width:120px;top:1px;}

#diversetop{left:69%;width:120px;top:1px;}


#forside{left:1%;width:120px;top:21px;visibility:hidden;}


#hobby{left:24%;width:120px;top:21px;visibility:hidden;}


#foto{left:47%;width:120px;top:21px;visibility:hidden;}


#diverse{left:70%;width:120px;top:21px;visibility:hidden;}

</style>

<script language="javascript">

function vis(id){
id.style.visibility='visible';}

function skjul(id){
id.style.visibility='hidden';}

</script>
</head>

<body>
<div id="forsidetop" onMouseover="vis(forside)" onmouseout="skjul(forside)"><a href="tekst.htm" target="tekst"><span style="cursor:crosshair"><font color="#000000">Forside</font></a></div>
<div id="hobbytop" onMouseover="vis(hobby)" onmouseout="skjul(hobby)"><span style="cursor:crosshair;"><font color="#000000">Info</font></span></div>
<div id="fototop" onMouseover="vis(foto)" onmouseout="skjul(foto)"><span style="cursor:crosshair;"><font color="#000000">Foto</font></span></div>
<div id="diversetop" onMouseover="vis(diverse)" onmouseout="skjul(diverse)"><span style="cursor:crosshair;"><font color="#000000">Diverse</font></span></div>

<div id="hobby" onmouseout="skjul(hobby)" onMouseover="vis(hobby)">
<a href="om nadia.htm" target="tekst"><span style="cursor:crosshair;">Min skatter <'3</span></a><br>
<a href="familie.htm" target="tekst"><span style="cursor:crosshair">Min Familie</span></a><br>
<a href="info.htm" target="tekst"><span style="cursor:crosshair">Om mig!</span></a></div>

<div id="foto" onmouseout="skjul(foto)"  onMouseover="vis(foto)">
<a href="famfoto.htm" target="tekst"><span style="cursor:crosshair;">Familie fotos</span></a><br>
<a href="godeminder.htm" target="tekst"><span style="cursor:crosshair;">Gode Minder</span></a><br>
<a href="diversefoto.htm" target="tekst"><span style="cursor:crosshair;">Diverse foto</span></a></div>

<div id="diverse" onmouseout="skjul(diverse)"  onMouseover="vis(diverse)">
<a href="links.htm" target="tekst"><span style="cursor:crosshair;">Links</span></a><br>
<a href="afstemning.htm" target="tekst"><span style="cursor:crosshair;">Afstemning</span></a><br>
<a href="spil.htm" target="tekst"><span style="cursor:crosshair;">Spil</span></a></div>

<div id="forside" onmouseout="skjul(forside)" onMouseover="vis(forside)">
<a href="gaestebog.htm" onClick="MyWindow=window.open('gaestebog.htm','MyWindow', 'toolbar=no,location=no,directories=no,status=no, menubar=no,scrollbars=yes,resizable=no,width=500, height=650,left=250,top=15'); return false;" target="_blank"><!-- Pop-up genereret af http://www.a-begynder.dk --><span style="cursor:crosshair;">G&aelig;steboq</span></a></div>

<script language="javascript">

skjul(hobby);
skjul(foto);
skjul(diverse);

</script>

ps. ved ikke helt om jeg har postet rigtigt da oden jo ikke kun er Javascript, men faktiskt mest </style>, men har postet her fordi jeg tænker at fejlen ligger i javascriptet, ö
Avatar billede madeindk Nybegynder
20. december 2006 - 11:43 #1
Jeg har ikke så meget forstand på optimering til FF, men prøv med det her :-)

<script language="javascript">

function vis(id)
{
  document.getElementById(id).style.display='block';
}

function skjul(id)
{
  document.getElementById(id).style.display='none';
}

</script>
Avatar billede steiiner Nybegynder
20. december 2006 - 12:54 #2
Hej Madeindk
Det virker desværre ikke, ellers så gør jeg det ikke rigtigt,
hvordan skal jeg gøre det eller har du eller andre et andet forslag
Avatar billede olebole Juniormester
20. december 2006 - 14:15 #3
<ole>

Hvad er det, der ikke virker? Prøv evt. med et link til siden, så vi kan se, hvad du gør galt.

Derudover bør du gøre dine style- og script-tags valide:
    <style type="text/css">

- og:
    <script type="text/javascript">

/mvh
</bole>
Avatar billede steiiner Nybegynder
20. december 2006 - 14:22 #4
http://www.steiiner.tk
!
Avatar billede olebole Juniormester
20. december 2006 - 14:29 #5
Du glemmer gåseøjnene:
    onMouseover="vis('forside')"
Avatar billede steiiner Nybegynder
20. december 2006 - 14:48 #6
Olebole:
Nu siger den bare at der er fejl i scriptet, !
Avatar billede olebole Juniormester
20. december 2006 - 14:52 #7
Jeg får ingen fejl, når jeg tester din side
Avatar billede steiiner Nybegynder
20. december 2006 - 14:57 #8
det gør jeg når jeg sætter gåse øjne,
og den vil stadig ikke åbne menuen, kun selve menuen, og ikke når den er i et dokument ?!?
Avatar billede madeindk Nybegynder
20. december 2006 - 17:09 #9
Det fungerer også helt fint her.
Avatar billede steiiner Nybegynder
20. december 2006 - 17:36 #10
Til Olebole
Er du ikke sød at poste hele koden så jeg bare kan Copy/Paste
jeg tror nemlig at jeg har kludret med de de gåseøjne !!
Avatar billede roenving Novice
24. december 2006 - 11:09 #11
Du skal jo bruge apostroffer, når det er inde i en tekststreng afgrænset med gåseøjne ...

Rigtigt:

onMouseover="vis('hobby')"
onMouseover='vis("hobby")'

Forkert:

onMouseover="vis("hobby")"
onMouseover='vis('hobby')'
Avatar billede steiiner Nybegynder
24. december 2006 - 13:03 #12
Nu får jeg en Script fejl hver gang jeg fører musen over, ?!
Avatar billede roenving Novice
24. december 2006 - 13:22 #13
function vis(elm){
  document.getElementById(elm).style.display = "block";
}

-- som madeindk startede med (den vil så virke uanset browser, den nuværende virker kun i IE (og evt. i Opera !-)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 18:09 Outlook Classic, lukker ikke Af mort1 i E-mail programmer
I går 20:48 Bred buet skærm vs. 2 skærme Af Nanarsi i Skærme
I går 18:07 Tilslut printer til netværk med WPS - hvis WPS slukkes på Router mistes forbindelse. Af Uvanga i Wifi
11/0521:05 Questyle M15i lydforstærker Af valby i Diverse
11/0518:27 Mærkeligt ikon på proceslinjen Af ErikHg i Windows
White papers
Flere white papers »