Zum Inhalt springen

JavaScript-Problem

SuperSurfer

Von SuperSurfer
in Webdesign

 Teilen

Empfohlene Beiträge

SuperSurfer

SuperSurfer

Geschrieben
Geschrieben

hi!

habe ein Problem mit JavaScript. Da ich noch nicht sehr viel Erfahrung damit habe, weiß ich nicht, ob das Problem leicht zu beheben ist. Wenn ja, freut mich das, wenn nein, hoffe ich natürlich auch auf eure Hilfe.

Also:

bei folgendem HTML-Code zeigt mir IE einen JS-Fehler an:

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

 <head>

   <title>Hauspage Schenkenfelder</title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

    <meta http-equiv="Content-Script-Type" content="text/javascript">

    <meta http-equiv="Content-Style-Type" content="text/css">

    <meta http-equiv="expires" content="0">

    <meta http-equiv="cache-control" content="no-cache">

    <meta name="robots" content="follow">

    <meta name="keywords" lang="de" content="Schenkenfelder, Familie, Robert, Christian, Maria, Haus, Malerei, Acryl">

    <meta name="keywords" lang="en" content="Schenkenfelder, family, Robert, Christian, Maria, house, painting, acrylic">

    <meta name="DC.Description" content="Hier findet man alles Wissenswertes über die Familie Schenkenfelder, dem Haus und den Hobbies, allem voran der Malerei. Wir haben uns auf die Acrylmaltechniken spezialisiert">

    <meta name="DC.Title" content="Hauspage Schenkenfelder">

    <meta name="DC.Creator" content="Robert Schenkenfelder">

    <meta name="DC.Subject" content="Steckbriefe, Malerei, Acryl">

    <meta name="DC.Publisher" content="Robert Schenkenfelder">

    <meta name="DC.Contributor" content="Maria Schenkenfelder">

    <meta name="DC.Date" content="2005-01-14">

    <meta name="DC.Type" content="Text">

    <meta name="DC.Format" content="text/html">

    <meta name="DC.Identifier" content="http://members.aon.at/~cschenke/familypage">

    <meta name="DC.Source" content="-">

    <meta name="DC.Language" content="de">

    <meta name="DC.Relation" content="-">

    <meta name="DC.Coverage" content="Hoersching">

    <meta name="DC.Rights" content="Copyright 2005 Robert Schenkenfelder">

   <link rel="stylesheet" type="text/css" href="galery.css">


<script language="JavaScript">

<!--

window.defaultStatus = "Acrylmaltechniken - Bilder des Hauses Schenkenfelder";


function MM_displayStatusMsg(msgStr)  { //v3.0

        status=msgStr; document.MM_returnValue = true;

}


function swapImgRestore() {

  var i,x,a=document.sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}


function preloadImages() {

  var d=document; if(d.images){ if(!d.p) d.p=new Array();

    var i,j=d.p.length,a=preloadImages.arguments; for(i=0; i<a.length; i++)

    if (a[i].indexOf("#")!=0){ d.p[j]=new Image; d.p[j++].src=a[i];}}

}


function findObj(n, d) {

  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=findObj(n,d.layers[i].document);

  if(!x && document.getElementById) x=document.getElementById(n); return x;

}


function swapImage() {

  var i,j=0,x,a=swapImage.arguments; document.sr=new Array; for(i=0;i<(a.length-2);i+=3)

   if ((x=findObj(a[i]))!=null){document.sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}


function goToURL() {

  var i, args=goToURL.arguments; document.returnValue = false;

  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");

}

-->

</script>


<script language="JavaScript" type="text/JavaScript">

<!--

function MM_reloadPage(init) {  //reloads the window if Nav4 resized

  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);


function MM_findObj(n, d) { //v4.01

  var p,i,x;

  if(!d) d=document;

  [b]if((p=n.indexOf("?"))>0&&parent.frames.length) {[/b]

    d=parent.frames[n.substring(p+1)].document;

    n=n.substring(0,p);

    }

  if(!(x=d[n])&&d.all) x=d.all[n];

  for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

  if(!x && d.getElementById) x=d.getElementById(n);

  return x;

}


function MM_showHideLayers() { //v6.0

  var i,p,v,obj,args=MM_showHideLayers.arguments;

  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];

    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }

    obj.visibility=v; }

}


function MM_swapImgRestore() { //v3.0

  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}


function MM_preloadImages() { //v3.0

  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}


function MM_swapImage() { //v3.0

  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

//-->

</script>


 </head>

 <body bgcolor="#B2B2B2">


        <div id=bild1 style="POSITION: absolute; TOP: 83px; left: 150pt; VISIBILITY: hidden; WIDTH: 116px; Z-INDEX: 1">

         <img src="galerie/wirbel.jpg" alt="Wirbel">

        </div>

        <div id=bild2 style="POSITION: absolute; TOP: 83px; left: 150pt; VISIBILITY: hidden; WIDTH: 116px; Z-INDEX: 2">

         <img src="galerie/chaos.jpg" alt="Chaos">

        </div>

        <div id=bild4 style="POSITION: absolute; TOP: 83px; left: 150pt; VISIBILITY: hidden; WIDTH: 116px; Z-INDEX: 3">

         <img src="galerie/red_sea.jpg" alt="Rotes Meer">

        </div>

        <div id=bild3 style="POSITION: absolute; TOP: 83px; left: 150pt; VISIBILITY: hidden; WIDTH: 116px; Z-INDEX: 4">

         <img src="galerie/springbrunnen.jpg" alt="Springbrunnen">

        </div>

        <div id=bild5 style="POSITION: absolute; TOP: 83px; left: 150pt; VISIBILITY: hidden; WIDTH: 116px; Z-INDEX: 5">

         <img src="galerie/wassergeist.jpg" alt="Wassergeist">

        </div>

        <div id=bild6 style="POSITION: absolute; TOP: 83px; left: 150pt; VISIBILITY: hidden; WIDTH: 116px; Z-INDEX: 6">

         <img src="galerie/blaetter.jpg" alt="Blaetter">

        </div>

<!-- Bildernavigation -->

        <div id="Layer6" style="height:10px; left:10px; position:absolute; top:12px; width:33px; z-index:7; visibility: visible; background-color: #000000; border: 1px none #000000;">

         <a href="javascript:;" onMouseOver="MM_showHideLayers('bild1','','show','bild2','','hide','bild3','','hide','bild4','','hide','bild5','','hide','bild6','','hide');status='Wirbel';return true;">

          <img border=0 height=100 hspace=0 src="galerie/s_wirbel.jpg" vspace=0 width=150 top>

         </a>

         <a href="javascript:;" onMouseOver="MM_showHideLayers('bild1','','hide','bild2','','show','bild3','','hide','bild4','','hide','bild5','','hide','bild6','','hide');status='Chaos';return true;">

          <img border=0 height=100 hspace=0 src="galerie/s_chaos.jpg" vspace=0 width=150 top>

         </a>

         <a href="javascript:;" onMouseOver="MM_showHideLayers('bild1','','hide','bild2','','hide','bild3','','hide','bild4','','show','bild5','','hide','bild6','','hide');status='Rotes Meer';return true;">

          <img border=0 height=100 hspace=0 src="galerie/s_red_sea.jpg" vspace=0 width=150 top>

         </a>

         <a href="javascript:;" onMouseOver="MM_showHideLayers('bild1','','hide','bild2','','hide','bild3','','show','bild4','','hide','bild5','','hide','bild6','','hide');status='Springbrunnen';return true;">

          <img border=0 height=100 hspace=0 src="galerie/s_springbrunnen.jpg" vspace=0 width=150 top>

         </a>

         <a href="javascript:;" onMouseOver="MM_showHideLayers('bild1','','hide','bild2','','hide','bild3','','hide','bild4','','hide','bild5','','show','bild6','','hide');status='Wassergeist';return true;">

          <img border=0 height=100 hspace=0 src="galerie/s_wassergeist.jpg" vspace=0 width=150 top>

         </a>

         <a href="javascript:;" onMouseOver="MM_showHideLayers('bild1','','hide','bild2','','hide','bild3','','hide','bild4','','hide','bild5','','hide','bild6','','show');status='Blaetter';return true;">

          <img border=0 height=100 hspace=0 src="galerie/s_blaetter.jpg" vspace=0 width=150 top>

         </a>

        </div>

   <div align="center">

    <table border="0">

     <tr width="30">

      <td class="nav">

       <a href="galerien.html">zurück</a>

      </td>

      <td class="nav">

       <a href="gal_2.html">Galerie 2</a>

      </td>

      <td class="nav">

       <a href="gal_3.html">Galerie 3</a>

      </td>

     </tr>

    </table>

   </div>

 </body>

</html>

Außerdem zeigt er mir wenn man über den letzten beiden Bildern rechts unten drüberfährt, das große Bild nicht an.

Danke,

SuperSurfer

Link zu diesem Kommentar
Auf anderen Seiten teilen
xmurrix

xmurrix

Geschrieben
Geschrieben

Hallo,

in deiner Seite ist der JavaScript-Code im div-container (Bildernavigation) nicht korrekt, darum die JS-fehlermeldung.

Die 6. Parameter der JS-Funktion

MM_showHideLayers('bild1','','show','bild2','','hi de',...

haben 1 oder mehrere Leerzeichen, welches zum Fehler führt.

Außerdem is die Syntax return (für Rückgabewert) auch durch Leerzeichen getrennt. Das Betrifft das onMouseOver-Attribut im 5. und 6. Anker-Element.

Folgenden Code habe ich korrigiert, den du anstatt des Fehlerhaften verwenden kannst:

<div id="Layer6" style="height:10px; left:10px; position:absolute; top:12px; width:33px; z-index:7; visibility: visible; background-color: #000000; border: 1px none #000000;">

<a href="javascript:;" onMouseOver="MM_showHideLayers('bild1','','show','bild2','','hi de','bild3','','hide','bild4','','hide','bild5','' ,'hide','bild6','','hide');status='Wirbel';return true;">

<img border=0 height=100 hspace=0 src="galerie/s_wirbel.jpg" vspace=0 width=150 top>

</a>

<a href="javascript:;" onMouseOver="MM_showHideLayers('bild1','','hide','bild2','','show','bild3','','hide','bild4','','hide','bild5','','hide','bild6','','hide');status='Chaos';return true;">

<img border=0 height=100 hspace=0 src="galerie/s_chaos.jpg" vspace=0 width=150 top>

</a>

<a href="javascript:;" onMouseOver="MM_showHideLayers('bild1','','hide','bild2','','hide','bild3','','hide','bild4','','show','bild5','','hide','bild6','','hide');status='Rotes Meer';return true;">

<img border=0 height=100 hspace=0 src="galerie/s_red_sea.jpg" vspace=0 width=150 top>

</a>

<a href="javascript:;" onMouseOver="MM_showHideLayers('bild1','','hide','bild2','','hide','bild3','','show','bild4','','hide','bild5','','hide','bild6','','hide');status='Springbrunnen';return true;">

<img border=0 height=100 hspace=0 src="galerie/s_springbrunnen.jpg" vspace=0 width=150 top>

</a>

<a href="javascript:;" onMouseOver="MM_showHideLayers('bild1','','hide','bild2','','hide','bild3','','hide','bild4','','hide','bild5','','show','bild6','','hide');status='Wassergeist';return true;">

<img border=0 height=100 hspace=0 src="galerie/s_wassergeist.jpg" vspace=0 width=150 top>

</a>

<a href="javascript:;" onMouseOver="MM_showHideLayers('bild1','','hide','bild2','','hide','bild3','','hide','bild4','','hide','bild5','','hide','bild6','','show');status='Blaetter';return true;">

<img border=0 height=100 hspace=0 src="galerie/s_blaetter.jpg" vspace=0 width=150 top>

</a>

</div>

Gruß

xmurrix

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

×
 Teilen
Zur Themenübersicht

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Links

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...