类别切换 分页

 <div class="adsideright">
  <div class="title">

 
  <!--ann_edit-->
  <br clear="all" />
  <!--Rules_Ad_editorbox-->
</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>
<!--VIP会议室
  <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;
}*/
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>

 <div class="adsideright">
  <div class="title">

 
  <!--ann_edit-->
  <br clear="all" />
  <!--Rules_Ad_editorbox-->
</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>
<!--VIP会议室-->
  <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>