Dropdown menü, aber wie?

6

654616876814

Grünschnabel
Hi erst mal,

ich hab ein kleines prob. und zwar muß ich bis morgen ne website fertiggestellt haben,
habe diese auch soweit fertig; bis auf einen button der beim überfahren mit der Maus nach unten oder zur seite rausfahren soll und weitere Menüpunkte enthalten muß.
Mein eigentliches Problem ist das ich von Javascript eigentlich überhaupt keine Ahnung
habe und das über Nacht wohl nicht mal so eben erlernbar ist. Hat jemand evtl. ein bissl
Zeit mir "mal eben" was das angeht auf die sprünge zu helfen?

Wäre wirklich dankbar....

achja, es hilft mir leider nicht das man sich beispiel scripte runterladen kann da ich gar nicht weiß wie ich diese anpassen soll, wo gehört was hin, header body usw. hab zwar ne tolle site gefunden aber is irgendwie net so wirklich einfach.
http://www.rhirte.de/javascript/home.htm <-- für jeden der selfhtml für javascript sucht.
 
Zuletzt bearbeitet:
Hi erst mal.
Hab mich mal ein bissl durch javasript gekämft, komme nun aber nicht mehr weiter. hoffe es kann mir jemand ein paar ratschläge geben. hier ist der quelltext meines menüs:
Code: 
<html>
<head>
<title>Auswahlmenü</title>
<base target="anzeige">
<script language="JavaScript">
   function menue_runter() {document.menu.src="button3r.jpg";}
   function menue_hoch() {document.menu.src="button3.jpg";}
</script>
</head>
<body marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" link="#800000" alink="#000000" bgcolor="#FFFFFF" vlink="#800000">
<body  onLoad="menue_hoch()">
<div align="left">
<table border="0" cellpadding="0" cellspacing="0" width="150" height="100%" background="body.jpg">
  <tr>
      <td valign="top" align="left" width="100%"><a href="willkommen.htm"><br>
        <img src="button1.jpg" alt="Wilkommen" border="1" WIDTH="115" HEIGHT="22"><br>
        </a><br>
        <a href="wirüberuns.htm"><img src="button2.jpg" alt="So finden Sie uns" border="1" WIDTH="115" HEIGHT="22"></a><br>
        <br>
        
        <a href="unser_Fotoalbum.htm" onMouseOver="menue_runter()" onMouseOut="menue_hoch()">
        <img src="button3r.jpg" alt="test" name="menu" BORDER=0 usemap="#men_feld" height=20 width=107></a>
        
      <map name="men_feld">
        <area shape=rect coords="0,25,100,50"   href="gel.htm"  target="_top" alt="zu unseren Gel&auml;ndern">
        <area shape=rect coords="0,50,100,75"   href="trep.htm" target="_top" alt="zu unseren Treppen">
        <area shape=rect coords="0,75,100,100"  href="balk.htm" target="_top" alt="Zu den Balkoknen">
        <area shape=rect coords="0,100,100,125" href="vord.htm" target="_top" alt="zzu den Vord&auml;chern">
     </map>
        
        <a href="sofindensieuns.htm"><img src="button4.jpg" alt="So finden Sie uns" border="1" WIDTH="115"   
           HEIGHT="22"></a>
    <br>
    <br>
        <a href="kontakt.htm"><img src="button5.jpg" alt="Treten Sie mit uns in Kontakt" border="1" WIDTH="115"
           HEIGHT="22"></a>
       
      </td>
  </tr>
</table>
</div>
</body>
</html>


Also ich habe das problem das der button der nachher "ausklappen oder ausfahren" soll 2 verschiedene größen hat. muß ich beide gleich groß machen? aber wie mach ich das dann mit dem Button der unter diesem kommt, der abstand wäre doch dann größer?

und kann mir jemand was zu folgender zeile sagen?

area shape=rect coords="0,25,100,50

nehme mal an das es die angabe ist wo der link sitzt?

hoffe es kann mir jemand helfen, plz
 
Zuletzt bearbeitet von einem Moderator:
In halbwegs aktuellen Browsern können die Bilder unterschiedlich gross sein.
Du musst allerdings die Angaben zu width und height aus dem Bild rausnehmen...damit das grössere Bild auch in Originalgrösse angezeigt wird.

Es scheint dabei allerdings Probleme zu geben... der Mouseout-Event feuert, wenn das grössere Bild gezeigt wird, bereits, wenn man im Link den Bereich, welchen ursprünglich das kleine Bild einnahm, verlässt.
Du kannst das umgehen, indem du den Link ganz herausnimmst, und die Funktionsaufrufe direkt auf das Bild legst.

Zu den Koordinaten...ja, damit gibst du den Bereich des Bildes an, welcher klickbar ist.
Auch daher solltest du den Link entfernen....denn der umschliesst das ganze Bild....die anderen Links funktionieren dann nicht.
Den Link zu "unser_Fotoalbum.htm" definiere auch über solche Koordinaten.

Übrigens:in HTML ist nur ein <body> erlaubt;)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück