HTML-Aufbau von JSW-Komponenten

Window

Ein JSWindow besitzt folgenden Aufbau:

<div id="Fenster_20_32" class="JSW OuterBox">
 <div class="JSW InnerBox">
  <iframe src="file:///D:/Projekte/HTML/Komponenten/JSWindows/examples/system-state_Fenster2.html" style="margin-bottom: -4px; width: 100%; height: 100%; border: 0px none transparent;"></iframe>
 </div>
 <div class="JSW BorderTop"></div>
 <div class="JSW BorderLeft"></div>
 <div class="JSW BorderRight"></div>
 <div class="JSW BorderBottom"></div>
 <div class="JSW EdgeTopLeft"></div>
 <div class="JSW EdgeTopRight"></div>
 <div class="JSW EdgeBottomLeft"></div>
 <div class="JSW EdgeBottomRight"></div>
 <div class="JSW Bar">
  <span class="JSW Title">Fenster 2</span>
  <div class="JSW Buttons">
   <a href="javascript: /* In neuem Fenster oeffnen */" class="JSW ButtonExclude"></a>
   <a href="javascript: /* Minimieren */" class="JSW ButtonMinimize"></a>
   <a href="javascript: /* Maximieren */" class="JSW ButtonMaximize"></a>
   <a href="javascript: /* Schliessen */" class="JSW ButtonClose"></a>
  </div>
 </div>
</div>
  

Oftmals besteht der Inhalt eines solchen Fensters wie hier aus einem IFrame, jedoch ist dies keinesfalls immer der Fall. Das Element InnerBox kann auch direkt HTML-Content enthalten.

Taskbar

Aufbau der Taskbar

Aufbau des Menüs