Baba: eine Übersicht mit menü (über und untergeordnete Kategorien)

Beitrag lesen

von wieviel Javascript reden wir hier?

Pseudocode:

<script>  
  function TabClick(tab){  
    HideAllTabs();  
    ShowTab(tab);  
  }  
  function HideAllTabs(){  
    // foreach div#tabs div{  
      // -> display:none  
    // }  
  }  
  function ShowTab(tab){  
    // div#tabs div#tab -> display:block  
  }  
  
</script>
<html>  
  
  <div id='tabs'>  
  
    <ul>  
      <li id='tab1' onclick='TabClick("tab1");'>Apfel</li>  
      <li id='tab2' onclick='TabClick("tab2");'>Pflaume</li>  
      <li id='tab3' onclick='TabClick("tab3");'>Apfel</li>  
      <li id='tab4' onclick='TabClick("tab4");'>Apfel</li>  
    </ul>  
  
    <div id='tab1'> Hier kommt das Bild mit dem Text</div>  
    <div id='tab2'> Hier kommt das Bild mit dem Text</div>  
    <div id='tab3'> Hier kommt das Bild mit dem Text</div>  
    <div id='tab4'> Hier kommt das Bild mit dem Text</div>  
  
  </div>  
  
</html>

Das wird mit getElementById() browserkompatibel.

und was währe mit Frames meine jetzt im bezug auf kompatibilität und umsetzbarkeit?

Nicht empfehlenswert. Fang damit gar nicht erst an. Bleib bei JS. Wenn Du magst auch mit framework, z.b jquery und tabs. Dann ist's noch weniger Code.
BEISPIEL. Das CSS musst Du natürlich anpassen.

Cheers,
Baba