Klapptext
mLw
- html
Hiho,
bin neu hier und ich wollte fragen ob es möglich ist einen Klapptext per HTML zu erstellen ? Also mit Klapptext meine ich das wenn man auf eine bestimmte Kategorie klickt sich darunter Unterkategorien ausklappen :>
Hoffe ihr versteht mich :> !?
Hallo.
bin neu hier und ich wollte fragen ob es möglich ist einen Klapptext per HTML zu erstellen ? Also mit Klapptext meine ich das wenn man auf eine bestimmte Kategorie klickt sich darunter Unterkategorien ausklappen :>
Sowas, wie hier auf der Seite?
http://www.cumpas.co.uk/piano.php
Dafür brauchst du folgendes:
onMouseOver und style.display="none";
Hoffe ihr versteht mich :> !?
Ja ;)
Ich hoffe ich konnte helfen, H2O
Hallo.
bin neu hier und ich wollte fragen ob es möglich ist einen Klapptext per HTML zu erstellen ? Also mit Klapptext meine ich das wenn man auf eine bestimmte Kategorie klickt sich darunter Unterkategorien ausklappen :>
Sowas, wie hier auf der Seite?
http://www.cumpas.co.uk/piano.php
Dafür brauchst du folgendes:
onMouseOver und style.display="none";
^^^^^^^^^^^
Ach was rede ich denn da, ich meinte natürlich onClick
Ups, jetzt habe ich doch glatt, vergessen zu sagen, dass das mit HTML nur schlecht machbar ist.
Wenn dann Mit JavaScript.
Wenn du sowas mit HTML machen wolltest müsstest du für jede Kategorie eine neue Unterkategorie machen und je nachdem wie viele Kategorien es gibt, kann das viel werden.
Also hier von ein paar Links, die dir helfen könnten (zu JavaScript) und Beispiele:
<a href="kat01.html" onClick="document.getElementById('unten01').style.display='block';return false;">Menü aufklappen</a>
<div id="unten01" style="display:none;">
<a href="unt01.html">Untermenü</a>
</div>
Hier die Links dazu:
http://de.selfhtml.org/javascript/objekte/style.htm
http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onclick
Ich denke mal, dass Menü klappt so (auch wenn ich es noch nicht probiert habe).
Ich hoffe ich konnte helfen, H2O
Hi,
hm ja du konntest mir schon bisschen helfen nur leider verstehe ich gar nichts über Java :)!
Könnte mir jemand vieleicht noch ein bisschen helfen, vielleicht sogar nötige datein ect. postet ?
MfG
Hallo.
hm ja du konntest mir schon bisschen helfen nur leider verstehe ich gar nichts über Java :)!
Ich auch nicht *g* Ich verstehe nur was von JavaScript.
Java und JavaScript haben nur gleiche Namen. Mit Java sind JavaApplets gemeint.
Könnte mir jemand vieleicht noch ein bisschen helfen, vielleicht sogar nötige datein ect. postet ?
Hier mal ein Beispiel. Sehr simpel. Es wäre leichter machbar, aber ich habe heute Abend keine Lust mehr ein Super-Menü zu machen.
Also hier der Quelltext:
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
<html>
<head>
<title>Menü aufklappen</title>
<script language="JavaScript">
<!--
var zauf01 = "0";
function auf01() {
if (zauf01 == "0") {
document.getElementById('unten01').style.display='block';
document.getElementById('auf01').innerHTML='Zuklappen';
zauf01 = "1";
}
else if (zauf01 == "1") {
document.getElementById('unten01').style.display='none';
document.getElementById('auf01').innerHTML='Aufklappen';
zauf01 = "0";
}
}
var zauf02 = "0";
function auf02() {
if (zauf02 == "0") {
document.getElementById('unten02').style.display='block';
document.getElementById('auf02').innerHTML='Zuklappen';
zauf02 = "1";
}
else if (zauf02 == "1") {
document.getElementById('unten02').style.display='none';
document.getElementById('auf02').innerHTML='Aufklappen';
zauf02 = "0";
}
}
var zauf03 = "0";
function auf03() {
if (zauf03 == "0") {
document.getElementById('unten03').style.display='block';
document.getElementById('auf03').innerHTML='Zuklappen';
zauf03 = "1";
}
else if (zauf03 == "1") {
document.getElementById('unten03').style.display='none';
document.getElementById('auf03').innerHTML='Aufklappen';
zauf03 = "0";
}
}
//-->
</script>
</head>
<body>
<a href="#" id="auf01" onClick="auf01();return false;">Aufklappen</a>
<div id="unten01" style="display:none;">
<a href="unt01.html">Untermenü 1 - Link 1</a><br>
<a href="unt02.html">Untermenü 1 - Link 2</a><br>
<a href="unt03.html">Untermenü 1 - Link 3</a><br>
<a href="unt04.html">Untermenü 1 - Link 4</a><br>
</div>
<br>
<a href="#" id="auf02" onClick="auf02();return false;">Aufklappen</a>
<div id="unten02" style="display:none;">
<a href="unt01.html">Untermenü 2 - Link 1</a><br>
<a href="unt02.html">Untermenü 2 - Link 2</a><br>
<a href="unt03.html">Untermenü 2 - Link 3</a><br>
<a href="unt04.html">Untermenü 2 - Link 4</a><br>
</div>
<br>
<a href="#" id="auf03" onClick="auf03();return false;">Aufklappen</a>
<div id="unten03" style="display:none;">
<a href="unt01.html">Untermenü 3 - Link 1</a><br>
<a href="unt02.html">Untermenü 3 - Link 2</a><br>
<a href="unt03.html">Untermenü 3 - Link 3</a><br>
<a href="unt04.html">Untermenü 3 - Link 4</a><br>
</div>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
So, ich hoffe das hilft dir weiter.
Ich hoffe ich konnte helfen, H2O
Juhu,
danke es funktioniert super !
vielen dank !
MfG
Hallo.
danke es funktioniert super !
Sehr gut. Hattest du denn Probleme es anzupassen, oder hat alles gut geklappt?
vielen dank !
Gern geschehen.
Und auch mir macht es meistens noch Spaß solche Aufgaben zu lösen.
Schönen Tag noch, H2O