Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

--- sidebar2 [2016/02/16 21:17]
+++ sidebar2 [2021/05/25 08:17] (aktuell)
teutebergt [Navigation]
@@ Zeile 1: / Zeile 1: @@
+<html>
+<div class="oldsidebartop">
+</html>
+~~NOTOC~~
+====== Navigation ======
+<html>
+</div>
+</html>
+<html>
+<div class="thwmenu">
+<div id="toptmp">
+<div id="toptmppic1"> </div>
+<div id="toptmppic2"> </div>
+ </div>
+<div id="logo"><a href="doku.php"><img src='logo.jpg' height=128px border=0px></a></div>
+<!-- die style-Angaben des details-Elements sind wichtig für die richtige Positionierung des Menüs!-->
+<nav id=navigation_menu><div id="navigation_menu_ueber_uns"><details class ="men" style="left:0px; padding:0 0 14px 0" >
+<summary style="padding:14px 0px">Über Uns</summary>
+<span class="newMenu">
+<ul>
+  <li><details><summary>Aufbau</summary>
+    <ul>
+      <li><a href="doku.php?id=aufbau:uebersicht"><div>Übersicht</div></a></li>
+      <li><details><summary>Verwaltung</summary>
+        <ul>
+          <li><a href="doku.php?id=aufbau:ov-stab"><div>OV-Stab</div></a></li>
+          <li><a href="doku.php?id=aufbau:unabhaengige_funktionen"><div>Unabhängige Funktionen</div></a></li>
+          <li><a href="doku.php?id=aufbau:beratung_und_verbindung"><div>Fachberatung</div></a></li>
+        </ul>
+      </details></li>
+      <li><details><summary>Technischer Zug</summary>
+        <ul>
+          <li><a href="doku.php?id=einheiten:technischer_zug"><div>Übersicht</div></a></li>
+          <li><a href="doku.php?id=einheiten:zugtrupp"><div>Zugtrupp</div></a></li>
+          <li><a href="doku.php?id=einheiten:bergungsgruppe"><div>Bergungsgruppe</div></a></li>
+          <li><a href="doku.php?id=einheiten:fachgruppe_notversorgung_und_notinstandsetzung"><div>Fachgruppe Notversorgung und Notinstandsetzung</div></a></li>
+          <li><a href="doku.php?id=einheiten:fachgruppe_wassergefahren"><div>Fachgruppe Wassergefahren</div></a></li>
+          <li><a href="doku.php?id=einheiten:fachgruppe_ortung"><div>Fachgruppe Ortung</div></a></li>
+          <li><a href="doku.php?id=einheiten:trupp_unbemannte_luftfahrtsysteme"><div>Trupp Unbemannte Luftfahrtsysteme</div></a></li>
+        </ul>
+      </details></li>
+      <li><details><summary>Fachzug Logistik</summary>
+        <ul>
+          <li><a href="doku.php?id=einheiten:fachzug-logistik"><div>Übersicht</div></a></li>
+          <li><a href="doku.php?id=einheiten:fachgruppe_logistik-verpflegung"><div>Fachgruppe Logistik-Verpflegung</div></a></li>
+        </ul>
+      </details></li>
+      <li><details><summary>Weitere Gruppen</summary>
+        <ul>
+          <li><a href="doku.php?id=aufbau:jugendgruppe"><div>Jugendgruppe</div></a></li>
+          <li><a href="doku.php?id=aufbau:grundausbildungsgruppe"><div>Grundausbildungs&shy;gruppe</div></a></li>
+          <li><a href="doku.php?id=aufbau:einsatzkraefte"><div>Einsatzkräfte</div></a></li>
+          <li><a href="doku.php?id=aufbau:alters_und_ehrengruppe"><div>Alters- und Ehrengruppe</div></a></li>
+        </ul>
+      </details></li>
+    </ul>
+  </details></li>
+  <li><details><summary>Das THW</summary>
+    <ul>
+      <li><a href="doku.php?id=das_thw:bundesanstalt"><div>Bundesanstalt THW</div></a></li>
+      <li><a href="doku.php?id=das_thw:struktur"><div>Aufbau</div></a></li>
+      <li><a href="doku.php?id=das_thw:anfordern"><div>Anfordern</div></a></li>
+      <li><a href="doku.php?id=das_thw:berichten"><div>Berichten</div></a></li>
+      <li><a href="doku.php?id=links:thw"><div>Links</div></a></li>
+      <li><a href="doku.php?id=das_thw:geschichte"><div>Geschichte</div></a></li>
+    </ul>
+  </details></li>
+  <li><details><summary>Mitmachen</summary>
+    <ul>
+      <li><a href="doku.php?id=mitmachen:uebersicht"><div>Aktiv Helfen</div></a></li>
+      <li><a href="doku.php?id=mitmachen:bfd"><div>Bundesfreiwilligen&shy;dienst</div></a></li>
+      <li><a href="doku.php?id=mitmachen:helfervereinigung"><div>Unterstützen</div></a></li>
+    </ul>
+  </details></li>
+  <li><details><summary>Informationen</summary>
+    <ul>
+      <li><details><summary>Nützliche Links</summary>
+        <ul>
+          <li><a href="doku.php?id=links:uebersicht"><div>Übersicht</div></a></li>
+          <li><a href="doku.php?id=links:THW"><div>THW</div></a></li>
+          <li><a href="doku.php?id=links:Feuerwehr"><div>Feuerwehr</div></a></li>
+          <li><a href="doku.php?id=links:Rettungsdienst"><div>Rettungsdienst</div></a></li>
+          <li><a href="doku.php?id=links:polizei"><div>Polizei</div></a></li>
+          <li><a href="doku.php?id=links:sonstige"><div>Sonstige</div></a></li>
+        <ul>
+      </details></li>
+      <li><a href="doku.php?id=adressen"><div>Adressen</div></a></li>
+      <li><a href="doku.php?id=der_weg_zum_ov"><div>Der Weg zu uns</div></a></li>
+      <li><a href="doku.php?id=lexikov:startseite"><div>LexikOV</div></a></li>
+      <li><a href="doku.php?id=homepage:impressum"><div>Impressum</div></a></li>
+    </ul>
+  </details></li>
+  <li><a href="doku.php?id=geschichte:ueber_uns"><div>Geschichte</div></a></li>
+</ul>
+</span></details></div>
+<div id="navigation_menu_jugend"><details class ="men" style="left:160px; padding:0 0 14px 0" >
+<summary style="padding:14px 0px">Jugend</summary>
+<span class="newMenu">
+<ul>
+  <li><a href="doku.php?id=jugend:jugend"><div>Startseite</div></a></li>
+  <li><a href="doku.php?id=jugend:aktuelles"><div>Aktuelles</div></a></li>
+  <li><a href="doku.php?id=jugend:ausbildung"><div>Ausbildung</div></a></li>
+  <li><a href="doku.php?id=jugend:mitmachen"><div>Mitmachen</div></a></li>
+  <li><a href="doku.php?id=jugend:haeufige_fragen"><div>Häufige Fragen</div></a></li>
+</ul>
+</span></details></div>
+<!-- die style-Angaben des details-Elements sind wichtig für die richtige Positionierung des Menüs!-->
+<div id="navigation_menu_aktuelles"><details class ="men" style="left:320px; padding:0 0 14px 0" >
+<summary style="padding:14px 0px">Aktuelles</summary>
+<span class="newMenu">
+<ul>
+  <li><a href="doku.php?id=aktuelles:aktuelles"><div>Übersicht</div></a></li>
+  <li><details><summary>Nach Themen</summary>
+    <ul>
+      <li><a href="doku.php?id=aktuelles:einsaetze"><div>Einsätze</div></a></li>
+      <li><a href="doku.php?id=aktuelles:ausbildungen"><div>Ausbildungen</div></a></li>
+      <li><a href="doku.php?id=aktuelles:uebungen"><div>Übungen</div></a></li>
+      <li><a href="doku.php?id=aktuelles:veranstaltungen"><div>Veranstaltungen</div></a></li>
+      <li><a href="doku.php?id=aktuelles:meldungen"><div>Meldungen</div></a></li>
+      <li><a href="doku.php?id=aktuelles:jugend"><div>Jugend</div></a></li>
+    <ul>
+  </details></li>
+  <li><a href="doku.php?id=bildergalerie:bildergalerie"><div>Bildergalerie</div></a></li>
+  <li><a href="doku.php?id=aktuelles:archiv:archiv"><div>Archiv</div></a></li>
+</ul>
+</span></details></div></nav>
+<div class ="men" id="men8">
+<form action="/doku.php" accept-charset="utf-8" id="dw__search" method="get">
+<input name="do" value="search" type="hidden">
+<input name="id" id="qsearch__in" type="text" size="10">
+<input id="such" type="submit" src="such.gif" value=" " title="Suchen"></form>
+</div>
+</div>
+<div class ="thwbilder">
+</body>
+</div>
+<style>
+.newMenu {
+  display: block;
+  top: 0px;
+  margin-top: -1px;
+}
+.newMenu.newMenu ul {
+  font-size: 0.8em;
+  list-style-type: none;
+  margin: 0!important;
+  padding: 0!important;
+  position: absolute;
+}
+.newMenu.newMenu ul ul {
+  margin-left: 156px!important;
+  font-size: 1.0em;
+}
+.newMenu ul ul li:first-child {
+  margin-top: -34px;
+}
+.newMenu.newMenu li {
+  color: rgb(1,71,193);
+  background-color: rgb(255,255,204);
+  border: 2px solid rgb(1,71,193);
+  padding: 0;
+  padding-left: 0!important;
+  width: 156px;
+}
+.newMenu.newMenu li div , .newMenu.newMenu li summary {
+  padding: 0.3em;
+}
+.newMenu li:hover, .newMenu li:hover > a > div, .newMenu li:focus-within, .newMenu li:focus-within > a > div, .newMenu details[open] {
+  color: white;
+  background-color: blue;
+  border-color: blue;
+}
+</style>
+<script>
+function closeAllNavMenus(html_object){
+  let details_list = document.querySelectorAll("nav details")
+  for(let details of details_list){
+    details.removeAttribute("open");
+  }
+}
+function isChildOf(child, parent){
+  //einmal den DOM absteigen, bis das Elternelement erreicht ist  - oder die Wurzel, dann ist das Kind null.
+  while(child != parent && child != null)child = child.parentNode;
+  return Boolean(child);
+}
+function klickBodyHandler(event) {
+  if(!isChildOf(event.target,navigation_menu)) closeAllNavMenus();
+}
+function focusinHandler(event){
+  let navigation_submenu_list = document.querySelectorAll("#navigation_menu details")
+  for(let navigation_submenu of navigation_submenu_list){
+    if(!isChildOf(event.target, navigation_submenu)){
+      navigation_submenu.open = false;
+    }
+  }
+}
+function focusoutHandler(event){
+  if(!isChildOf(event.relatedTarget, navigation_menu)){
+    closeAllNavMenus();
+  }
+}
+let navigation_menu = document.getElementById("navigation_menu");
+navigation_menu.addEventListener('focusin', focusinHandler);
+navigation_menu.addEventListener('focusout', focusoutHandler);
+window.addEventListener('click', klickBodyHandler);
+</script>
+</html>

Auf einen Klick

Mehr von uns

Adresse & Kontakt

Aktionskarte

OV in Zahlen

Mithelfen!

Unterschiede