条件显示框架中的注销按钮

时间:2014-06-23 14:45:29

标签: javascript html

我有一个webapp,它使用以下框架集代码在其所有网页上显示框架。框架集中的myAccountTopFrame.jsp框架包含一个注销按钮,用户可以单击该按钮从站点注销。此注销按钮显示在所有网页上,包括登录页面。我想知道是否有办法在除登录页面之外的所有页面上显示此注销按钮。

<html xmlns="http://www.w3.org/1999/xhtml"> 
  <frameset rows="31px,*" border="0" frameborder="0" framespacing="0">  
    <frame src="myAccountTopFrame.jsp" name="top" frameborder="0" scrolling="no" >
    <frame src="<%=iFrameSrc%>" name="bottom" frameborder="0" style="display:block; align:top;">
  </frameset> 
</html>

由于

1 个答案:

答案 0 :(得分:0)

我做了以下事情来解决问题:

1)将onload =“toggleLogoutButton()”添加到“底部”框架。

2)添加toggleLoutoutButton JS以隐藏或显示基于“底部”框架路径的注销按钮。

见下文:

<frameset rows="31px,*" border="0" frameborder="0" framespacing="0">  
  <frame src="myAccountTopFrame.jsp" name="top" frameborder="0" scrolling="no">
  <frame src="<%=iFrameSrc%>" name="bottom" frameborder="0" style="display:block; align:top;" onload="toggleLogoutButton()">
</frameset> 

function toggleLogoutButton() {
  try {         
    // get the current location
    var currentPath = window.frames[1].location.pathname;

    // hide logout button if in login page.  Otherwise, show it. 
    if (currentPath.toLowerCase() == "/login2.jsp" || currentPath.toLowerCase() == "/login_outage.jsp")
      window.frames[0].document.getElementById("logoutButton").style.display="none";
    else {
      window.frames[0].document.getElementById("logoutButton").style.display="inline";
    }
  }
  catch(err) {
  }