MouseOver

Hele filen: http://www.wol.dk/~rfogh/test/2u

http://www.wol.dk/~rfogh/test/2u/Start.html

Det skal vist bare være ... =new Image() hver gang, elllers ser det ok ud.

(altså med (). Du vil jo tildele en værdi til din variabel, eller rettere et objekt, derfor skal der returneres, derfor parenteserne)

Det virker ikke...

Jeg har snuppet det her fra, og der virker det jo: http://www.wol.dk/~afogh/ (menuen)

Jeg ved ikke rigtig, om jeg har kaldt to objekter for det samme, men det tror jeg ikke...

Javascript bryder sig ikke om at objekt/variabelnavne starter med et tal, så prøg at sætte et bogstav foran alle navne fx i6, i6m osv.

Men det hedder nu \"new Image()\"

Nu melder den om syntaks-fejl omkring else...

    v6=new Image();
    v6m=new Image();
    v6.src=\"6.gif\";
    v6m.src=\"6m.gif\";
  }
  else {
    v1=\"\";
    v1m=\"\";
    v2=\"\";

Kikker på det ...

Mange tak...

Dette virker hos mig:

<html>
<head>
<script language=\"javascript\">
<!--
  if (document.images) {
    i1=new Image()
    i1m=new Image()
    i1.src=\"unchecked.gif\"
    i1m.src=\"checked.gif\"
  }else{
    i1=\"\"
    i1m=\"\"
    document.i1i=\"\"
  } 
//-->
</script>
</head>
<body>
<a href=\"1/\" onmouseover=\"document.i1i.src=i1m.src\" onmouseout=\"document.i1i.src=i1.src\"><img src=\"unchecked.gif\" name=\"i1i\" border=\"0\"></a>
</body>

Jeg har droppet alle \";\", og jeg har husket at kalde mit billede for \"i1i\". Og så har jeg skrevet //-->, så bliver netscape også glad.

Og nu går jeg i seng ;-0

Er det ikke det letteste bare at skrive:

<a onMouseOver=\"document.image1.src=\'billed_op\';\" OnMouseOut=\"document.image1.src=\'billed_ned\';\"><img src=\"billed_ned\" name=\"image1\">

Jo, men så bliver billederne ikke preloaded, så der bliver en lille ventetid inden det nye billede dukker op.

Desuden får du en fejl hvis du er i en MEGET gammel browser, der ikke understøttede image-objektet.

ldan>>> Dit virker, men mit eget virker stadig ikke...
Er det fordi billederne er i en tabel???

Koden til HELE siden:

<html>
<head>
<title>Projekt: Elev-del</title>
<script language=\"javascript\">
<!--
  if (document.images) {
    v1=new Image()
    v1m=new Image()
    v1.src=\"1.gif\"
    v1m.src=\"1m.gif\"
    v2=new Image()
    v2m=new Image()
    v2.src=\"2.gif\"
    v2m.src=\"2m.gif\"
    v3=new Image()
    v3m=new Image()
    v3.src=\"3.gif\"
    v3m.src=\"3m.gif\"
    v4=new Image()
    v4m=new Image()
    v4.src=\"4.gif\"
    v4m.src=\"4m.gif\"
    v5=new Image()
    v5m=new Image()
    v5.src=\"5.gif\"
    v5m.src=\"5m.gif\"
    v6=new Image()
    v6m=new Image()
    v6.src=\"6.gif\"
    v6m.src=\"6m.gif\"
  }else{
    v1=\"\"
    v1m=\"\"
    v2=\"\"
    v2m=\"\"
    v3=\"\"
    v3m=\"\"
    v4=\"\"
    v4m=\"\"
    v5=\"\"
    v5m=\"\"
    v6=\"\"
    v6m=\"\"
    document.v1i=\"\"
    document.v2i=\"\"
    document.v3i=\"\"
    document.v4i=\"\"
    document.v5i=\"\"
    document.v6i=\"\"
  } 
/ -->
</script>
</head>
<body bgcolor=\"b9b9b9\" link=\"ffffff\" vlink=\"ffffff\" alink=\"ffffff\">
<table width=\"100%\" height=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">
<tr>
<td align=\"center\" valign=\"middle\">
<table width=\"287\" height=\"267\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">
<tr>
<td width=\"143\" height=\"107\"><a href=\"6/\" onmouseover=\"document.v6i.src=v6m.src\" onmouseout=\"document.v6i.src=v6.src\"><img src=\"6.gif\" name=\"v6i\" border=\"0\"></a></td>
<td width=\"144\" height=\"107\"><a href=\"1/\" onmouseover=\"document.v1i.src=v1m.src\" onmouseout=\"document.v1i.src=v1.src\"><img src=\"1.gif\" name=\"v1i\" border=\"0\"></a></td>
</tr><tr>
<td width=\"143\" height=\"62\"><a href=\"5/\" onmouseover=\"document.v5i.src=v5m.src\" onmouseout=\"document.v5i.src=v5.src\"><img src=\"5.gif\" name=\"v5i\" border=\"0\"></a></td>
<td width=\"144\" height=\"62\"><a href=\"2/\" onmouseover=\"document.v2i.src=v2m.src\" onmouseout=\"document.v2i.src=v2.src\"><img src=\"2.gif\" name=\"v2i\" border=\"0\"></a></td>
</tr>
<td width=\"143\" height=\"98\"><a href=\"4/\" onmouseover=\"document.v4i.src=v4m.src\" onmouseout=\"document.v4i.src=v4.src\"><img src=\"4.gif\" name=\"v4i\" border=\"0\"></a></td>
<td width=\"144\" height=\"98\"><a href=\"3/\" onmouseover=\"document.v3i.src=v3m.src\" onmouseout=\"document.v3i.src=v3.src\"><img src=\"3.gif\" name=\"v3i\" border=\"0\"></a></td>
</tr>
</table>
<font face=\"Verdana, Tahoma, Arial\" size=\"2\"><br>
<a href=\"../laererdel.htm\">Lærer-delen</a>
</font>
</td>
</tr>
</table>
</body>
</html>

Din kode virker her hos mig, selvom jeg ingen billeder har, Jeg får i hvert fald ingen fejlmeldinger.

Det er i ie 5 og ns 4.5 under WIN 2000 server, samt ie 5 under win 98

Det eneste jeg har rettet er at jeg skriver //--> i stedet for /-->. I øvrigt er jeg holdt op med at bruge <!--  //-->, der er vist ikke flere browsere der ikke forstår <script>

Jeg vil stadig gerne hjælpe, men så må du fortælle hvornår fejlen kommer, og hvad den siger.

Jeg brugte dit, og der brokkede den sig ikke... Jeg kan ikke se, hvad forskellen er, men nu virker det... Desuden har jeg prøvet mit gamle på flere maskiner, og der virkede det ikke...

Nu har jeg derimod et nyt problem... Jeg skal bruge en kill-frame-kommando...

Jeg fandt denne, men jeg synes ikke rigtig den virker... Hvis du har en eller anden måde at dræbe frames på ville jeg blive glad :o)

<SCRIPT LANGUAGE=\"JavaScript\">
<!-- Hide script from older browsers

  setTimeout (\"changePage()\", 3000);

      function changePage() {
        if (self.parent.frames.length != 0)
          self.parent.location=\'index.html\';
      }

  // end hiding contents -->
</SCRIPT>

Jeg har fået det til at virke...