luren5 · July 1, 2015 07:30
diff --git a/dynamic_schedule b/dynamic_schedule
 <html>
    <head>
        <title>动态课表演示</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <link href="http://share.hgdonline.net/assets/css/bootstrap.min.css" type="text/css" rel="stylesheet">
    </head>
    <body>
        <h1><center>动态课表demo</center></h1>
        <div class="">
            请填写天数:<input type="text" name="days">
            请填写节数:<input type="text" name="nums">
            <input type="button" class="btn-success" value="创  建" name="create"/>
        </div>
        <br/>
        
        <div style="display:none;" class='content'>
            <table class="table">
                <tr class="t_header">
                </tr>
            </table>
            
        </div>
        
        
    </body>
    
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    <script>
        $("input[name='create']").click(function(){
            var days = $("input[name='days']").val();
            var nums = $("input[name='nums']").val();
            
            // 检查天数输入是否正确
            if(!/^[1-7]$/.test(days)) {
                alert("天数必须是1-7的整数");
                return;
            }
            
            // 检查节数输入是否正确
            if(!/^[1-8]$/.test(nums)) {
                alert("节数必须是1-8的整数");
                return;
            }
            
            $(".content").css("display", "block");  //让课表内容的div展示出来
            
            // 根据天数，循环生成课表头（周几）
            var t_header_node = $("tr[class='t_header']")
            for(var i = 0; i < days; i++) {
                var s_node = "<th>周" + (i+1) +"</th>";
                t_header_node.append(s_node);  
            }
            
            // 生成每节课的单元格
            for(var j = 0; j < nums; j++) {  // 生成行
                var tr_node = $("<tr></tr>");  
                for(i = 0; i < days; i++) {
                    var td_node = $("<td id=" + j + "_" + i + ">课程名</td>");
                    tr_node.append(td_node);  
                }
                $('table').append(tr_node);
            }
            
            $("td").css("cursor", "pointer");   // 让鼠标放上去是手形
            
            $("td").click(function(e) {
                var id = $(this).attr("id");  // 获取当前被点击对象的id属性值 
                var id_arr = id.split("_");
                var cur_num = parseInt(id_arr[0]) + 1;
                var cur_day = parseInt(id_arr[1]) + 1;  
                
                alert("您当前选择的是周" + cur_day + "第" + cur_num + "课");  
            });
            
            
        });
        
    </script>
 </html>
	<html>
	<head>
	<title>动态课表演示</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width">
	<link href="http://share.hgdonline.net/assets/css/bootstrap.min.css" type="text/css" rel="stylesheet">
	</head>
	<body>
	<h1><center>动态课表demo</center></h1>
	<div class="">
	请填写天数:<input type="text" name="days">
	请填写节数:<input type="text" name="nums">
	<input type="button" class="btn-success" value="创建" name="create"/>
	</div>
	<br/>

	<div style="display:none;" class='content'>
	<table class="table">
	<tr class="t_header">
	</tr>
	</table>

	</div>


	</body>

	<script src="http://code.jquery.com/jquery-latest.js"></script>
	<script>
	$("input[name='create']").click(function(){
	var days = $("input[name='days']").val();
	var nums = $("input[name='nums']").val();

	// 检查天数输入是否正确
	if(!/^[1-7]$/.test(days)) {
	alert("天数必须是1-7的整数");
	return;
	}

	// 检查节数输入是否正确
	if(!/^[1-8]$/.test(nums)) {
	alert("节数必须是1-8的整数");
	return;
	}

	$(".content").css("display", "block"); //让课表内容的div展示出来

	// 根据天数，循环生成课表头（周几）
	var t_header_node = $("tr[class='t_header']")
	for(var i = 0; i < days; i++) {
	var s_node = "<th>周" + (i+1) +"</th>";
	t_header_node.append(s_node);
	}

	// 生成每节课的单元格
	for(var j = 0; j < nums; j++) { // 生成行
	var tr_node = $("<tr></tr>");
	for(i = 0; i < days; i++) {
	var td_node = $("<td id=" + j + "_" + i + ">课程名</td>");
	tr_node.append(td_node);
	}
	$('table').append(tr_node);
	}

	$("td").css("cursor", "pointer"); // 让鼠标放上去是手形

	$("td").click(function(e) {
	var id = $(this).attr("id"); // 获取当前被点击对象的id属性值
	var id_arr = id.split("_");
	var cur_num = parseInt(id_arr[0]) + 1;
	var cur_day = parseInt(id_arr[1]) + 1;

	alert("您当前选择的是周" + cur_day + "第" + cur_num + "课");
	});


	});

	</script>
	</html>