Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

--- sidebar2 [2016/02/16 21:17]
+++ sidebar2 [2021/05/25 08:16]
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>
+<div  class ="men" id="men0"
+onmouseover="javascript:idOn('sm0')"
+onmouseout="javascript:idOff('sm0')"
+><a  class ="menuA"
+onmouseover="javascript:idOn('sm0')"
+onmouseout="javascript:idOff('sm0')"
+onClick="javascript:idTgl('sm0')">
+Über Uns</a><span id="sm0" class="menu">
+<table><tr>
+<td valign='top'>
+<big><b>Unser OV</b></big>
+<ul>
+<li>
+<a class="intlnk" href="doku.php?id=aufbau:uebersicht">Aufbau</a>
+</li>
+<li><a class="intlnk" href="doku.php?id=mitmachen:uebersicht">Mitmachen</a>
+</li>
+<li><a class="intlnk" href="doku.php?id=mitmachen:helfervereinigung">Fördern</a>
+</li>
+<li><a class="intlnk" href="doku.php?id=geschichte:ueber_uns">Geschichte</a>
+</li>
+</ul>
+<big><b>Das THW</b></big>
+<ul>
+<li><a class="intlnk" href="doku.php?id=das_thw:anfordern">Anfordern</a></li>
+<li><a class="intlnk" href="doku.php?id=das_thw:bundesanstalt">Bundesanstalt</a></li>
+<li><a class="intlnk" href="doku.php?id=das_thw:struktur">Struktur</a></li>
+<li><a class="intlnk" href="doku.php?id=das_thw:geschichte">Geschichte</a></li>
+<li><a class="intlnk" href="doku.php?id=links:thw">Links</a></li>
+</td><td  valign='top'>
+<b><big>Einheiten</big></b>
+<ul>
+<li><a class="intlnk" href="doku.php?id=aufbau:ov-stab">Stab</a></li>
+<li><a class="intlnk"
+href="doku.php?id=einheiten:technischer_zug">Technischer Zug</a></li>
+<ul>
+<li><a class="intlnk" href="doku.php?id=einheiten:zugtrupp">Zugtrupp</a></li>
+<li><a class="intlnk" href="doku.php?id=einheiten:bergungsgruppe">Bergungsgruppe</a>
+<li><a class="intlnk" href="doku.php?id=einheiten:fachgruppe_notversorgung_und_notinstandsetzung">Fachgruppe Notversorgung und Notinstandsetzung</a></li>
+<li><a class="intlnk" href="doku.php?id=einheiten:fachgruppe_wassergefahren">Fachgruppe Wassergefahren</a></li>
+<li><a class="intlnk" href="doku.php?id=einheiten:fachgruppe_ortung">Fachgruppe Ortung</a></li>
+<li><a class="intlnk" href="doku.php?id=einheiten:trupp_unbemannte_luftfahrtsysteme">Trupp Unbemannte Luftfahrtsysteme</a></li>
+</ul>
+<li><a class="intlnk" href="doku.php?id=einheiten:fachgruppe_logistik-verpflegung">Fachgruppe Logistik-Verpflegung</a></li>
+</ul>
+<br>
+<b><big>Gruppen</big></b>
+<ul>
+<li><a class="intlnk" href="doku.php?id=einheiten:helferanwaerter">Helferanwärter</a></li>
+<li><a class="intlnk" href="doku.php?id=einheiten:jugendgruppe">Jugendgruppe</a></li>
+<li><a class="intlnk" href="doku.php?id=einheiten:altersgruppe">Altersgruppe</a></li>
+</ul>
+</td><td  valign='top'>
+<b><big>Kontakt</big></b>
+<ul>
+<li><a class="intlnk" href="doku.php?id=rightbar#adresse_kontakt">Allgemein</a></li>
+<li><a class="intlnk" href="doku.php?id=funktionstraeger:uebersicht">Funktionsträger</a></li>
+<li><a class="intlnk" href="doku.php?id=der_weg_zum_ov">Der Weg zu uns</a></li>
+</ul>
+<b><big>Infos</big></b>
+<ul>
+<li><a class="intlnk" href="doku.php?id=links:uebersicht">Links</a></li>
+<li><a class="intlnk" href="doku.php?id=links:thw">THW Links </a></li>
+<li><a class="intlnk" href="doku.php?id=links:thw#das_thw_im_regionalbereich_goettingen">Adressen </a>
+</li>
+<li>
+<a class="intlnk" href="doku.php?id=der_weg_zum_ov">Der Weg zu uns</a>
+</li>
+<li>
+<a class="intlnk" href="doku.php?id=lexikov:startseite">LexikOV</a>
+</li>
+<li><a class="intlnk" href="doku.php?id=homepage:impressum">Impressum</a>
+</li>
+</td></tr></ul></table>
+<p align="right"><small><a class="intlnk" href="doku.php">zur Startseite</a></small></p>
+</span></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>
+<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