Datasheet
<td id=”td2” class=”menublock”
onMouseOver=”td2.style.backgroundColor=’#cccccc’;”
onMouseOut=”td2.style.backgroundColor=’#eeeeff’;” >
Hotel London
</td>
</tr>
<tr>
<td id=”td3” class=”menublock”
onmouseover=”td3.style.backgroundColor=’#cccccc’;var submenu =
document.getElementById(‘romesubmenu’);submenu.style.visibility = ‘visible’;return
true;” onMouseOut=”td3.style.backgroundColor=’#eeeeff’;” >
Hotel Rome
</td>
</tr>
<tr>
<td id=”td4” class=”menublock”
onMouseOver=”td4.style.backgroundColor=’#cccccc’;”
onMouseOut=”td4.style.backgroundColor=’#eeeeff’;” >
Hotel New York
</td>
</tr>
<tr>
<td id=”td5” class=”menublock”
onMouseOver=”td5.style.backgroundColor=’#cccccc’;”
onMouseOut=”td5.style.backgroundColor=’#eeeeff’;” >
Hotel Montreal
</td>
</tr>
</table>
<xsl:call-template name=”DynamicSubMenu”></xsl:call-template>
</div>
</xsl:template>
<xsl:template name=”DynamicSubMenu”>
<div id=”romesubmenu” class=”submenublock” onmouseover=”var submenu =
document.getElementById(‘romesubmenu’);submenu.style.visibility = ‘visible’;return
true;”>
<xsl:for-each select=”//Suite”>
<xsl:if test=”WeeksFree>0”>
<a href=”{Name}.htm”>
<xsl:value-of select=”Name”/>
</a>
<br/>
</xsl:if>
</xsl:for-each>
</div>
</xsl:template>
</xsl:stylesheet>
24
Chapter 1: Introducing Ajax
04_106754 ch01.qxp 2/9/07 6:15 PM Page 24