Benutzer:Dirk123456/Baustellenbaustelle 001/Baustelle-A/Baustelle-A.13

Wo kommt "NavFrame" her?

MediaWiki:Common.js -->

  • ...
  • mw.loader.using( [ ...
    • var ...
    • function toggleNavigationBar(NavToggle, NavFrame)
    • { ...
    • }
    • function toggleNavigationBarFunction(NavToggle, NavFrame) {
    • ...
    • }
    • var ...
    • for (var i=0; i<NavFrames.length; i++) {
    • ...
  • })});
  • //================================================================================
  • ...

Man kann die "div class"-Sachen nur bedingt formatieren, weil bedingt durch "style=" formatieren, weil Javascript arbeitet. So wird für die class="NavFrame"-, "NavHead"- und <div class="NavContent"-style-Angaben außen etwas anderes angezeigt als innen.

Beispiel als Code:

<div class="NavFrame" style="border-color:#e0eee0; padding:5px; padding-bottom:0px; background:#f0fff0;">
<div class="NavHead" style="background:#e0eee0;">Ein- und Ausklappen - Beispiel mit Zusatz-Styles</div>
<div class="NavContent" style="background:#FFFFFF;>
{| class="wikitable" style="background:#FFFFFFF;"
|-
| Ein wenig Text in der Tabelle
|}
<div class="NavFrame" style="margin-left:5px; border-color:#eec0a0; padding:5px; padding-bottom:0px; background:#ffe0c0;">
<div class="NavHead" style="background:#FFFFFF;">Ein- und Ausklappen - Beispiel mit Zusatz-Styles</div>
<div class="NavContent" style="background:#FFFFFF;">
Innerer Text
</div></div>
* Hier kommen jetzt noch zwei schließende div-Tags.
</div></div>

Beispiel formatiert:

Start

Ende

Text der Anwendung (nowiki-Tags):

<div style="display:none; margin-left:5px; border:solid; border-color:#eec0a0; padding:5px; padding-bottom:0px; background-color:#ffe0c0;">

Text 1

Text 2

</div>

Anwendung des Textes als Wikitext:


Text 1

Text 2

Ende.

Wenn man nur die div-Tags mit class="NavFrame" verwendet, kann man zwar aus-und einklappen, die Ansicht ändert sich aber kaum.


 Info: Man sollte diese Naviboxen möglichst „nicht“ ineinander schachteln sondern untereinander setzen, es gibt zudem noch eine hilfreiche Vorlage:NavFrame mit Vorlage:NavFrame/Ende

Wenn man die div-Tags mit class="NavFrame" und class="NavHead" verwendet, wird ein grauer Hintergrund eingezogen und das Einklappen funktioniert nicht wirklich.

Wenn man die div-Tags mit class="NavFrame", class="NavHead" und class="NavContent" verwendet, dann funktioniert es.


Beispiel mit Vorlagen