Turbostaat schrieb:
Und dein Tab Beispiel ist auch nur eine hover Geschichte, aber um ein Tabmenü zum draufklicken (nicht nur den Mauszeiger drüberfahren!) zu entwerfen, kommt man um JS nicht rum.
.
Anscheinend habt ihr beide aber nicht wirklich euch mit der Materie beschäftigt scheint es mir.
Wozu brauch ich für ein Tab-Menü JavaScript? Das Tab-Menü ist eine Gestalterische Technik die weder was mit JavaScript zutun hat, geschweige es benötigt. (Beispiel für Tabmenü:
Beispiel)
Das Menü benötigt kein JavaScript, klicke ich auf einen andere Tab, wird eine neue Seite gelesen, und dieser Tab als aktiv markiert. Vollkommen korrekt. JavaScript brauch ich nur für eines: Dynamisierung des Tab-Menüs wenn ich bereits geladen Inhalt noch einmal Verpacken will. Für das gestalterische Element des Tab-Menüs ist aber kein JavaScript nötig, genau so wenig für die Funktion dieses Menüs. Der Aktive Tab wird bei beiden Varianten angezeigt und es ist ein Tab. JavaScript ist also nur dann nötig wenn ich z.b folgendes Gebilde verwende:
HTML:
<div class="tabMenu"><ul><li><a id="tab1" href="javascript:showTab('1')>Tab 1</a></li><li><a id="tab2" href="javascript:showTab('2')>Tab 2</a></li></ul></div><div id="tab1Content" class="visble">INHALT</div><div id="tab2Content" class='invisble'>INHALT2</div>
Zugehöriger einfache JavaScript Code:
Code:
function showTab(id) {
if (id = 1) {
document.getElementById('tab1').className = 'active';
document.getElementById('tab1Content').className = 'visble';
document.getElementById('tab2').className = '';
document.getElementById('tab2Content').className = 'invisble';
}
if (id = 2) {
document.getElementById('tab2').className = 'active';
document.getElementById('tab2Content').className = 'visble';
document.getElementById('tab1').className = '';
document.getElementById('tab1Content').className = 'invisble';
}
(Für den Code übernehme ich keine Richtigkeit, da er grade so geschrieben wurde.)
So, damit kann ich nun auf einer Seite zwischen zwei Tabs hin und her schalten.
Ich kann aber auch zwei Seiten erstellen:
index.html, seite1.html
index.html
HTML:
<div class="tabMenu"><ul><li><a href="index.html" class="active">Tab 1</a></li><li><a href="seite1.html">Tab 2</a></li></ul></div><div id="inhalt1">INHALT</div>
seite1.html
HTML:
<div class="tabMenu"><ul><li><a href="index.html">Tab 1</a></li><li><a href="seite1.html" class="active">Tab 2</a></li></ul></div><div id="inhalt1">INHALT</div>
So beides sind Tab Menüs, das eine braucht kein JavaScript, es verlinkt auf eine Neueseite, trotzdem ist es ein Tabmenü, das andere nutzt JavaScript, und ist auch ein Tab Menü.
Macht euch erst mal klar was ein Tab Menü ist und wo zu es dient, nämlich zur besseren Erkennbarkeit der Zuordnung eines Links zu einem Inhalt im Fall von Webseiten. Also bevor ihr solche Behauptungen aufstellt, informiert euch. Zudem geht es mir nicht direkt um das Tab Menü, sondern um die Gestaltung dieses Tab Menüs und der Aussage, das der FF, Opera, Safari alles gleich macht, was auch nicht stimmt, und wie ihr ein TAB MENÜ ohne HTML und CSS machen wollt, will ich sehen, ohne die Beiden geht es nicht, sie sind nämlich die Ausgabesprache, und ohne diese beiden auch kein Tab-Menü, denn mit JavaScript könnt ihr nur HTML + CSS verändert nicht mehr nicht weniger im Fall von Tab Menüs.
Jeshas, immer diese Typen mit Halbwissen.
Ach ja, ich weiß das der Code nicht Fehkerfrei ist, er sollte ja nur zur Anschauung dienen.