Computerhilfen.de Logo
Forum
Tipps
News
Frage stellen

Wie weiter verlinken

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


Antworten zu Wie weiter verlinken:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hi mur, du alter Schwede!

  • wie schaut denn die Frame-Konstruktion aus, und in welchem Frame kommt denn dann dieses Menü zum Einsatz ? (das übrigens offline sehr sauber funzt!!)


erwin

« CSS. Link immer mit bestimmten Zeichen o.ä.???reguöäre ausdrücke in PHP »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
Mainframe
Große Computer, wie sie in Rechenzentren zum Einsatz kommen, und die über Terminals Tausende von Anwender bedienen. Siehe auch Super-Computer...

Pulldown Menü
Der Begriff pull down stammt aus dem Englischen und bedeutet herunterziehen. In früheren Jahren befand sich in rein textlich ausgerichteten Benutzerobeflächen d...