1 | <?xml version="1.0" encoding="ISO-8859-1"?>
|
---|
2 |
|
---|
3 |
|
---|
4 | <xsl:stylesheet version="1.0"
|
---|
5 | xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
|
---|
6 |
|
---|
7 | <xsl:import href="siteStyle.xsl"/>
|
---|
8 | <xsl:output method="html" />
|
---|
9 | <xsl:strip-space elements="*" />
|
---|
10 |
|
---|
11 | <xsl:template match="SiteStyle">
|
---|
12 | <html>
|
---|
13 | <head>
|
---|
14 | <link rel="stylesheet" href="display.css" type="text/css" />
|
---|
15 | <script>
|
---|
16 |
|
---|
17 | //Get the absolute path to navabar script
|
---|
18 | var fsiApp = new ActiveXObject("FSI.FSIApplication");
|
---|
19 | document.write("<script language='javascript' src='" + fsiApp.AppDirectory + "NetObjects System/rollover.js'><\/script>" );
|
---|
20 |
|
---|
21 | fsiApp = null;
|
---|
22 |
|
---|
23 | /**
|
---|
24 | * Move site style elements when a decorative style has been choosed.
|
---|
25 | */
|
---|
26 | function handleStyleElements() {
|
---|
27 |
|
---|
28 | //Move banner into decorator
|
---|
29 | if (document.getElementById("bannerContainer")) {
|
---|
30 | document.getElementById("bannerContainer").innerHTML = document.getElementById("defaultBanner").innerHTML;
|
---|
31 | document.getElementById("defaultBanner").innerHTML = "";
|
---|
32 | } else if (typeof (isDecorator) != "undefined" && isDecorator ) {
|
---|
33 | document.getElementById("defaultBanner").innerHTML = "";
|
---|
34 | }
|
---|
35 |
|
---|
36 | //Move page content
|
---|
37 | if (typeof (topOffset) != "undefined" && typeof (leftOffset) != "undefined") {
|
---|
38 | document.getElementById("pageContainer").style.position = "absolute";
|
---|
39 | document.getElementById("pageContainer").style.top = topOffset + "px";
|
---|
40 | document.getElementById("pageContainer").style.left = leftOffset + "px";
|
---|
41 | }
|
---|
42 |
|
---|
43 | //If decorator style includes a navbar.
|
---|
44 | if (document.getElementById("navbarContainer")){
|
---|
45 | var container = document.getElementById("navbarContainer");
|
---|
46 | if ( container.type == "" || container.type == "vertical") {
|
---|
47 | container.innerHTML = document.getElementById("defaultNavbarVertical").innerHTML;
|
---|
48 | }
|
---|
49 | else if (container.type == "horizontal") {
|
---|
50 | container.innerHTML = document.getElementById("defaultNavbarHorizontal").innerHTML;
|
---|
51 | }
|
---|
52 |
|
---|
53 | removeNavbar("defaultNavbarVertical");
|
---|
54 | removeNavbar("defaultNavbarHorizontal");
|
---|
55 | } else //No decorative styles
|
---|
56 | removeNavbar("defaultNavbarHorizontal");
|
---|
57 | }
|
---|
58 |
|
---|
59 | function removeNavbar(navbarId) {
|
---|
60 | document.getElementById(navbarId).innerHTML = "";
|
---|
61 | }
|
---|
62 | </script>
|
---|
63 | </head>
|
---|
64 | <style type="text/css">
|
---|
65 | body {
|
---|
66 | margin: 10px;
|
---|
67 | }
|
---|
68 |
|
---|
69 | .dataList {
|
---|
70 | font-family: Verdana, Arial, Helvetica, sans-serif;
|
---|
71 | font-size: 10px;
|
---|
72 | font-weight: bold;
|
---|
73 | vertical-align: text-top;
|
---|
74 | white-space: nowrap;
|
---|
75 | }
|
---|
76 | </style>
|
---|
77 |
|
---|
78 | <style ID="NOF_STYLE_SHEET">
|
---|
79 | .NavigationButton2_1 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
|
---|
80 | .NavigationButton2_1Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
|
---|
81 |
|
---|
82 | .NavigationButton2_2 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
|
---|
83 | .NavigationButton2_2Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
|
---|
84 |
|
---|
85 | .NavigationButton2_3 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
|
---|
86 | .NavigationButton2_3Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
|
---|
87 |
|
---|
88 | .NavigationButton2_4 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
|
---|
89 | .NavigationButton2_4Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
|
---|
90 |
|
---|
91 | .NavigationButton2_5 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
|
---|
92 | .NavigationButton2_5Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
|
---|
93 |
|
---|
94 | DIV#NavigationBar2_1LYR {
|
---|
95 | position:absolute; visibility:hidden; top:0; left:0; z-index:1;}
|
---|
96 | DIV#NavigationBar2_2LYR {
|
---|
97 | position:absolute; visibility:hidden; top:0; left:0; z-index:1;
|
---|
98 | }
|
---|
99 | </style>
|
---|
100 |
|
---|
101 | <xsl:apply-templates select="Navbar" mode="generate"/>
|
---|
102 |
|
---|
103 | <body bgcolor="" background="" onload="handleStyleElements()">
|
---|
104 | <div id="pageContainer">
|
---|
105 | <TABLE width="600" border="0" cellpadding="0" cellspacing="0">
|
---|
106 | <TR>
|
---|
107 | <TD></TD>
|
---|
108 | <TD><IMG src="labels/spacer.gif" width="20" height="1"/></TD>
|
---|
109 | <TD align="center">
|
---|
110 | <div id="defaultBanner">
|
---|
111 | <xsl:apply-templates select="Banners/Banner[position() = 1]" />
|
---|
112 | </div>
|
---|
113 | </TD>
|
---|
114 | <TD><IMG src="labels/spacer.gif" width="20" height="1"/></TD>
|
---|
115 | </TR>
|
---|
116 | <TR>
|
---|
117 | <TD valign="top">
|
---|
118 | <div id="defaultNavbarHorizontal">
|
---|
119 | <table border="0" cellspacing="0" cellpadding="0" width="130">
|
---|
120 | <tr valign="top" align="left">
|
---|
121 | <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton1',1)" onMouseOut="F_roll('NavigationButton1',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button1"/></a></td>
|
---|
122 |
|
---|
123 | <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton2',1)" onMouseOut="F_roll('NavigationButton2',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button2"/></a></td>
|
---|
124 |
|
---|
125 | <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton3',1)" onMouseOut="F_roll('NavigationButton3',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button3"/></a></td>
|
---|
126 |
|
---|
127 | <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton4',1)" onMouseOut="F_roll('NavigationButton4',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button4"/></a></td>
|
---|
128 | </tr>
|
---|
129 | </table>
|
---|
130 | </div>
|
---|
131 | <div id="defaultNavbarVertical">
|
---|
132 | <table border="0" cellspacing="0" cellpadding="0" width="130">
|
---|
133 | <tr valign="top" align="left">
|
---|
134 | <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton1',1)" onMouseOut="F_roll('NavigationButton1',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button1"/></a></td>
|
---|
135 | </tr>
|
---|
136 | <tr valign="top" align="left">
|
---|
137 | <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton2',1)" onMouseOut="F_roll('NavigationButton2',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button2"/></a></td>
|
---|
138 | </tr>
|
---|
139 | <tr valign="top" align="left">
|
---|
140 | <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton3',1)" onMouseOut="F_roll('NavigationButton3',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button3"/></a></td>
|
---|
141 | </tr>
|
---|
142 | <tr valign="top" align="left">
|
---|
143 | <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton4',1)" onMouseOut="F_roll('NavigationButton4',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button4"/></a></td>
|
---|
144 | </tr>
|
---|
145 | </table>
|
---|
146 | </div>
|
---|
147 |
|
---|
148 | </TD>
|
---|
149 | <TD></TD>
|
---|
150 | <TD valign="top">
|
---|
151 | <TABLE id="layout" border="0" cellspacing="0" cellpadding="0">
|
---|
152 | <TR>
|
---|
153 | <TD><H1>Überschrift 1</H1>
|
---|
154 | <H3>Überschrift 3</H3>
|
---|
155 | <P>Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum <A href="JavaScript:void(0);">Beispiellink</A>. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum.Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum. </P>
|
---|
156 | <H5>Überschrift 5</H5>
|
---|
157 | <P>Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum <A href="JavaScript:void(0);">Beispiellink</A>. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum.Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum.</P>
|
---|
158 | <IMG src="" alt="" name="line" width="350" height="2" id="line" border="0"/>
|
---|
159 | <TABLE border="0" cellspacing="0" cellpadding="0">
|
---|
160 | <TR>
|
---|
161 | <TD align="center"><H4>Überschrift 4</H4></TD>
|
---|
162 | <TD><IMG src="labels/spacer.gif" width="50" height="30"/></TD>
|
---|
163 | <TD align="center"><H4>Überschrift 4</H4></TD>
|
---|
164 | </TR>
|
---|
165 | <TR>
|
---|
166 | <TD valign="top">
|
---|
167 | <OL>
|
---|
168 | <LI>Element 1</LI>
|
---|
169 | <UL>
|
---|
170 | <LI>Element A</LI>
|
---|
171 | <LI>Element B</LI>
|
---|
172 | </UL>
|
---|
173 | <LI>Element 2</LI>
|
---|
174 | <LI>Element 3</LI>
|
---|
175 | </OL></TD>
|
---|
176 | <TD></TD>
|
---|
177 | <TD valign="top">
|
---|
178 | <xsl:apply-templates select="Bullet" mode="preview"/>
|
---|
179 | </TD>
|
---|
180 | </TR>
|
---|
181 | <TR>
|
---|
182 | <TD valign="top"></TD>
|
---|
183 | <TD></TD>
|
---|
184 | <TD valign="top"></TD>
|
---|
185 | </TR>
|
---|
186 | </TABLE></TD>
|
---|
187 | </TR>
|
---|
188 | <TR>
|
---|
189 | <TD align="center"><p align="center"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">[</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Home</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">] [</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Unbenannt1</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">] [Unbenannt2] [</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Unbenannt3</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">] [</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Unbenannt4</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">]</font></p></TD>
|
---|
190 | </TR>
|
---|
191 | </TABLE></TD>
|
---|
192 | <TD></TD>
|
---|
193 | </TR>
|
---|
194 | </TABLE>
|
---|
195 | </div>
|
---|
196 | <xsl:apply-templates select="header"/>
|
---|
197 |
|
---|
198 | </body>
|
---|
199 | </html>
|
---|
200 | </xsl:template>
|
---|
201 |
|
---|
202 |
|
---|
203 |
|
---|
204 | <xsl:template match="Navbar" mode="generate">
|
---|
205 | <script>
|
---|
206 | var C_MENU_BORDER = 0
|
---|
207 | var C_MENU_SPACING = 0
|
---|
208 | var C_MENU_BGCOLOR = ""
|
---|
209 | var C_MENU_AUTO_CLOSE = true;
|
---|
210 | new NOF_Menu(
|
---|
211 | new NOF_Main_Menu(new NOF_Menu_Item('NavigationBar2_1', 'vertical', 'slideRight', 130, 0,
|
---|
212 | new NOF_Menu_Button('#','<xsl:value-of select="../Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]/Image/@path"/>',
|
---|
213 | '<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 3]/Image/@path"/>',
|
---|
214 | new NOF_Menu_Item('NavigationBar2_2', 'vertical', 'fadeRight', 130, 0,
|
---|
215 | new NOF_Menu_Button('#','<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]/Image/@path"/>',
|
---|
216 | '<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 3]/Image/@path"/>'))),
|
---|
217 | new NOF_Menu_Button('#','<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]/Image/@path"/>',
|
---|
218 | '<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 3]/Image/@path"/>'))));
|
---|
219 |
|
---|
220 | function preLoad(obj, path, array) {
|
---|
221 |
|
---|
222 | var offsetX = 130; // Define submenu offsetX
|
---|
223 | var offsetY = 0; // Define submenu offsetX
|
---|
224 |
|
---|
225 | if (document.getElementById("navbarContainer")){
|
---|
226 | var container = document.getElementById("navbarContainer");
|
---|
227 | if (typeof(container.type) != "undefined" && container.type == "horizontal") {
|
---|
228 | offsetX = 0;
|
---|
229 | offsetY = 40;
|
---|
230 | } else
|
---|
231 | container.type = "vertical";
|
---|
232 | }
|
---|
233 |
|
---|
234 | if (array == 0)
|
---|
235 | F_loadRollover(obj, path, 0)
|
---|
236 | else
|
---|
237 | F_loadRollover(obj, path, new Array('NavigationBar2_1', 'vertical', 'slideRight', offsetX, offsetY));
|
---|
238 | }
|
---|
239 |
|
---|
240 | </script>
|
---|
241 | </xsl:template>
|
---|
242 |
|
---|
243 | <xsl:template match="ButtonState" mode="button1">
|
---|
244 | <img id="NavigationButton2" name="NavigationButton1"
|
---|
245 | src="{../ButtonState[position() = 2 ]/Image/@path}"
|
---|
246 | onLoad="preLoad(this,'{../ButtonState[position() = 4]/Image/@path}',0)" border="0" alt="Button" title="Button" />
|
---|
247 | </xsl:template>
|
---|
248 |
|
---|
249 | <xsl:template match="ButtonState" mode="button2">
|
---|
250 | <img id="NavigationButton2" name="NavigationButton2"
|
---|
251 | src="{//Navbar/NavbarState/Button/ButtonState[position() = 1]/Image/@path}"
|
---|
252 | onLoad="preLoad(this,'{../ButtonState[position() = 3]/Image/@path}', new Array('NavigationBar4_1', 'vertical', 'slideRight', 130, 0))" border="0" alt="Button" title="Button" />
|
---|
253 | </xsl:template>
|
---|
254 |
|
---|
255 | <xsl:template match="ButtonState" mode="button3">
|
---|
256 | <img id="NavigationButton3" name="NavigationButton3"
|
---|
257 | src="{../ButtonState[position() = 1]/Image/@path}"
|
---|
258 | onLoad="preLoad(this,'{../ButtonState[position() = 3]/Image/@path}',0)" border="0" alt="Button" title="Button" />
|
---|
259 | </xsl:template>
|
---|
260 |
|
---|
261 | <xsl:template match="ButtonState" mode="button4">
|
---|
262 | <img id="NavigationButton4" name="NavigationButton4"
|
---|
263 | src="{../ButtonState[position() = 1]/Image/@path}"
|
---|
264 | onLoad="preLoad(this,'{../ButtonState[position() = 3]/Image/@path}',0)" border="0" alt="Button" title="Button" />
|
---|
265 | </xsl:template>
|
---|
266 |
|
---|
267 | <xsl:template match="Banner">
|
---|
268 | <div id="Banner.Default">
|
---|
269 | <xsl:choose>
|
---|
270 | <xsl:when test="@type = 'Image'">
|
---|
271 | <img src="{./Image/@path}" />
|
---|
272 | </xsl:when>
|
---|
273 | <xsl:otherwise>
|
---|
274 | <div style="{./Font/@css}"><img src="labels/spacer.gif" width="1" height="1">Text Banner</img></div>
|
---|
275 | </xsl:otherwise>
|
---|
276 | </xsl:choose>
|
---|
277 | </div>
|
---|
278 | </xsl:template>
|
---|
279 |
|
---|
280 |
|
---|
281 | </xsl:stylesheet> |
---|