Problemer med at få knap til at fungere
Jeg kan ikke få følgende til at fungere. Det er en del af en øvelse i mit hæfte.Jeg skal først slette alt indholdet i BODY-sektionen herunder.
Det er så meningen, at jeg skal indsætte nogle knapper (blå med hvid tekst, der bliver til hvide med blå tekst, når jeg peger på dem) ved hjælp at de to koder nederst på siden (en til HEAD-sektionen og en til BODY-sektionen).
Problemet er, at når jeg har gjort det, er der problemer med knappen "Til start". For det første bliver den hvid når jeg peger på en af de andre knapper. For det andet virker den ikke længere (der kommer ingen hånd når jeg peger på den).
Resten af knapperne fungere som de skal!
Er der nogen der har en ide om hvad det kan være der går galt?
<HTML><HEAD>
<TITLE></TITLE>
<META NAME="author" CONTENT="">
<META NAME="description" CONTENT="">
<META NAME="keywords" CONTENT=""> <BASE TARGET="Main">
</HEAD>
<BODY BGCOLOR="#0000FF" TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#FFFFFF" ALINK="#FFFFFF">
<BASEFONT FACE="Arial, Helvetica, Sans Serif" SIZE="-3">
<STYLE TYPE="text/css">
a:hover{ font-weight: bold;
color: white;
background-color: blue}
</STYLE>
<A HREF="start.htm" style="text-decoration: none">Til start</A>
<P>
Mine sider:
<P>
<A HREF="site1/fiskergodt.htm" style="text-decoration: none">Fisk</A>
<BR>
<A HREF="animals/animals.htm#hippo" style="text-decoration: none">Flodhest</A>
<BR>
<A HREF="animals/animals.htm#goose" style="text-decoration: none">Gås</A>
<BR>
<A HREF="animals/animals.htm#hest" style="text-decoration: none">Hest</A>
<BR>
<A HREF="animals/animals.htm#leopard" style="text-decoration: none">Leopard</A>
<BR>
<A HREF="site1/raphael_css.htm" style="text-decoration: none">Saint-Raphaël</A>
<BR>
<A HREF="animals/animals.htm#struds" style="text-decoration: none">Struds</A>
<BR>
<A HREF="site1/venezia.htm" style="text-decoration: none">Venedig</A>
<BR>
<A HREF="site1/zebra.htm" style="text-decoration: none">Zebra</A>
<P>
</BODY>
</HTML>
Kode til HEAD-sektionen:
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--//
if (document.images) {
img1on = new Image(); // Active images
img1on.src = "buttons/00w.png";
img2on = new Image();
img2on.src = "buttons/fiw.png";
img3on = new Image();
img3on.src = "buttons/flw.png";
img4on = new Image();
img4on.src = "buttons/gow.png";
img5on = new Image();
img5on.src = "buttons/lew.png";
img6on = new Image();
img6on.src = "buttons/srw.png";
img7on = new Image();
img7on.src = "buttons/stw.png";
img8on = new Image();
img8on.src = "buttons/vew.png";
img1off = new Image(); // Inactive images
img1off.src = "buttons/00b.png";
img2off = new Image();
img2off.src = "buttons/fib.png";
img3off = new Image();
img3off.src = "buttons/flb.png";
img4off = new Image();
img4off.src = "buttons/gob.png";
img5off = new Image();
img5off.src = "buttons/leb.png";
img6off = new Image();
img6off.src = "buttons/srb.png";
img7off = new Image();
img7off.src = "buttons/stb.png";
img8off = new Image();
img8off.src = "buttons/veb.png";
}
function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src");
}
}
function imgOff(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "off.src");
}
}
//-->
</SCRIPT>
Kode til BODY-sektionen:
<A HREF="start.htm" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"><IMG NAME="img1" SRC="buttons/00b.png" border="0" ALT=""></A>
<P>
<A HREF="site1/fiskergodt.htm" onMouseOver="imgOn('img2')" onMouseOut="imgOff('img2')">
<IMG NAME="img2" SRC="buttons/fib.png" border="0" ALT=""></A>
<A HREF="animals/animals.htm#hippo" onMouseOver="imgOn('img3')" onMouseOut="imgOff('img3')"><IMG NAME="img3" SRC="buttons/flb.png" border="0" ALT=""></A>
<A HREF="animals/animals.htm#goose" onMouseOver="imgOn('img4')" onMouseOut="imgOff('img4')"><IMG NAME="img4" SRC="buttons/gob.png" border="0" ALT=""></A>
<A HREF="animals/animals.htm#leopard" onMouseOver="imgOn('img5')" onMouseOut="imgOff('img5')"><IMG NAME="img5" SRC="buttons/leb.png" border="0" ALT=""></A>
<A HREF="site1/raphael_css.htm" onMouseOver="imgOn('img6')" onMouseOut="imgOff('img6')"><IMG NAME="img6" SRC="buttons/srb.png" border="0" ALT=""></A>
<A HREF="animals/animals.htm#struds" onMouseOver="imgOn('img7')" onMouseOut="imgOff('img7')"><IMG NAME="img7" SRC="buttons/stb.png" border="0" ALT=""></A>
<A HREF="site1/venezia.htm" onMouseOver="imgOn('img8')" onMouseOut="imgOff('img8')"><IMG NAME="img8" SRC="buttons/veb.png" border="0" ALT=""></A>
Jeg kan ikke lige gennemskue om 30 point er nok for hjælp til dette. Hvis ikke; bare sig det og vi finder ud af det!
