类别切换分页 - liufei

<br clear="all" />

</div>

<div class="Adminright_top_title" >
<span class="column_li">
      <span class="s1"><a href="javascript:void(null)" onclick="showDiv('VIPDiv');return false;">VIP会议室</a></span>
      <span class="s1"><a href="javascript:void(null)" onclick="showDiv('AUTODiv');return false;">授权会议室</a></span>│
      <span class="s1"><a href="javascript:void(null)" onclick="showDiv('PULICDiv');return false;">公开会议室</a></span>│
      <span class="s1"><a href="javascript:void(null)" onclick="showDiv('PICTUREDiv');return false;">图文讨论室</a></span>│
      <span class="s1"><a href="javascript:void(null)" onclick="showDiv('VIDEODiv');return false;">视频会议室</a></span>
</span>
</div>

</ul>
<div class="clear"></div>
<div id="iframeDiv" style=" border:1px;color:Red;"><iframe id="iframeList" src="MeetingRecordPicture.aspx?RoomId=<%=Master.RoomId %>&TypeId=3" height="380px" width="100%" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></div>




</div>
    </ContentTemplate>
    </asp:UpdatePanel>
    <br />
<script type="text/javascript">
/*var currentDiv;
function showDiv(divId){
    var divObj = document.getElementById(divId);

    if (currentDiv!=null){
        currentDiv.style.display = "none";
        document.getElementById(divId).className="s1";
    }
    divObj.style.display="block";
    document.getElementById(divId).className="s2";
    currentDiv = divObj;
}*/
var currentModule;
var VIPDivSrc =     "MeetingRecordPicture.aspx?RoomId=<%=Master.RoomId %>&TypeId=3";
var AUTODivSrc =    "MeetingRecordPicture.aspx?RoomId=<%=Master.RoomId %>&TypeId=2";
var PULICDivSrc =   "MeetingRecordPicture.aspx?RoomId=<%=Master.RoomId %>&TypeId=1";
var PICTUREDivSrc = "MeetingRecordPicture.aspx?RoomId=<%=Master.RoomId %>&TypeId=4";
var VIDEODivSrc =   "MeetingRecordPicture.aspx?RoomId=<%=Master.RoomId %>&TypeId=5";
function showDiv(moduleId){
    if (currentModule==moduleId) {
        return false;
    }
    var iframeObj = document.getElementById("iframeList");
    switch(moduleId){
    case "VIPDiv":      iframeObj.src=VIPDivSrc ; break;
    case "AUTODiv":     iframeObj.src=AUTODivSrc ; break;
    case "PULICDiv":    iframeObj.src=PULICDivSrc ; break;
    case "PICTUREDiv": iframeObj.src=PICTUREDivSrc ; break;
    case "VIDEODiv":    iframeObj.src=VIDEODivSrc ; break;
    }
    currentModule = moduleId ;
}
</script>

</ul>
<div class="clear"></div>

<div id="VIPDiv" ><iframe src="MeetingRecordPicture.aspx?RoomId=<%=Master.RoomId %>&TypeId=3" height="380px" width="100%" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></div>

   <div id="AUTODiv" style="display:none;"><iframe src="MeetingRecordPicture.aspx?RoomId=<%=Master.RoomId %>&TypeId=2" height="380px" width="100%" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></div>
    
<div id="PULICDiv" style="display:none;"><iframe src="MeetingRecordPicture.aspx?RoomId=<%=Master.RoomId %>&TypeId=1" height="380px" width="100%" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></div>
   
<div id="PICTUREDiv" style="display:none;"><iframe src="MeetingRecordPicture.aspx?RoomId=<%=Master.RoomId %>&TypeId=4" height="380px" width="100%" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></div>

<div id="VIDEODiv" style="display:none;"><iframe src="MeetingRecordPicture.aspx?RoomId=<%=Master.RoomId %>&TypeId=5" height="380px" width="100%" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></div>

</div>
    </ContentTemplate>
    </asp:UpdatePanel>
    <br />
<script type="text/javascript">
var currentDiv;
function showDiv(divId){
    var divObj = document.getElementById(divId);

    if (currentDiv!=null){
        currentDiv.style.display = "none";
        document.getElementById(divId).className="s1";
    }
    divObj.style.display="block";
    document.getElementById(divId).className="s2";
    currentDiv = divObj;
</script>

posted on 2008-10-16 15:52 liufei 阅读(233) 评论(0) 编辑收藏举报