Stijn,
Oh, I did not know that Jetspeed blocks some attachment. Here is a portal of the code.
Function initTraverse() is responsible for generating the submenu.
Thanks so much for helping me on this.
Richard
<script language="javascript">
// script for changing tab images
<!-- Begin
// Preload Images
var tab1 = new Image(); tab1.src = "images/nav_wfm_selected.gif";
var tab2 = new Image(); tab2.src = "images/nav_reports_selected.gif";
var tab3 = new Image(); tab3.src = "images/nav_admin_selected.gif";
var tab4 = new Image(); tab4.src = "images/nav_analytics_selected.gif";
var tab5 = new Image(); tab5.src = "images/nav_dashboards_selected.gif";
// End -->
// script to show/hide table content
function toggleMenu(layer1, layer2,layer3,layer4,layer5,layer6){
document.all(layer1).style.display='block';
document.all(layer2).style.display='none';
document.all(layer3).style.display='none';
document.all(layer4).style.display='none';
document.all(layer5).style.display='none';
document.all(layer6).style.display='none';
document.all(layer1+"Title").style.display='';
document.all(layer2+"Title").style.display='none';
document.all(layer3+"Title").style.display='none';
document.all(layer4+"Title").style.display='none';
document.all(layer5+"Title").style.display='none';
document.all(layer6+"Title").style.display='none';
}
var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
function loadXML(xmlFile) {
xmlDoc.async="false";
xmlDoc.onreadystatechange=verify;
xmlDoc.load(xmlFile);
}
function verify() {
if(xmlDoc.readyState!=4)
return false;
}
function initTraverse(file) {
loadXML(file);
var doc=xmlDoc.documentElement;
strTable ="<table><tr>";
traverse1(doc,0);
strTable += "<tr></table>";
document.write(strTable);
}
function traverse1(xmlNode) {
if(xmlNode.hasChildNodes()) {
for(var i=0; i<xmlNode.childNodes.length; i++)
{
var node = xmlNode.childNodes(i);
switch(node.nodeName)
{
case "menuItem":
strTable +="<td nowrap
onClick=show('Menu"+level+i+"')>";
strTable += node.childNodes[0].text;
strTable +="</td>";
traverse(node, i);
break;
}
}
}
}
</script>
<!-- BEGIN global header -->
<table width="100%" height="63" cellpadding="0" cellspacing="0" border="0" ID="Table1">
<tr>
<td width="117" align="left" valign="top"><img
src="images/ops_portal_logo.gif" width="117" height="63" alt="Operations Portal logo"
border="0"></td>
<td width="15" align="left" valign="top"><img
src="images/op_bg_left.gif" width="15" height="63" alt="" border="0"></td>
<td width="590" align="left" valign="bottom" class="mainnavbg">
<!-- BEGIN main navigation -->
<table border="0" cellpadding="0" cellspacing="0" ID="Table2">
<tr>
<td width="174" align="left" valign="top"><a
href="#" onClick="tab1.src='images/nav_wfm_selected.gif';
tab2.src='images/nav_reports.gif'; tab3.src='images/nav_admin.gif';
tab4.src='images/nav_analytics.gif'; tab5.src='images/nav_dashboards.gif';
toggleMenu('wfm','s_nav','reports','admin','analytics','dashboards');
document.all.mainIframe.src='Modules/wfm/wfm.html'; "><img
src="images/nav_wfm_selected.gif" width="174" height="23" alt="Work Force Monitoring"
border="0" name="tab1"></a></td>
<td width="86" align="left" valign="top"><a
href="#" onClick="tab1.src='images/nav_wfm.gif';
tab2.src='images/nav_reports_selected.gif'; tab3.src='images/nav_admin.gif';
tab4.src='images/nav_analytics.gif'; tab5.src='images/nav_dashboards.gif';
toggleMenu('reports','s_nav','wfm','admin','analytics','dashboards');
document.all.mainIframe.src='blankpage.htm';"><img src="images/nav_reports.gif"
width="86" height="23" alt="Reports" border="0" name="tab2"></a></td>
<td width="125" align="left" valign="top"><a
href="#" onClick="tab1.src='images/nav_wfm.gif'; tab2.src='images/nav_reports.gif';
tab3.src='images/nav_admin_selected.gif'; tab4.src='images/nav_analytics.gif';
tab5.src='images/nav_dashboards.gif';
toggleMenu('admin','s_nav','reports','wfm','analytics','dashboards');
document.all.mainIframe.src='html/admin.html';"><img src="images/nav_admin.gif"
width="125" height="23" alt="Administration" border="0" name="tab3"></a></td>
<td width="95" align="left" valign="top"><a
href="#" onClick="tab1.src='images/nav_wfm.gif'; tab2.src='images/nav_reports.gif';
tab3.src='images/nav_admin.gif'; tab4.src='images/nav_analytics_selected.gif';
tab5.src='images/nav_dashboards.gif';
toggleMenu('analytics','s_nav','reports','admin','wfm','dashboards');
document.all.mainIframe.src='html/analytics.html';"><img
src="images/nav_analytics.gif" width="95" height="23" alt="Analytics" border="0"
name="tab4"></a></td>
<td width="110" align="left" valign="top"><a
href="#" onClick="tab1.src='images/nav_wfm.gif'; tab2.src='images/nav_reports.gif';
tab3.src='images/nav_admin.gif'; tab4.src='images/nav_analytics.gif';
tab5.src='images/nav_dashboards_selected.gif';
toggleMenu('dashboards','s_nav','wfm','reports','admin','analytics');
document.all.mainIframe.src='Modules/Dashboards/SampleWebParts.aspx';"><img
src="images/nav_dashboards.gif" width="110" height="23" alt="Dashboards" border="0"
name="tab5"></a></td>
</tr>
</table>
<!-- END main navigation -->
</td>
<td width="114" align="left" valign="top"><img
src="images/op_bg_right.gif" width="114" height="63" alt="" border="0"></td>
<td align="left" valign="top" background="images/op_bg.gif"><img
src="images/spacer.gif" width="1" height="1" alt="" border="0"></td>
<td width="117" align="left" valign="top"><img
src="images/op_bg_vz_logo.gif" width="117" height="63" alt="Verizon logo"
border="0"></td>
</tr>
</table>
<!-- BEGIN empty secondary navigation (used for sections without secondary navigation)
-->
<div id="s_nav" style="display:block">
<table width="100%" height="24" border="0" cellpadding="0" cellspacing="0"
class="utilitynav" ID="Table3">
<tr>
<td width="131" height="24" align="left" class="utilitynavbg"><img
src="images/unav_left_corner.gif" width="10" height="26" alt="" border="0"></td>
<!-- BEGIN Utility Nav -->
<td height="24" align="left" valign="middle" class="utilitynavbg"><img
src="images/spacer.gif" width="1" height="24" alt="" border="0"></td>
<!-- END Utility Nav -->
<!-- BEGIN Textual Links -->
<!-- Separate Links with --- "<span class="pipe">|</span>" -->
<td height="24" align="right" valign="middle"
class="utilitynavbg"><span class="utilitynavright" nowrap><a href="#"
class="globalheadlink" onclick="return logOut();">Logout</a><span
class="pipe">|</span><a href="#" class="globalheadlink">Help</a></span><img
src="images/spacer.gif" width="14" height="1" alt="" border="0"></td>
<!-- END Textual Links -->
</tr>
</table>
</div>
<!-- END empty secondary navigation -->
<!-- BEGIN secondary navigation for wfm -->
<div id="wfm" style="display:none">
<table width="100%" height="24" border="0" cellpadding="0" cellspacing="0"
class="utilitynav" ID="Table4">
<tr>
<td width="131" height="24" align="left" class="utilitynavbg"><img
src="../images/unav_left_corner.gif" width="10" height="26" alt="" border="0"></td>
<!-- BEGIN Utility Nav -->
<td height="24" align="left" valign="middle" class="utilitynavbg">
</td>
<!-- END Utility Nav -->
<!-- BEGIN Textual Links -->
<!-- Separate Links with --- "<span class="pipe">|</span>" -->
<td height="24" align="right" valign="middle"
class="utilitynavbg"><span class="utilitynavright" nowrap><a href="#"
class="globalheadlink" onclick="return logOut();" >Logout</a><span
class="pipe">|</span><a href="#" class="globalheadlink">Help</a></span><img
src="../images/spacer.gif" width="14" height="1" alt="" border="0"></td>
<!-- END Textual Links -->
</tr>
</table>
</div>
<!-- END secondary navigation for wfm -->
<!-- BEGIN secondary navigation for Reports -->
<div id="reports" style="display:none">
<table width="100%" height="24" border="0" cellpadding="0" cellspacing="0"
class="utilitynav" ID="Table5">
<tr>
<td width="131" height="24" align="left" class="utilitynavbg"><img
src="../images/unav_left_corner.gif" width="10" height="26" alt="" border="0"></td>
<!-- BEGIN Utility Nav -->
<td height="24" align="left" valign="middle" class="utilitynavbg">
<script language="JavaScript">
initTraverse("Configuration/admin_reportsJS.xml");
</script>
</td>
<!-- END Utility Nav -->
<!-- BEGIN Textual Links -->
<!-- Separate Links with --- "<span class="pipe">|</span>" -->
<td height="24" align="right" valign="middle"
class="utilitynavbg"><span class="utilitynavright" nowrap><a href="#"
class="globalheadlink" onclick="return logOut();">Logout</a><span
class="pipe">|</span><a href="#" class="globalheadlink">Help</a></span><img
src="../images/spacer.gif" width="14" height="1" alt="" border="0"></td>
<!-- END Textual Links -->
</tr>
</table>
</div>
<!-- END secondary navigation for Reports -->
<!-- END global header -->
<!-- BEGIN content body -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" ID="Table9">
<tr>
<td width="100%">
<iframe id="mainIframe"
style="width:100%;height:480px;" marginwidth="0" marginheight="0" frameborder="0"
src="Modules/wfm/wfm.html"></iframe>
</td>
</tr>
</table>
<!-- END content body -->
-----Original Message-----
From: Stijn de Witt [mailto:[EMAIL PROTECTED]
Sent: Wednesday, February 11, 2004 3:37 AM
To: Jetspeed Users List
Subject: Re: Javascript in top.vm
Liu,
I can see you have attached a file, but Outlook Express won't let me open
it...
Maybe you can put the text in the message?
Does anyone know of some setting that's needed to get the attachment? I
think outlook treats the attachment as unsafe because it came from a mailing
list...
-Stijn
----- Original Message -----
From: "Liu, Richard" <[EMAIL PROTECTED]>
To: "Jetspeed Users List" <[EMAIL PROTECTED]>
Sent: Wednesday, February 11, 2004 12:57 AM
Subject: RE: Javascript in top.vm
Hi Stijn,
Thanks for your response. Attached is a portion of our vm file.
As you will see, function initTraverse() generates the submenu navigation.
The submenu is initially displayed for less than 1 second. After the page is
reloaded, it disappears.
Thanks,
Richard
-----Original Message-----
From: Stijn de Witt [mailto:[EMAIL PROTECTED]
Sent: Tuesday, February 10, 2004 5:16 PM
To: Jetspeed Users List
Subject: Re: Javascript in top.vm
I've been messing with JavaScript and Jetspeed too. I guess this has got
something to do with your action=".." html attributes...Could you post the
html source?
-Stijn
----- Original Message -----
From: "Liu, Richard" <[EMAIL PROTECTED]>
To: "Jetspeed Users List" <[EMAIL PROTECTED]>
Sent: Tuesday, February 10, 2004 10:43 PM
Subject: Javascript in top.vm
HiAll,
We have implemented top.vm to display a multi-level menu for the top
navigation. When one menu item is selected, its submenu items are
expanded and displayed. We implemented this using JavaScript. However,
the expanded submenu disappears immediately and the page is reloaded.
What is the underlying mechanism which leads to this reloading? Any
suggestions are highly appreciated.
Richard
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
----------------------------------------------------------------------------
----
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: [EMAIL PROTECTED]
> For additional commands, e-mail: [EMAIL PROTECTED]
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
