Autor |
Nachricht |
ploehr
Threadersteller
Dabei seit: 19.12.2005
Ort: UelzCoast
Alter: 43
Geschlecht:
|
Verfasst Di 20.03.2007 16:26
Titel GetElementsByTagName - Listen komplett auf- und zuklappen |
|
|
hallo leute,
ich hab mehrere ineinander verschachtelte listen, die ich, bis auf die "mutterliste", komplett anzeigen bzw. ausblenden möchte. ich hab dabei an GetElementsByTagName gedacht und auch schon ein passendes skript gefunden. der haken daran ist, dass das skript eine ID verlangt.
kann mir jemand sagen, wie ich alle ul anspreche?
die funktion:
Code: | function ShowHide(id) {
obj = document.getElementsByTagName("ul");
if (obj[id].style.display == 'block'){
obj[id].style.display = 'none';
}
else {
obj[id].style.display = 'block';
}
} |
der aufruf:
Code: | <a href="javascript:ShowHide('id-name')" onfocus="this.blur()">show.hide</a> |
vielen dank im voraus
greetz ploehr
Zuletzt bearbeitet von ploehr am Di 20.03.2007 17:23, insgesamt 1-mal bearbeitet
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 20.03.2007 16:38
Titel
|
|
|
Ich verstehe nicht ganz was du vorhast?
Code: | <ul>
<li>Item 1
<ul>
<li>Sub Item 1</li>
<li>Sub Item 2</li>
</ul>
</li>
<li>Item 2
<ul>
<li>Sub Item 2.1</li>
<li>Sub Item 2.2</li>
</ul>
</li>
</ul> |
So soll der Quellcode aussehen? Und bei onclick auf Item 1 soll jetzt die untergeordnete UL
und somit Sub Item 1 & Sub Item 2 sichtbar werden und alle anderen UL Elemente welche
sich in einem LI Element befinden unsichtbar sein?
Und alle UL´s spricht du eben wie du schon erwähnst per "getElementsByTagName" an.
Zuletzt bearbeitet von m am Di 20.03.2007 16:41, insgesamt 2-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
ploehr
Threadersteller
Dabei seit: 19.12.2005
Ort: UelzCoast
Alter: 43
Geschlecht:
|
Verfasst Di 20.03.2007 16:45
Titel
|
|
|
hallo m.
- der der auf/zuklappen-link befindet sich außerhalb des listenkonstrukts.
- beim anklicken soll bis auf Item 1 alles ein- oder ausgeblendet werden.
das ist eigentlich alles.
gruß ploehr
|
|
|
|
|
dastef
Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 20.03.2007 17:35
Titel
|
|
|
Wenn du eh ne ID verwendest, wozu dann der umweg über
getElementsByTagName ? Abgesehen davon, ist hätte obj eh
keine assoziativen indexe, sondern numerische
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 20.03.2007 17:35
Titel
|
|
|
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<script type="text/javascript">
<!--
function showHide() {
var toplevel = document.getElementById('toplevel');
var lists = toplevel.getElementsByTagName('UL');
for(var i=0; i<lists.length; i++) {
(lists[i].style.display != 'none')
? lists[i].style.display = 'none'
: lists[i].style.display = '';
}
}
//-->
</script>
</head>
<body>
<b onclick="showHide(); return false;">auf-/zuklappen</b>
<ul id="toplevel">
<li>Test</li>
<li>Test
<ul>
<li>Test</li>
<li>Test</li>
<li>Test</li>
</ul>
</li>
<li>Test
<ul>
<li>Test</li>
<li>Test</li>
<li>Test</li>
</ul>
</li>
</ul>
</body>
</html> |
Wie gesagt, über getElementsByTagName kommst du an die Elemente,
die hast du dann in einem Array welches du dann durchläufst und die
Style Eigenschaften setzt.
Zuletzt bearbeitet von m am Di 20.03.2007 17:37, insgesamt 1-mal bearbeitet
|
|
|
|
|
ploehr
Threadersteller
Dabei seit: 19.12.2005
Ort: UelzCoast
Alter: 43
Geschlecht:
|
Verfasst Di 20.03.2007 18:40
Titel
|
|
|
hallo m.
danke für deine hilfe, ich werds morgen ausprobieren. jetz is erstmal feierabend
@ dastef:
dastef hat geschrieben: | Wenn du eh ne ID verwendest, wozu dann der umweg über
getElementsByTagName ? |
ich wollte ja gerade keine ID verwenden.
gruß
ploehr
Zuletzt bearbeitet von ploehr am Di 20.03.2007 18:42, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
Draggable - Fenster auf- & zuklappen
Navigation aufklappen und zuklappen
suche tutorial > aufklappen .. zuklappen ...
IE und Listen
listen in ff?
HTML Listen
|
|