Hallo Leute ich habe untenstehender Cod soweit angepasst, dass er in meine Homepage passt. Nun habe ich ein Problem, meine Homepage besteht aus diversen Frams, ein Frame ist der Teil, in dem alle Texte angezeigt werden sollen. was muss ich, bzw wie muss ich den Cod anpassen, dass die Gewünschte Seite im "hauptframe" angezeigt wird, wenn ich z.B. auf "Sous-Menü 1.1" klicke?
Danke für die hilfe.
Hier der Cod:
***************************
<head>
<title>Handballpraxis</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<style type="text/css">
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 10;
left: 10;
}
dl#menu {
width: 10em;
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;
;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #0033CC;
font-size: 14px;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica;
}
dl#menu dd {
border: 1px solid gray;
}
dl#menu li {
text-align: center;
background: #0033FF;
font-size: 11px;
font-family: Verdana, Arial, Helvetica;
color: #FFFFFF;
}
dl#menu li a, dl#menu dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
dl#menu li a:hover, dl#menu dt a:hover {
background: #eee;
}
#mentions {
font-family: Verdana, Arial, Helvetica;
position: absolute;
bottom : 200px;
left : 10px;
background-color: #ddd;
font-size: 9px;
}
#mentions a {
text-decoration: none;
font-size: 9px;
}
#mentions a:hover{text-decoration: underline;
}
-->
</style>
</head>
<body>
<table width="169" align="center">
<tr>
<td width="161"><dl id="menu">
<dt onclick="javascript:montre('smenu1');">Menu 1</dt>
<dd id="smenu1">
<ul>
<li><a href="#">Sous-Menu 1.1</a></li>
<li><a href="#">Sous-Menu 1.2</a></li>
<li><a href="#">Sous-Menu 1.3</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu2');">Menu 2</dt>
<dd id="smenu2">
<ul>
<li><a href="#">Sous-Menu 2.1</a></li>
<li><a href="#">Sous-Menu 2.2</a></li>
<li><a href="#">Sous-Menu 2.3</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu3');">Menu 3</dt>
<dd id="smenu3">
<ul>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu4');">Menu 4</dt>
<dd id="smenu4">
<ul>
<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.1</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu5');">Menu 5</dt>
<dd id="smenu5">
<ul>
<li><a href="#">Sous-Menu 5.1</a></li>
<li><a href="#">Sous-Menu 5.1</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu6');">Menu 6</dt>
<dd id="smenu6">
<ul>
<li><a href="#">Sous-Menu 6.1</a></li>
<li><a href="#">Sous-Menu 6.1</a></li>
</ul>
</dd>
</dl>
</td>
</tr>
</table>
</body>
</html>
************************************
Gruss Mur
mur Gast |
