HTML problem mit rollover

Conti_GER

Cadet 2nd Year
Registriert
Nov. 2008
Beiträge
22
moin moin,

Ich bin grad dabei für ne 1 in Informatik ne Seite zu erstellen und in der navigation nehm ich dafür rollovers. Das Problem ist das es bei mir mit Firefox 3.0.5 und Opera 9.3.6. geht. den IE hab ich nich also kann ich das nich testen. Bei mehreren Freunden geht es auch und die benutzen Firefox3 In der Schule klappt es aber weder mit dem IE7 noch mit dem Firefox2 und was neues installiern darf ich nicht. aber seht selbst vllt weis einer von euch wie ich das zum laufen kriege:

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
    <title>navi</title>
<!-- 
<script src="rollover.js" type="text/javascript"></script>
 -->
<script type="text/javascript">
Normal1 = new Image();
Normal1.src = "../buttons/arbeitsspeicher_s.png";     /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "../buttons/arbeitsspeicher_h.png";   /* erste Highlight-Grafik */

Normal2 = new Image();
Normal2.src = "../buttons/Prozessor_s.png";     /* zweite Standard-Grafik */
Highlight2 = new Image();
Highlight2.src = "../buttons/Prozessor_h.png"; /* zweite Highlight-Grafik */

Normal3 = new Image();
Normal3.src = "../buttons/Grafikkarte_s.png";     /* dritte Standard-Grafik */
Highlight3 = new Image();
Highlight3.src = "../buttons/Grafikkarte_h.png"; /* dritte Highlight-Grafik */

Normal4 = new Image();
Normal4.src = "../buttons/Festplatte_s.png";     /* vierte Standard-Grafik */
Highlight4 = new Image();
Highlight4.src = "../buttons/Festplatte_h.png"; /* vierte Highlight-Grafik */

Normal5 = new Image();
Normal5.src = "../buttons/Laufwerke_s.png";     /* fünfte Standard-Grafik */
Highlight5 = new Image();
Highlight5.src = "../buttons/Laufwerke_h.png"; /* fünfte Highlight-Grafik */

Normal6 = new Image();
Normal6.src = "../buttons/Mainboard_s.png";     /* sechste Standard-Grafik */
Highlight6 = new Image();
Highlight6.src = "../buttons/Mainboard_h.png"; /* sechste Highlight-Grafik */

Normal7 = new Image();
Normal7.src = "../buttons/Netzteil_s.png";     /* siebte Standard-Grafik */
Highlight7 = new Image();
Highlight7.src = "../buttons/Netzteil_h.png"; /* siebte Highlight-Grafik */

Normal8 = new Image();
Normal8.src = "../buttons/Betriebssystem_s.png";     /* achte Standard-Grafik */
Highlight8 = new Image();
Highlight8.src = "../buttons/Betriebssystem_h.png"; /* achte Highlight-Grafik */

function Bildwechsel (Bildnr, Bildobjekt)
  window.document.images[Bildnr].src = Bildobjekt.src;
</script>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />
    <style type="text/css">a img { border:none; }</style>
</head>

<body bgcolor="#0F1C29">
<br><br><br>
<table border="0" cellpadding="2" cellspacing="2" summary="">
    <tr>
        <td>
         <a href="Arbeitsspeicher.htm" target="main"
         onmouseover="Bildwechsel(0, Highlight1)"
         onmouseout="Bildwechsel(0, Normal1)"><img src="../buttons/arbeitsspeicher_s.png" 
         align="130" height="24" border="0" alt="Arbeitsspeicher"></a>

         </a>
        </td>
    </tr>
    <tr>
        <td>
         <a href="Prozessor.htm" target="main"
         onmouseover="Bildwechsel(1, Highlight2)"
         onmouseout="Bildwechsel(1, Normal2)"><img src="../buttons/Prozessor_s.png"
         align="130" height="24" border="0" alt="Prozessor"></a>
        </td>
    </tr>
    <tr>
        <td>
         <a href="Grafikkarte.htm" target="main"
         onmouseover="Bildwechsel(2, Highlight3)"
         onmouseout="Bildwechsel(2, Normal3)"><img src="../buttons/Grafikkarte_s.png"
         align="130" height="24" border="0" alt="Grafikkarte"></a>
        </td>
    </tr>
    <tr>
        <td>
         <a href="Festplatte.htm" target="main"
         onmouseover="Bildwechsel(3, Highlight4)"
         onmouseout="Bildwechsel(3, Normal4)"><img src="../buttons/Festplatte_s.png"
         align="130" height="24" border="0" alt="Festplatte"></a>
        </td>
    </tr>
    <tr>
        <td>
         <a href="Laufwerke.htm" target="main"
         onmouseover="Bildwechsel(4, Highlight5)"
         onmouseout="Bildwechsel(4, Normal5)"><img src="../buttons/Laufwerke_s.png"
         align="130" height="24" border="0" alt="Laufwerke"></a>
        </td>
    </tr>
    <tr>
        <td>
         <a href="Mainboard.htm" target="main"
         onmouseover="Bildwechsel(5, Highlight6)"
         onmouseout="Bildwechsel(5, Normal6)"><img src="../buttons/Mainboard_s.png"
         align="130" height="24" border="0" alt="Mainboard"></a>
        </td>
    </tr>
    <tr>
        <td>
         <a href="Netzteil.htm" target="main"
         onmouseover="Bildwechsel(6, Highlight7)"
         onmouseout="Bildwechsel(6, Normal7)"><img src="../buttons/Netzteil_s.png"
         align="130" height="24" border="0" alt="Netzteil"></a>
        </td>
    </tr>
    <tr>
        <td>
         <a href="Betriebssystem.htm" target="main"
         onmouseover="Bildwechsel(7, Highlight8)"
         onmouseout="Bildwechsel(7, Normal8)"><img src="../buttons/Betriebssystem_s.png"
         align="130" height="24" border="0" alt="Betriebssystem"></a>
        </td>
    </tr>
</table>
  
</body>
</html>
 
Zuletzt bearbeitet:
Wahrscheinlich ist in der Schule Javascript deaktiviert wurden. Probier es doch einfach mit CSS!

Sind aber auch paar Fehler im html wie z. B. der doppelt geschlossene " <a> - Tag " von dem Link Arbeitsspeicher.htm

Einfach mal durch den Validator (http://validator.w3.org) jagen und die Fehler ausmerzen ;)
 
wie krieg ich den raus ob das deaktiviert worden ist? gibts dafür extra seiten oder sowas?
 
kann mir keiner sagen wie ich das rauskrieg ob in der Schule JS deaktiviert is oder nich oder woran das liegen könnte falls es nich deaktiviert ist?
 
Conti_GER schrieb:
kann mir keiner sagen wie ich das rauskrieg ob in der Schule JS deaktiviert is oder nich oder woran das liegen könnte falls es nich deaktiviert ist?

HTML:
<script type="text/javascript">
alert("test");
</script>

setzt einfach den code noch oben rein
wenn JS aktiviert ist kommt ein popup, ansonsten passiert nichts
 
Zurück
Oben