Menü erweitern mit Javascript

K

Kugelschreiber0587

Grünschnabel
Hallo,

ich habe eine Seite mit 3 Frames. In einem Frame befindet sich die Navigation mit Buttons. Das Frame mit der Navigation ist eine Reihe, also rows! Leider reicht mir der Platz nicht aus und ich möchte folgende Feature einbauen: In dem Frame mit den Navigation soll es rechts ein Häckchen geben auf den man drauf klicken kann. Danach soll die Navigation erweitert werden. Also soll ich so eine Art Menü direkt unter dem Frame mit den Navigationen laden. Wie kann ich so etwas realisieren?

Gruß
 
Moin,

abgesehen davon, ob es noch sinnvoll ist, mit Frames zu arbeiten, wäre ein Ansatzpunkt, ein div zu verwenden, dessen visibility-Attribut auf "hidden" gestellt ist, und im Frame eingebaut ist.
Per Javascript kannst Du dann die visibility auf "visible" stellen.

HTML: 
<head>
<style type="text/css">
#DeinDiv {
   ...
   visibility:hidden;
   ...
}
</style>

<script type="text/javascript">
function einblenden(){
	document.getElementById(DeinDiv).style.visibility = "visible";
}
</script>
</head>
<body>
<input name="anzeigen" onClick="javascript:einblenden()" type="checkbox" value="" />
<div id="DeinDiv">Dein Inhalt</div>
</body>

Das kannst Du dann auch noch anpassen, so dass Du das Menu ein und ausblenden kannst.

Gruß

Torsten
 
Das hört sich ja schonmal gut an, danke! Allerdingst habe ich das Problem, dass die Java-Script Funktion nicht angewendet wird, obwohl ich die Sachen richtig angepasst habe. Stimmt evtl. in deinem Code etwas nicht, hmm?
 
An meinem Script stimmt in soweit etwas nicht, als dass es für Dich als Denkanstoß und nicht als fertige Lösung gedacht war. :)

Wenn Du bei
HTML: 
	document.getElementById("DeinDiv").style.visibility = "visible";
die Anführungszeichen einsetzt und die "..." bei der CSS-Klasse raus nimmst, sollte es klappen.

Wenn nicht, sie Dir unteres Beispiel an.

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
#DeinDiv {
	border:1px solid #000000;
	visibility:hidden;
}
</style>

<script type="text/javascript">
function einblenden(){
	document.getElementById("DeinDiv").style.visibility = "visible";
}
</script>
</head>

<body>
<input name="anzeigen" onClick="javascript:einblenden()" type="checkbox" value="" />
<div id="DeinDiv">Dein Inhalt</div>
</body>
</html>

Gruß

Torsten
 
Jo habs so weit hingekriegt. WIe mache ich das nun am besten mit den Frames? Innerhalb eines Frames klappt das alles - aber weil das Frame eine feste Größe hat, wird es halt abgeschnitten. Und ein Div-Layer kann ich nicht zwischen 2 Frames lagern, oder?
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück