21212

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>MASK SYSTEM MANAGER</title>
    <link rel="stylesheet" type="text/css" href="project.css">
    <link rel="stylesheet" type="text/css" href="rs-css.css">
    <script type="text/javascript" language="javascript">
        var dataList = new Array();
        function addUser() {
            id = document.getElementById("MSV").value;
            username = document.getElementById("HT").value;
            classname = document.getElementById("lop").value;
            hdt = document.getElementById("HDT").value;
            birthday = document.getElementById("NS").value;
            address = document.getElementById("DC").value;
            function check ()
            {
                var checkbox = document.getElementsByName("GT");
                for (var i = 0; i < checkbox.length; i++){
                    if (checkbox[i].checked === true){
                        return checkbox[i].value;
                    }
                }
            };
            sex = check();
            phone_number = document.getElementById("SDT").value;

            dataList[dataList.length]={
                    "id":id,
                    "username":username,
                    "classname":classname,
                    "hdt":hdt,
                    "birthday":birthday,
                    "address":address,
                    "sex":sex,
                    "phone_number":phone_number
                  };

            data = '<tr>' +
                '<td class="check_id">' + id + '</td>' +
                '<td>' + username + '</td>' +
                '<td>' + classname + '</td>' +
                '<td>' + hdt + '</td>' +
                '<td>' + birthday + '</td>' +
                '<td>' + address + '</td>' +
                '<td>' + sex + '</td>' +
                '<td>' + phone_number + '</td>' +
              '</tr>';

            document.getElementById("table_1").innerHTML += data;

        }

        function checkId()
        {
            var element = document.getElementsByClassName("check_id").innerHTML;
            for (var i = 0; i < dataList.length; i++)
            {

            }
        }


    </script>
</head>
<body>
    <div id="container">
        <div id="menu_top">
            <ul>
                <li id="babel_1"><a href="#" id="system">System</a></li>
                <li id="babel_2"><a href="#" id="task">Task</a></li>
                <li id="babel_3"><a href="#"  id="report">Report</a></li>
                <li id="babel_4"><a href="#"  id="search">Search</a></li>
                <li id="babel_5"><a href="#"  id="support">Support</a></li>
            </ul>
        </div>
        <div id="content">
            <div id="sidebar">
                <div id="logo_sidebar"><img src="anh3.jpg" alt=""></div>
                <div id="text">MENU</div>
                <div id="menu_sidebar">
                    <ul>
                        <li><a href="#">Nhập Sinh Viên</a></li>
                        <li><a href="#">Nhập Giáo Viên</a></li>
                        <li><a href="#">Nhập Điểm</a></li>
                        <li><a href="#">Nhập Lớp</a></li>
                        <li><a href="#">Nhập Nhập Khoa</a></li>
                        <li><a href="#">Nhập Môn Học</a></li>
                    </ul>
                </div>
            </div>
            <div id="information">
                <div><img src="images.png" width="100%"></div>
                <div id="information_table">
                    <form action="#" method="get" accept-charset="utf-8">
                        <fieldset><legend>Thông Tin Sinh Viên</legend>
                            <div id="text_2">STUDENT INFORMATION</div>
                            <table id="table_1" border="1px" cellspacing="1" cellpadding="1" width="100%">
                                <tr>
                                    <td onclick="alert('12345')">ID</td>
                                    <td>Họ Tên</td>
                                    <td>ID Lớp</td>
                                    <td>Hệ ĐT</td>
                                    <td>Ngày Sinh</td>
                                    <td>Địa Chỉ</td>
                                    <td>Giới Tính</td>
                                    <td>Số ĐT</td>
                                </tr>
                            </table>
                            <br /><br />
                            <div id="import">
                                <div id="import_table">
                                    <table id="table_2" border="0" cellpadding="10" cellspacing="10" width="100%">
                                        <tr>
                                            <td>Mã Sinh Viên</td>
                                            <td><input type="text" name="MSV" id="MSV"></td>
                                            <td>Ngày Sinh</td>
                                            <td><input type="text" name="NS" id="NS">(dd/mm/yyyy)</td>
                                        </tr>
                                        <tr>
                                            <td>Họ Tên</td>
                                            <td><input type="text" name="HT" id="HT"></td>
                                            <td>Địa Chỉ</td>
                                            <td><input type="text" name="DC" id="DC"></td>
                                        </tr>
                                        <tr>
                                            <td>lớp</td>
                                            <td>
                                                <select name="lop" id="lop">
                                                    <option value="CN1">CN1</option>
                                                    <option value="CN2">CN2</option>
                                                    <option value="CN3">CN3</option>
                                                    <option value="CN4">CN4</option>
                                                </select>
                                            </td>
                                            <td>Giới Tính</td>
                                            <td>
                                                Nam: <input type="radio" name="GT" id="GT"  value="Nam">
                                                Nữ: <input type="radio" name="GT" id="GT"  value="Nữ">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Hệ Đào Tạo</td>
                                            <td><input type="text" name="HDT" id="HDT"></td>
                                            <td>Số Điện Thoại</td>
                                            <td><input type="text" name="SDT" id="SDT"></td>
                                        </tr>
                                    </table>
                                </div>
                                <div id="sub_menu">
                                    <table cellpadding="10" cellspacing="10" align="center">
                                        <tr>
                                            <td><input type="button" name="ADD" id="ADD" value="ADD" onclick="addUser()"></td>
                                        </tr>
                                        <tr>
                                            <td><input type="button" name="UPDATE" id="UPDATE" value="UPDATE" onclick="myfunction()"></td>
                                        </tr>
                                        <tr>
                                            <td><input type="button" name="DELETE" id="DELETE" value="DELETE"></td>
                                        </tr>
                                        <tr>
                                            <td><input type="reset" name="RESET" id="RESET" value="RESET"></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
    </div>

</body>
</html>