Avatar billede ljunggren1 Nybegynder
09. april 2006 - 15:32 Der er 8 kommentarer og
1 løsning

Script til menu med mousover og flere end 9 "knapper".

Hej en eller anden

Jeg sad lige og hjalp en ven med dette script (troede jeg).
Problemet er, at han har flere end 9 menupunkter, men opretter vi en 10'ende rykker den op øverst.
Er der en der kan rette scriptet til for os, eller evt anvise et andet script der er anvendeligt?
Det handler om en del "knapper" med links bagved som det fremgår af scriptet.

<head>

<SCRIPT LANGUAGE="JavaScript">

image1 = new Image();
image1.src = "Retur_+.gif";

image2 = new Image();
image2.src = "Bestik_+.gif";

image3 = new Image();
image3.src = "Baalgaffel_+.gif";

image4 = new Image();
image4.src = "Baalkedel_+.gif";

image5 = new Image();
image5.src = "Snapseglas_+.gif";

image6 = new Image();
image6.src = "Gryder_+.gif";

image7 = new Image();
image7.src = "Knive_+.gif";

image8 = new Image();
image8.src = "Treben_+.gif";

image9 = new Image();
image9.src = "Lommelaerke_+.gif";

</script>
</head>

<body>
<a href="index2.htm" onmouseover="image1.src='Retur_+.gif';"onmouseout="image1.src='Retur_.gif';">
                            <img name="image1" src="Retur_.gif" border=0></a><br>
                            <br>
                        <a href="Bestik.htm" onmouseover="image2.src='Bestik_+.gif';"onmouseout="image2.src='Bestik_.gif';">
                            <img name="image2" src="Bestik_.gif" border=0></a><br>
                           
                        <a href="Baalgaffel.htm" onmouseover="image3.src='Baalgaffel_+.gif';"onmouseout="image3.src='Baalgaffel_.gif';">
                            <img name="image3" src="Baalgaffel_.gif" border=0></a>
                           
                        <a href="Baalkedel.htm" onmouseover="image4.src='Baalkedel_+.gif';"onmouseout="image4.src='Baalkedel_.gif';">
                            <img name="image4" src="Baalkedel_.gif" border=0></a>
                           
                        <a href="Snapseglas.htm" onmouseover="image5.src='Snapseglas_+.gif';"onmouseout="image5.src='Snapseglas_.gif';">
                            <img name="image5" src="Snapseglas_.gif" border=0></a>
                           
                        <a href="Gryder.htm" onmouseover="image6.src='Gryder_+.gif';"onmouseout="image6.src='Gryder_.gif';">
                            <img name="image6" src="Gryder_.gif" border=0></a>
                           
                        <a href="Knive.htm" onmouseover="image7.src='Knive_+.gif';"onmouseout="image7.src='Knive_.gif';">
                            <img name="image7" src="Knive_.gif" border=0></a>
                           
                        <a href="Treben.htm" onmouseover="image8.src='Treben_+.gif';"onmouseout="image8.src='Treben_.gif';">
                            <img name="image8" src="Treben_.gif" border=0></a>
                           
                        <a href="Lommelaerke.htm" onmouseover="image9.src='Lommelaerke_+.gif';"onmouseout="image9.src='Lommelaerke_.gif';">
                            <img name="image9" src="Lommelaerke_.gif" border=0></a></td>
                           
</body<
Avatar billede c_nova Nybegynder
09. april 2006 - 15:40 #1
ka du ikke bare kalde dem for ex. 01, 02 osv...
Avatar billede ljunggren1 Nybegynder
09. april 2006 - 15:45 #2
Det har jeg forsøgt, men jeg kan da forsøge igen, men mener du det burde virke?
Avatar billede ljunggren1 Nybegynder
09. april 2006 - 15:51 #3
Det virker ikke - knap nr. 10 placerer sig øverst.
Avatar billede ljunggren1 Nybegynder
10. april 2006 - 00:08 #4
Hmmm... der er der måske ingen der kan heller?
Avatar billede psykochicken Nybegynder
10. april 2006 - 00:43 #5
Jeg er ikke sikker på jeg forstår dit spørgsmål, men hvis du søger en mouseover-effekt:
..hvis du til hvert link laver 2 billeder og navngiver dem således:
image1.gif - image1a.gif
image2.gif - image2a.gif
...osv

og noget i stil med:
<script type="text/javascript">
function show(){
var elm = document.getElementsByTagName('a');
  for(i=0;i<elm.length;i++){
    if(elm[i].className == "link"){
      elm[i].onmouseover=function(){this.firstChild.src=this.firstChild.name + "a.gif";}
      elm[i].onmouseout = function(){this.firstChild.src=this.firstChild.name + ".gif";}
    }
  }
}
window.onload=show;
</script>

<a class="link" href="index2.htm">
  <img name="image1" src="image1.gif" border=0></a><br>
<a class="link" href="Bestik.htm">
  <img name="image2" src="image2.gif" border=0></a><br>
<a class="link" href="Baalgaffel.htm">
  <img name="image3" src="image3.gif" border=0></a><br>
...osv                           

/psc
Avatar billede ljunggren1 Nybegynder
10. april 2006 - 01:00 #6
Ja, men er det ike det jeg har gjort? Min virker bare ikk på mere end 9 af dem.
Men det kan jo være din gør.
Avatar billede psykochicken Nybegynder
10. april 2006 - 13:25 #7
du kan sagtens sætte mouseover-koden direkte på linket, men det gør det måske lidt mere overskueligt at lægge den i et script.

Hvis dit menupunt 10 flytter sig øverst er der noget andet galt. Prøv at vise hele koden :o)

/psc
Avatar billede ljunggren1 Nybegynder
10. april 2006 - 13:33 #8
Jeg fandt ud af det - det var ikke scriptet, men noget tabelkode der smutte med da jeg kopierede.
Tak for hjælpen.
Avatar billede psykochicken Nybegynder
10. april 2006 - 13:47 #9
velbekomme ;o)
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