如图,我需要在buttomFrame中点击“在线客服”的< a >标签按钮,然后在rightFrame中把小窗口显示出来。小窗口是直接置于rightFrame文字上方的样子。
以下是frameset的代码部分:
<frameset rows="104,*,27" cols="*" frameborder="1" border="2" framespacing="0">
<frame src="<%=request.getContextPath()%>/jsp/top.jsp" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame"/>
<frameset rows="*" cols="299,*" framespacing="0" frameborder="1" border="2">
<frame src="<%=request.getContextPath()%>/index.jsp" name="leftFrame" scrolling="No" height="100%" noresize="noresize" />
<frame src="<%=request.getContextPath()%>/jsp/right.jsp" name="rightFrame" scrolling="no" noresize="noresize" id="rigtFrame" title="rightFrame" />
</frameset>
<frame src="<%=request.getContextPath()%>/Mini.jsp" name="buttomFrame" scrolling="no" noresize="noresize" id="buttomFrame" title="buttomFrame"/>
</frameset>
下面是buttomFrame的Mini.jsp中的部分主要代码:
<!-- 在线客服,底部显示按钮 -->
<div id="floatBtn" class="float-show" style="display:block">
<a style="display:block" id="showFloat" class="btnShow" title="显示在线客服" style="top:1px" href="javascript:void(0);"></a>
</div>
<!-- 在线客服,其悬框宽度在css中设置 -->
<div id="floatTools" class="float-cs" style="height:246px; display:none">
<!-- 小窗口左侧栏 -->
<div id="floatTitle" class="floatL">
<a style="display:block" id="hideFloat" class="btnCtn" title="关闭在线客服" style="top:20px" href="javascript:void(0);">收缩</a>
</div>
<!-- 右侧栏 -->
<div id="floatView" class="floatR" style="display:block;height:237px;width: 140px;">
<div class="cn">
<h3 class="titZx">在线客服</h3>
<ul>
<li>
<span>客服小吴</span>
<script>
if (online[0]==1)
document.write("<a target='_blank' href='http://wpa.qq.com/msgrd?v=3&uin=12345678&site=qq&menu=yes' title='在线咨询'><img src='images/online.png' border=0/></a>");
else
document.write("<a target='_blank' href='http://wpa.qq.com/msgrd?v=3&uin=12345678&site=qq&menu=yes' title='请留言'><img src='images/offline.png' border=0/></a>");
</script>
</li>
... ...
</ul>
</div>
</div>
</div>