Kompliziere Verlinkung

RamsesII · 23.12.2007, 14:31

Hallo zusammen,

ich komme einfach nicht mehr weiter

Hier mal einen schreenshot:

Demzufolge kommt unten ein Menü rein, welches aber wiederum ein Submenü enthält. Beim Anklicken eines Menüpunkts soll nur der untere Teil wechseln, in dem dann eben die anderen Menüpunkte stehen.

Ich will nicht extra eine neue index-datei machen und die mit "_self" verlinken. Kann mir jemand helfen?

Hoffe, dass der shot aussagekräftig genug ist.

Rinaldo · 23.12.2007, 20:12

Es gibt sehr viele Möglichkeiten, ein Menü zu erstellen, bei dem die Unterpunkte aufklappen - könntest Du mal zeigen, wie das Menü aussehen soll? Dann lässt sich bestimmt eine Lösung finden.

RamsesII · 24.12.2007, 12:55

In die umrahmte Tabelle werden Textlinks gesetzt. Klickt man darauf, erscheint einerseits dann der Text im "main", andererseits darf sich nur der untere Teil (also der, in der die Tabelle ist) verändern und darin sind dann andere Links, die im "main" angezeigt werden.

Es geht mir also ausschließlich um die richtige Verlinkung, dass das Submenü unten angezeigt wird.

fuchzga · 24.12.2007, 21:45

Hi,
sowas geht mit Javascript und CSS.
Folgendes Grundprinzip:
Du gibst im HTML schon mal dein Menu und SubMenu ganz normal an, mit <span id="id1" style:display: none;"> schaltest du aber ein, das dieses Element nicht angezeigt wird.

Nun benötigst du noch ein kleines Javascript, welches den Style vom Element von "display=none" auf "display=block" umschreibt (siehe SelfHTML).

Ein Beispiel wie sowas aussehen könnte hab ich hier gefunden:
Einfach mal nach den Stichworten javascript dhtml menu im Internet suchen....

RamsesII · 02.01.2008, 13:34

Also erst schon mal vielen Dank für die Hilfe. ABER...

Es soll ja unten nix aufgeklappt werden, vielmehr sollen die Links die in der unteren Tabelle stehen ein anderes Menü öffnen.

Rinaldo · 02.01.2008, 17:07

Ich versteh es immer noch nicht wirklich... Könntest Du mal mit ein paar Grafiken zeigen, wie und wo das Menü hinkommen soll?

RamsesII · 03.01.2008, 13:18

Also folgendes:

Dieses ist ein screenshot von der ersten Seite. Bitte Inahlt des Menüs unten beachten:

Bei dem Link "Interaktives" soll dann dieses Menü erscheinen:

Soweit besser dargestellt? :-)

RamsesII · 06.01.2008, 14:00

Hallo,

natürlich muss ich die Punkte in ein Menü schreiben - darum geht es ja nicht. Vielmehr geht es darum, wie ich sie verlinken muss, wenn ich nach dem anklicken der unteren Menüs in ein anderes Menü will.

Vielleicht wird es etwas deutlicher, wenn ich euch mal die html-codierung zeige:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>I did it my way</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="start.css" rel="stylesheet" type="text/css">
</head>

<body topmargin="0" marginheight="0" leftmargin="0" marginwidth="0" style="overflow:hidden;margin:0px;height:100%;padding:0px;" >
<table align="center" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="100%"> <table cellpadding="0" cellspacing="0" border="0">
<tr>
<td colspan="3"><img width="950" height="90" src="startgrafiken/oben.jpg" border="0" /></td>
</tr>
<tr>
<td background="startgrafiken/links.jpg" width="110" height="404" />          

<td width="730" height="404" class="inl">
<iframe src="inhalt.htm" width="730" height="404" name="main" border="0" frameborder="0" scrolling="auto" ></iframe>
</td>
<td> <img width="110" height="404" src="startgrafiken/rechts.jpg" border="0" /></td>
</tr>
<tr>
<td colspan="3"> <img width="950" height="76" src="startgrafiken/unten1.jpg" border="0" /></td>
</tr>
<tr>
<td align="center" background="Startgrafiken/unten.jpg" colspan="3" width="950" height="50" id="menu" ><table width="90%" border="1">
<tr>
<td><div align="center"><a href="inhalt.htm" target="main"><img src="startgrafiken/home1.jpg" alt="Zum Startbild" width="60" height="36" border="0"></a></div></td>
<td><div align="center"><a href="html/willkommen.htm" target="main">Willkommen</a></div></td>
<td><div align="center">My way</div></td>
<td><div align="center">Poetisches</div></td>
<td><div align="center"><a href="html/song.htm" target="main">Der
Song</a></div></td>
<td><div align="center">Interaktives</div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>