mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Di 16.04.2024 14:53 Benutzername: Passwort: Auto-Login

Thema: GetElementsByTagName - Listen komplett auf- und zuklappen vom 20.03.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> GetElementsByTagName - Listen komplett auf- und zuklappen
Autor Nachricht
ploehr
Threadersteller

Dabei seit: 19.12.2005
Ort: UelzCoast
Alter: 43
Geschlecht: Männlich
Verfasst Di 20.03.2007 16:26
Titel

GetElementsByTagName - Listen komplett auf- und zuklappen

 Antworten mit Zitat Zum Seitenanfang
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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 20.03.2007 16:38
Titel

Antworten mit Zitat Zum Seitenanfang
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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
ploehr
Threadersteller

Dabei seit: 19.12.2005
Ort: UelzCoast
Alter: 43
Geschlecht: Männlich
Verfasst Di 20.03.2007 16:45
Titel

Antworten mit Zitat Zum Seitenanfang
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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
dastef

Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 20.03.2007 17:35
Titel

Antworten mit Zitat Zum Seitenanfang
Wenn du eh ne ID verwendest, wozu dann der umweg über
getElementsByTagName ? Abgesehen davon, ist hätte obj eh
keine assoziativen indexe, sondern numerische Lächel
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 20.03.2007 17:35
Titel

Antworten mit Zitat Zum Seitenanfang
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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
ploehr
Threadersteller

Dabei seit: 19.12.2005
Ort: UelzCoast
Alter: 43
Geschlecht: Männlich
Verfasst Di 20.03.2007 18:40
Titel

Antworten mit Zitat Zum Seitenanfang
hallo m.

danke für deine hilfe, ich werds morgen ausprobieren. jetz is erstmal feierabend Lächel


@ 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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Navigation aufklappen und zuklappen
Draggable - Fenster auf- & zuklappen
suche tutorial > aufklappen .. zuklappen ...
listen in ff?
IE und Listen
[PHP] regexp & listen
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB