左侧菜单单独写在一个页面就行，加入下面的页面中点击不能展开和折叠

曾蚊子要学习 2011-04-26 10:54:59
红色区域为菜单代码
问题如题所示
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SingleSelectList.aspx.cs" Inherits="Web_SingleSelectList" %>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">



<head runat="server">

    <title>单选题管理</title>

    <link href="StyleSheet.css" rel="Stylesheet" type="text/css" />

    <script language="javascript" type="text/javascript">

    function init(){

 if(!document.getElementById || !document.getElementsByTagName){retun;}

 var arrayDiv=document.getElementById("levelmenu");



 if(!arrayDiv){return;}

 var divObj=arrayDiv.getElementsByTagName("div");

 var length=divObj.length;

 var agreeDiv=new Array();

 for(var i=0;i<length;i++){

  if(divObj[i].className.indexOf("unit")>=0){

   agreeDiv.push(divObj[i]);

   divObj[i].onclick=function(event){

    showCurrentMenu(agreeDiv,this,event);

   }

  }

 }

}

function showCurrentMenu(agreeDiv,currentObj,event){

 if(!event){event=window.event;} 

 var eventObj=event.srcElement?event.srcElement:event.target;

 

 var length=agreeDiv.length;

 for(var i=0;i<length;i++){

  if(eventObj.parentNode==agreeDiv[i] || eventObj.nodeName!="h5"){continue;}

  agreeDiv[i].className="unit";

 }

 if(eventObj.nodeName=="h5"){

  if(eventObj.parentNode.className=="unit"){

   eventObj.parentNode.className="unit current"

  }else{

   eventObj.parentNode.className="unit"

  }

 }

}

init();     

     function CheckBoxSel(box)   //  全选/全不选事件

     {

      var items=document.getElementsByTagName("input");

      for (var i=0;i<items.length;i++)

      {

        if (items[i].type=='checkbox')

       {

           items[i].checked=box.checked;

       }

        

       } 

     }

     

      function A()

      {

        if(window.confirm("确定要删除所选单选题吗？")){

            var a=document.getElementById("hf");

            a.value="a";//标记确认过

            var b=document.getElementById("BtnDel");

            b.click();

        }

        return false;

        }



    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div align="center">

    <table width="1024px"  cellpadding="0" cellspacing="0">

    <tr>

    <td colspan="2" ><img src="../img/admin.jpg" alt="top.jpg" style=" border: 0px; left: 0px; position: relative; top: 0px;" title="";  />

    </td></tr>

    <tr>

    <td colspan="2" style="height:8px; background-color:#507CD1"></td></tr>

    <tr>

    <td style="width:250px" align="center" valign="top">

    <table align="left" cellpadding="0" cellspacing="0"  style="border:1px solid #bcbcbc ; border-collapse:collapse;">

    <tr style="height:6px" ><td></td></tr>

    <tr>

    <td style="font-size:18px; font-family:仿宋; font-weight:bold; text-align:left; height:100%; width:250px" valign="middle" >

     <img src="../img/currentuser.gif" alt="currenuser.gif" style="padding-top:4px"  />当前<asp:Label ID="LabelUserRole" runat="server"  ForeColor="Orange" Text="Label"></asp:Label>为：<asp:Label ID="LabelUserName" runat="server" Text="Label" ForeColor="Orange"></asp:Label>

     <hr color="#507CD1" size="2px" width="96%" style="height: -11px" align="center"/></td></tr> 

    <tr><td style="text-align:center">

   <div id="levelmenu" style="width:96%;" align="center">

 <div class="unit">

  <h5>个人信息管理</h5>

  <ul>

   <li><a href="">修改密码</a></li>

  </ul>

 </div>

 <div class="unit">

 <h5>用户管理</h5>

 <ul>

 <li><a href="UserList.aspx">用户列表</a></li>

  </ul>

 </div>

 <div class="div1">

 <ul><li><a href="" class="a2">班级管理</a></li></ul>

 </div>

 <div class="div1">

 <ul><li><a href="" class="a2">专业管理</a></li></ul>

 </div>

 <div class="unit current">

  <h5>题库管理</h5>

  <ul>

   <li><a href="SingleSelectList.aspx">单选题管理</a></li>

   <li><a href="MultiSelectList.aspx">多选题管理</a></li>

   <li><a href="JudgeProblemList.aspx">判断题管理</a></li>

   <li><a href="FillBlankList.aspx">填空题管理</a></li>

   <li><a href="ShortAnswerList.aspx">简答题管理</a></li>

   <li><a href="DesignProblemList.aspx">设计题管理</a></li>

  </ul>

 </div>

<div class="unit">

<h5>试卷管理</h5>

<ul>

<li><a href="AutoPaperSetup.aspx">随机组卷</a></li>

<li><a href="ManualSetup.aspx">人工组卷</a></li>

<li><a href="PaperList.aspx">试卷维护</a></li>

<li><a href="MarkingList.aspx">答卷列表</a></li>

</ul>

</div>

<div class="div1">

<ul>

<li><a href="ScoreManage.aspx" class="a2">成绩管理</a></li>

</ul>

</div>

</div><br /></td></tr></table>      </td>

    <td valign="top"> 

    <table cellpadding="0" cellspacing="0"  style="border:1px solid #bcbcbc ; border-collapse:collapse;" align="center" >

    <tr style="height:6px" ><td colspan="5"></td></tr>

    <tr>

     <td colspan="5"  style="font-size:18px; font-family:仿宋; font-weight:bold; text-align:left;" valign="middle" >

      <img src="../img/location2.gif" alt="location.gif"/>当前位置 >><font color="orange">题库管理</font>>><font color="orange">单选题管理</font><hr 

             color="#507CD1" size="2px" width="98%" style="height: -12px" align="center"/>

      </td></tr>

      <tr style="height:25px; padding-bottom:8px">

      <td>  </td>

      <td style="font-size:13px; width:140px"  align="left"><asp:Label ID="Label1" runat="server" Text="按试题性质分类查询："></asp:Label></td>

      <td align="left"><asp:DropDownList ID ="ddlType" runat="server" AutoPostBack="true" CssClass="ddl" >

            <asp:ListItem Value="所有试题"></asp:ListItem>

            <asp:ListItem Value="考试试题"></asp:ListItem>

            <asp:ListItem Value="模拟试题"></asp:ListItem></asp:DropDownList>

            </td><td></td><td>  </td>

     </tr>

     <tr><td colspan="5" style="height:8px;"></td></tr>

    <tr align="center" style="text-align:center">

    <td>  </td>

    <td colspan="3" style="width:100%">

    <asp:GridView ID="SingleSelectList" runat="server"  AllowPaging="True" PageSize="12" 

            BorderWidth="1px" DataKeyNames="ID" OnRowDeleting="SingleSelectDel" 

            CellPadding="4" ForeColor="#333333" GridLines="Vertical" 

            AllowSorting="True" AutoGenerateColumns="False" Width="100%">

        <RowStyle BackColor="#EFF3FB" HorizontalAlign="Center" Height="30px" VerticalAlign="Middle" />

        <Columns>

    <asp:TemplateField HeaderText="选择" ItemStyle-Width="60px" >

    <HeaderTemplate>

    <input type="checkbox" onclick="CheckBoxSel(this)" /> 全选

    </HeaderTemplate>

    <ItemTemplate>

    <asp:CheckBox ID="choose" runat="server" />

    </ItemTemplate>

    </asp:TemplateField>

    

    <asp:TemplateField HeaderText="编号" Visible="False">

    <ItemTemplate>

    <asp:Label ID="lab1" runat="server" Text='<%#Eval("ID") %>'></asp:Label></ItemTemplate>

    </asp:TemplateField>

    <asp:TemplateField HeaderText="类别" Visible="false">

    <ItemTemplate>

    <asp:Label ID="type" runat="server" Text='<%#Eval("Type") %>'></asp:Label></ItemTemplate>

    </asp:TemplateField>

            <asp:TemplateField HeaderText="序号"  ItemStyle-Width="60px" >

            <ItemTemplate>

                                        <%# (Container.DataItemIndex+1).ToString()%>

                                    </ItemTemplate>



            </asp:TemplateField>

    

    <asp:TemplateField HeaderText="题目"  ItemStyle-Width="300px"  ItemStyle-HorizontalAlign="Left">

    <ItemTemplate>

    <asp:Label ID="lab2" runat="server">   <%#Eval("Title").ToString().Length > 20 ? Eval("Title").ToString().Substring(0, 20) : Eval("Title")%></asp:Label>

    </ItemTemplate>

    </asp:TemplateField>

    <asp:BoundField  HeaderText="上传时间"  ItemStyle-Width="100px" DATAFIELD= "JoinTime" DataFormatString="{0:yyyy-MM-dd}">

    

    </asp:BoundField>

    <asp:HyperLinkField HeaderText="详细"  Text="详细…" DataNavigateUrlFields="ID" DataNavigateUrlFormatString="SingSelectAdd.aspx?ID={0}"  ItemStyle-Width="60px" />

            <asp:TemplateField HeaderText="删除" ShowHeader="False"  ItemStyle-Width="60px" >

                <ItemTemplate>

                    <asp:LinkButton ID="lnkBtnDel" runat="server" CausesValidation="False" 

                        CommandName="Delete" Text="删除" OnClientClick="return confirm('确定要删除该道单选题吗？')"></asp:LinkButton>

                </ItemTemplate>

            </asp:TemplateField>

    </Columns>           </asp:GridView>

    </td><td>  </td></tr>

        </table></td></tr> </table>

    </div>

    </form>

</body>

</html>
...全文
98 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
子夜__ 2011-04-26
  • 打赏
  • 举报
 回复
用iframe 左侧指向菜单页面 右边显示你该显示的信息
PowerBI系列之可视化技能专题
PowerBI系列之基础和可视化技能专题基础概念PowerBI是什么PowerBI优秀作品展示PowerBI组件简介 PowerBI Desktop的下载安装PowerBI Desktop界面介绍和5分钟入门 PowerBI账号区别PowerBI对象和结构PowerBI和Tableau等其他主流BI产品的介绍 PowerBI官方文档基本操作文件和报表设置选项介绍页面属性设置-大小、背景、壁纸、对齐、筛选器窗格格式页面视图-适应页面、宽度、实际大小视觉对象格式属性面板快速调整页面布局和样式 (文本笔记)视觉对象分组、显示或隐藏 使用数据对象表和数据点表   向报表添加文本框和形状可视化技能使用编辑交互功能来控制图表联动多层联动中控制使用Control Click切片器的使用同步切片器折叠切片器给切片器设定默认值给切片器设定动态默认值（DAX函数-默认当前月或天）使切片器默认代表无任何选择切片器仅显示有对应数据的选项使切片器反向筛选和计算切片器之间取数据并集关系中多端的切片器筛选一端的切片器参数的创建和参数切片器的使用筛选器书签和选择窗格下拉式多级菜单页面导航菜单报表主页设计和重置切片器普通和自定义以及视觉对象标头工具提示按列排序和自定义排序分组装箱普通钻取和层次钻取及跨页钻取保留所有筛选器和设置钻取按钮跨报表钻取Matrix 矩阵详解矩阵中为每个列快速设置相同列宽矩阵中动态显示列的两种方法使用Web超链接和图片超链接文本框设置超链接或邮件地址手机端页面布局创建参数和使用报表模块（输入或值列表）利用报表模板和参数控制线下报表数据权限利用参数实现数据手工加密和权限控制利用页面导航控制页面级权限报表主题控制和主题模板生成器PBIX和PBIT文件结构解析：提取图片和主题，提取已下架的自定义图表，报表元数据等 PBIDS预定义数据连接文件DAX函数使可视化强大 DAX函数实现特殊符号的使用 DAX函数实现切片器默认当前月或天 DAX函数使切片器默认代表无任何选择 DAX函数使切片器仅显示有数据的选项 DAX函数使切片器反向筛选和计算 DAX函数使切片器之间取并集 DAX函数使关系中多端的切片器筛选一端的切片器DAX函数实现年月共同决定数据排序DAX函数实现动态图表标题DAX函数实现动态图表配色和图标DAX函数实现动态纵坐标DAX函数实现动态横坐标  
手把手教你用vue(x)写后台管理系统(二)-菜单渲染
文章目录1.顶部左侧布局1.1菜单折叠图标1.2 刷新图标1.3 点击图标实现菜单折叠效果1.3.1.折叠后的宽度2.改变折叠的状态2.1 给折叠添加状态效果2.1.12.1.2 给折叠添加点击事件2.2 点击变换折叠图标3.面包屑3.1 新建Breadcrumb.vue面包屑路由3.2 重定向(redirect)和自定义(meta)4.菜单路由渲染5.最终效果图 1.顶部左侧布局 1.1菜单折叠图标 左侧菜单栏布局写好后，就要写右侧顶部布局，首先写这个图标，在element-ui中找到图标，然后在el
jeecg如何创建报表并配置到菜单中
当使用jeecg创建单表之后，需要进行报表显示，并把报表配置到菜单中，该如何操作呢？下面进行详细讲解。这里以课程表这张表为例进行讲解。一.表单创建完成，并配置好菜单栏。具体步骤略，如下图：二.创建积木报表1.左侧边栏展开低代码开发菜单，进入报表设计器栏目2.进入后，显示积木报表，这里是报表配置的入口3.可以选择报表类型，有数据报表，图形报表和打印设计。一般情况下，excel类型的显示，都是数据报表，这里需要进行展示形式的变换，所以选择的是数据报表。
ASP.NET Core 一步步搭建个人网站（3）_菜单管理
上一章，我们实现了用户的注册和登录，登录之后展示的是我们的主页，页面的左侧是多级的导航菜单，定位并展示用户需要访问的不同页面。目前导航菜单是写死的，考虑以后菜单管理的便捷性，我们这节实现下可视化配置菜单的功能，这样以后我们可以动态的配置导航菜单，不用再编译发布网站程序了。 增加后台管理模块 第1步，左侧导航菜单中，添加后台管理模块，用作管理员登录后，可以...
前端三剑客（html、css、js）面试题
html5：添加了许多具有语义化的标签，如：
.NET社区

62,074

社区成员

669,028

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章