Slidemenu mit Javascript

T

TMG

Mitglied
Hiho,

ein frohes neues Jahr erstmal :)

Ich hab da folgendes Problem. Sonst wäre ich ja nicht hier, hihi ;)



Ich habe das so genannte "ypSlideOutMenu"
Ich möchte damit gern ein Menu gestalten, welches dann nach unten hin raus slided.

Ich hab das meines Wissen bis jetzt auch korrekt gemacht, aber anscheinend täuscht mich dieses, da ich nicht das bekomme, was ich will :)


Das script ist hier zu finden

Hier der Code meiner Page: anschauen könnt Ihr sie euch unter "www.raumforschung.org/test.php "

Vieleicht seht ihr ja etwas, was ich übersehen hab.

PHP: 
<? 
  include('config.php'); 
   
  if(isset($_GET['show']) AND isset($inhalt[$_GET['show']])) { 
    if(!file_exists($inhalt[$_GET['show']])) { 
      $datei = file( $inhalt['error'] ); 
    } else { 
      $datei = file( $inhalt[$_GET['show']] ); 
    } 
  } else { 
      $datei = file( $inhalt['error'] ); 
  } 
  $ueberschrift = array_shift ($datei); 
  $text = implode ("",$datei); 
?>
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
<title>Forschungsgemeinschaft Alternative Raumfahrt e.V. - Innovative Technologien</title>
<script language="JavaScript">
<!--

function SymError()
{
  return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
  return (new Object());
}

window.open = SymWinOpen;

//-->
</script>
<script language="JavaScript">
<!--
var SymRealOnLoad;
var SymRealOnUnload;

function SymOnUnload()
{
  window.open = SymWinOpen;
  if(SymRealOnUnload != null)
     SymRealOnUnload();
}

function SymOnLoad()
{
  if(SymRealOnLoad != null)
     SymRealOnLoad();
  window.open = SymRealWinOpen;
  SymRealOnUnload = window.onunload;
  window.onunload = SymOnUnload;
}

SymRealOnLoad = window.onload;
window.onload = SymOnLoad;

//-->
</script>
<script language="javascript" type="text/javascript" src="slidemenu.js"></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);
//-->
</script>
<SCRIPT language=JavaScript type=text/javascript>
	new ypSlideOutMenu("menu1", "down", 173, 144, 72, 58),
	new ypSlideOutMenu("menu2", "down", 246, 144, 63, 50),
	new ypSlideOutMenu("menu3", "down", 263, 144, 118, 86),
	new ypSlideOutMenu("menu4", "down", 368, 144, 59, 25),
	new ypSlideOutMenu("menu5", "down", 426, 144, 82, 27),
</SCRIPT>


</head>

<body class="bg">

<div id="Layer1"  class="bg" style="position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1; visibility: visible;">
  <table width="900"  border="0" align="center" cellpadding="0" cellspacing="0">
  
    <tr>
      <td colspan="10"><div id="Layer2" style="position:absolute; width:900; height:10; z-index:2">
	    <div id="menu1container" style="position:absolute; width:72px; height:58px; z-index:3; left: 173px; top: 144px; visibility: hidden;">
		<div id="menu1content">
	      <table width="100%"  border="0" cellspacing="0" cellpadding="0" class="navsub">
            <tr>
              <td>Wir &uuml;ber uns </td>
            </tr>
            <tr>
              <td>Standorte</td>
            </tr>
            <tr>
              <td>Team</td>
            </tr>
            <tr>
              <td>Beitritt</td>
            </tr>
            <tr>
              <td>Satzung</td>
            </tr>
          </table>
		  </div>
	    </div>
		<div id="menu2container" style="position:absolute; width:63px; height:50px; z-index:4; left: 246px; top: 144px; visibility: hidden;">
		<div id="menu2content">
		  <table width="100%"  border="0" cellspacing="0" cellpadding="0" class="navsub">
            <tr>
              <td>Alpha</td>
            </tr>
            <tr>
              <td>FireFrame</td>
            </tr>
            <tr>
              <td>Geysir</td>
            </tr>
            <tr>
              <td>Phoenix</td>
            </tr>
            <tr>
              <td>RedQueen</td>
            </tr>
            <tr>
              <td>T.M.T.</td>
            </tr>
          </table>
		
		</div>
		</div>
        <div id="menu3container" style="position:absolute; width:118px; height:86px; z-index:5; left: 263px; top: 144px; visibility: hidden;">
		<div id="menu3content">
          <table width="100%"  border="0" cellspacing="0" cellpadding="0" class="navsub">
            <tr>
              <td>Big Dumb Boosters </td>
            </tr>
            <tr>
              <td>Big Dumb Rockets </td>
            </tr>
            <tr>
              <td>Entmannt die Raumfahrt</td>
            </tr>
            <tr>
              <td>Investor Desinterest </td>
            </tr>
            <tr>
              <td>Kosten der Raumfahrt </td>
            </tr>
            <tr>
              <td>Turbo Pump Study</td>
            </tr>
            <tr>
              <td>Weltraumtourismus</td>
            </tr>
          </table>
		  </div>
        </div>
        <div id="menu4container" style="position:absolute; width:59px; height:25px; z-index:6; left: 368px; top: 144px; visibility: hidden;">
		<div id="menu4content">
          <table width="100%"  border="0" cellspacing="0" cellpadding="0" class="navsub">
            <tr>
              <td>Sponsoren</td>
            </tr>
            <tr>
              <td>Partner</td>
            </tr>
          </table>
		  </div>
        </div>
        <div id="menu5container" style="position:absolute; width:82px; height:27px; z-index:7; left: 426px; top: 144px; visibility: hidden;">
		<div id="menu5content">
          <table width="100%"  border="0" cellspacing="0" cellpadding="0" class="navsub">
            <tr>
              <td>Downloads</td>
            </tr>
            <tr>
              <td>Galerie</td>
            </tr>
          </table>
        </div>
		</div>
        </div>      <img src="bilder_neu/head.jpg" width="900" height="114"></td>
    </tr>
    <tr>
      <td><img src="bilder_neu/menu_left.jpg" width="107" height="28"></td>
      <td><a href="index.php?show=verein"><img src="bilder_neu/menu_verein.jpg" alt="verein" width="138" height="28" border="0" onMouseOver="ypSlideOutMenu.showMenu(menu1)" onMouseOut="ypSlideOutMenu.hideMenu(menu1)"></a></td>      <td><img src="bilder_neu/menu_projekte.jpg" width="64" height="28"></td>
      <td><img src="bilder_neu/menu_bibliothek.jpg" width="72" height="28"></td>
      <td><img src="bilder_neu/menu_links.jpg" width="46" height="28"></td>
      <td><img src="bilder_neu/menu_community.jpg" width="80" height="28"></td>
      <td><img src="bilder_neu/menu_kontakt.jpg" width="60" height="28"></td>
      <td><img src="bilder_neu/menu_sitemap.jpg" width="62" height="28"></td>
      <td><img src="bilder_neu/menu_impressum.jpg" width="159" height="28"></td>
      <td><img src="bilder_neu/menu_right.jpg" width="112" height="28"></td>
    </tr>
    <tr>
      <td colspan="10"><img src="bilder_neu/menu_under.jpg" width="900" height="29"></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td colspan="8"><table width="681"  border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="68"><img src="bilder_neu/content_ueberschrift_left.jpg" width="68" height="56"></td>
    <td background="bilder_neu/content_ueberschrift_center.jpg" width="278" class="ueberschrift">
PHP: 
<? echo $ueberschrift; ?>
HTML: 
</td>
    <td colspan="2" background="bilder_neu/content_uebersch_rightest.jpg" width="335">&nbsp;</td>
    </tr>
 
</table>

<table width="100%"  border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="68"><img src="bilder_neu/content_top_left.jpg" width="68" height="62"></td>
    <td colspan="2" background="bilder_neu/content_top_center.jpg">&nbsp;</td>
    <td width="62"><img src="bilder_neu/content_top_right.jpg" width="62" height="62"></td>
  </tr>
  <tr>
    <td background="bilder_neu/content_left.jpg">&nbsp;</td>
    <td colspan="2" background="bilder_neu/content_background.jpg" class="content">
PHP: 
<? echo $text; ?>
HTML: 
</td>
    <td background="bilder_neu/content_right.jpg">&nbsp;</td>
  </tr>
  <tr>
    <td><img src="bilder_neu/content_but_left.jpg" width="68" height="83"></td>
    <td colspan="2" background="bilder_neu/content_but_center.jpg">&nbsp;</td>
    <td><img src="bilder_neu/content_but_right.jpg" width="62" height="83"></td>
  </tr>
</table>


</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td colspan="10"><img src="bilder_neu/copyright.jpg" width="900" height="122"></td>
    </tr>
  </table>
</div>
</body>
</html>



Vielen Dank für Eure Hilfe.


Liebe Grüße,
Christian Rosick
 
Zuletzt bearbeitet:
  • Entferne die Kommas am Ende der Zeilen mit:
Code: 
new ypSlideOutMenu(.......),
im <head> der Seite, oder ersetze sie durch Semikola

  • bei der Vergabe der IDs für die Submenues(menu1container,menu1content)
    muss das c nach der Ziffer gross geschrieben werden... das ist der eigentliche Fehler.
 
suuper, vielen dank.

darauf muss man erstmal kommen. :)
immer diese kleinen fehlerteufelchen

Dankeschön

Grüße,
Christian Rosick
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück