hi,
folgendes problem, ich will eine seite mit mehreren tabellarischen einträgen erstellen, um das ganze übersichtlicher zu gestalten, soll,wenn man einen button drückt, nur ein teil der einträge angeziegt werden.
bisher sieht das bei mir so aus:
-----------------------------------------------------------------------------------------------
<script type="text/javascript">
function anzeigen(eintrag) {
document.getElementById("kategorie1").style.display = "none";
document.getElementById("kategorie2").style.display = "none";
document.getElementById(eintrag).style.display = "inline";
}
</script>
<body>
<a href="#" onclick="anzeigen('kategorie1');">kategorie1</a>
<a href="#" onclick="anzeigen('kategorie2');">kategorie2</a>
<div id="kategorie1">link1</div>
<div id="kategorie1">link2</div>
<div id="kategorie2">link3</div>
<div id="kategorie2">link4</div>
</body
---------------------------------------------------------------------------------------------
das problem ist, dass immer nur der erste eintrag der jeweiligen kategorie "entfernt" wird und der 2,3,4,... einfach stehen bleibt.
was muß ich noch für befehle einfügen damit das ganze richtig funktioniert?
danke
edit:
könnt eigentlich besser ins javascript-forum passen, kann das bitte mal wer verschieben.
danke
folgendes problem, ich will eine seite mit mehreren tabellarischen einträgen erstellen, um das ganze übersichtlicher zu gestalten, soll,wenn man einen button drückt, nur ein teil der einträge angeziegt werden.
bisher sieht das bei mir so aus:
-----------------------------------------------------------------------------------------------
<script type="text/javascript">
function anzeigen(eintrag) {
document.getElementById("kategorie1").style.display = "none";
document.getElementById("kategorie2").style.display = "none";
document.getElementById(eintrag).style.display = "inline";
}
</script>
<body>
<a href="#" onclick="anzeigen('kategorie1');">kategorie1</a>
<a href="#" onclick="anzeigen('kategorie2');">kategorie2</a>
<div id="kategorie1">link1</div>
<div id="kategorie1">link2</div>
<div id="kategorie2">link3</div>
<div id="kategorie2">link4</div>
</body
---------------------------------------------------------------------------------------------
das problem ist, dass immer nur der erste eintrag der jeweiligen kategorie "entfernt" wird und der 2,3,4,... einfach stehen bleibt.
was muß ich noch für befehle einfügen damit das ganze richtig funktioniert?
danke
edit:
könnt eigentlich besser ins javascript-forum passen, kann das bitte mal wer verschieben.
danke
Zuletzt bearbeitet: