source: GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18/template/siteStylePreview.xsl @ 714

Revision 714, 15.2 KB checked in by giegl, 18 years ago (diff)

GTP NOF webpage initial check in
Line 
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("&lt;script language='javascript' src='" + fsiApp.AppDirectory + "NetObjects System/rollover.js'&gt;&lt;\/script&gt;" );
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" &amp;&amp; isDecorator ) {
33      document.getElementById("defaultBanner").innerHTML =  "";
34    }
35   
36    //Move page content
37    if (typeof (topOffset) != "undefined" &amp;&amp;  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">
65body {
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
94DIV#NavigationBar2_1LYR {
95position:absolute; visibility:hidden; top:0; left:0; z-index:1;}
96DIV#NavigationBar2_2LYR {
97position: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" &amp;&amp; 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>               
Note: See TracBrowser for help on using the repository browser.