본문 바로가기
졸업작품

타이젠 웹 앱 HTML

원펀만 2018. 11. 9. 00:51

index.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,user-scalable=no"/>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+KR" rel="stylesheet">
    <link href="./css/style.css" rel="stylesheet">
    <title>Sign In and Sign Up</title>
</head>
<body>
    <div class="container" id="mainpageList">
        <h1>아령하세요</h1>
        <br></br>
        <div class="card">
            <div align="center"><img src="./img/dumbbell.png" width="250" height="170"></div>
            <div class="card-body">
                <h5 class="card-title">로그인 또는 회원가입</h5>
                <p class="card-text">아이디가 없다면 회원가입을 하세요</p>
                <button class="btn btn-primary" id="signIn">로그인</button>
                <button class="btn btn-success" id="signUp">회원가입</button>
            </div>
            <div class="card-footer">
                copyright 2018
            </div>
        </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
    <script src="/js/back.js"></script>
    <script src="/js/mainToSignInSignUp.js"></script>    
</body>
</html>
cs


myDateRecord.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>My Date Records</title>
    <meta name="viewport" content="width=device-width,user-scalable=no"/>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="./css/style.css"/>
</head>
<body>
    <h1>날짜별 내 기록</h1>
    <form>
        <select id="yearselect" class="custom-select">
            <option value="">Year</option>
            <option value="2018">2018</option>
        </select>
        <select id="monthselect" onchange="$.stack()" class="custom-select">
            <option value="">Month</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
        </select>            
    </form>
    <div class="canv">
        <canvas id="canvas"></canvas>
    </div>
    <div>
        <form>
            <select id="day" onchange="$.doughnut()" class="custom-select">
                <option value="">Day</option>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
                <option value="13">13</option>
                <option value="14">14</option>
                <option value="15">15</option>
                <option value="16">16</option>
                <option value="17">17</option>
                <option value="18">18</option>
                <option value="19">19</option>
                <option value="20">20</option>
                <option value="21">21</option>
                <option value="22">22</option>
                <option value="23">23</option>
                <option value="24">24</option>
                <option value="25">25</option>
                <option value="26">26</option>
                <option value="27">27</option>
                <option value="28">28</option>
                <option value="29">29</option>
                <option value="30">30</option>
                <option value="31">31</option>
            </select>
        </form>
    </div>
    <div class="canv">
        <canvas id="mychart"></canvas>
    </div>
    
    <p id="right">※환산점수 : set*reps*weights*0.01</p>
    
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
    <script src="/js/Chart.min.js"></script>
    <script src="/js/myDateRecord.js"></script>
    <script src="/js/goSelection.js"></script>
</body>
</html>
 
cs


myWoRecord.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no"/>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="./css/style.css"/>
    <title>My Workout Records</title>
</head>
<body>
    <h1>운동별 내 기록</h1>
    <div class="container">
        <form>
            <select name="workoutslct" onchange="$.showUser(this.value)" class="custom-select">
                <option value="">Select a workout:</option>
                <option value="1">덤벨컬</option>
                <option value="2">팔굽혀펴기</option>
                <option value="3">레터럴레이즈</option>
            </select>
        </form>
        <br>
        <div id="txtHint"></div>
    </div>
    
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
    <script src="/js/myWoRecord.js"></script>
    <script src="/js/goSelection.js"></script>
</body>
</html>
cs


selection.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no"/>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="./css/style.css"/> 
    <title>Selection Menu</title>
</head>
<body>
    <div class="jumbotron">
        <h1>메뉴</h1>
        <iframe name="ifrm" frameborder="0" width='0' height='0' ></iframe>
        <form method="post" action="http://115.68.232.116/include/del_session.php" target="ifrm" id="forlogout">
            <button class="btn btn-danger" id="logout">로그아웃</button>
        </form>
    </div>
    
    <div class="container">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">운동하기</h5>
                   <p class="card-text">운동 설정을 한 뒤 운동을 시작하세요</p>
                <a href="workSettingPage.html" data-role="button" data-inline="true" class="btn btn-primary">운동하기</a>
            </div>
            <div class="card-img-center">
                <img class="card-img-bottom" src="/img/risk.png">
                <br></br>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">랭킹 조회</h5>
                   <p class="card-text">다른 사용자의 랭킹을 보고 자극 받으세요</p>
                <a href="woRank.html" data-role="button" data-inline="true" class="btn btn-primary">랭킹 조회</a>
            </div>
            <div class="card-img-center">
                <img class="card-img-bottom" src="/img/partner.png">
                <br></br>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">운동별 내 기록</h5>
                   <p class="card-text">자신의 운동별 기록을 확인하세요</p>
                <a href="myWoRecord.html" data-role="button" data-inline="true" class="btn btn-primary">운동별 내 기록</a>
            </div>
            <div class="card-img-center">
                <img class="card-img-bottom" src="/img/planning.png">
                <br></br>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">날짜별 내 기록</h5>
                   <p class="card-text">자신의 날짜별 운동 기록을 확인하세요</p>
                <a href="myDateRecord.html" data-role="button" data-inline="true" class="btn btn-primary">날짜별 내 기록</a>
            </div>
            <div class="card-img-center">
                <img class="card-img-bottom" src="/img/calendar.png">
                <br></br>
            </div>
        </div>
    </div>
 
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
    <script src="/js/goSignIn.js"></script>
</body>
</html>
cs


signIn.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,user-scalable=no"/>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <title>Sign In</title>
    <link rel="stylesheet" type="text/css" href="./css/style.css"/> 
</head>
<body>
    <h1>로그인</h1>
    <div class="container">
        <iframe name="ifrm" frameborder="0" width="0" height="0"></iframe>
        <form name="singIn" method="post" onsubmit="return incheckSubmit()"> 
            <label for="memberId">아이디</label>
            <div class="input-group">
                <input type="text" class="form-control" style="width:100%" name="memberId" id="memberId" />
            </div>
            <label for="memberPw">비밀번호</label>
            <div class="input-group">
                <input type="password" class="form-control" style="width:100%" name="memberPw" id="memberPw" />
            </div>
            <div id="signupbtn">
                <input type="button" id="sbmt" class="btn btn-primary" value="로그인">
            </div>
        </form>
    </div>
 
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
    <script src="/js/loginAndWorkout.js"></script>
    <script src="/js/mySignInForm.js"></script>
    <script src="/js/slct.js"></script>
    <script src="/js/mainToSignInSignUp.js"></script>
    <script src="/js/goHome.js"></script>
</body>
</html>
 
cs


signUpForm.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!doctype html>
<html>
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,user-scalable=no"/>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link href="https://fonts.googleapis.com/css?family=Black+Han+Sans|Yeon+Sung|Oswald" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="./css/style.css"/>
    <title>Sign Up</title>
</head>
<body>
    <h1>회원가입</h1>
    <div class="container">
        <iframe name="ifrm" frameborder="0" width="0" height="0"></iframe>
        <form class="needs-validation" name="signUp" method="post" action="http://115.68.232.116/member/memberSave.php"  onsubmit="return checkSubmit()" target="ifrm">
            <label for="memberId">아이디</label>
            <div class="input-group">
                   <input type="text" class="form-control" style="width:50%" name="memberId" id="memberId">
                   <span class="input-group-btn">
                       <button class="memberIdCheck btn btn-secondary">중복 확인</button>
                </span>
                <div class="memberIdComment comment"></div>
            </div>
            <label for="memberName">이름</label>
            <div class="input-group">
                   <input type="text" class="form-control" style="width:50%" name="memberName" id="memberName">
            </div>
            <label for="memberPw">비밀번호</label>
            <div class="input-group">
                <input type="text" class="form-control" style="width:50%" name="memberPw" id="memberPw">
            </div>
            <label for="memberPw2">비밀번호</label>
            <div class="input-group">
                <input type="password" class="form-control" style="width:50%" name="memberPw2" id="memberPw2">
                <div class="memberPw2Comment comment"></div>
            </div>
            <label for="memberNickName">닉네임</label>
            <div class="input-group">
                <input type="text" class="form-control" name="memberNickName" id="memberNickName" style="width:50%">
                <div class="memberNickNameComment comment"></div>
            </div>
            <label for="memberEmailAddress">이메일</label>
            <div class="input-group">
                <input type="text" class="form-control" name="memberEmailAddress" id="memberEmailAddress" placeholder="email@google.com" style="width:50%"/>
                <div class="memberEmailAddressComment comment"></div>
            </div>
            <label for="memberBirthDay">생일</label>
            <div class="input-group">
                <input type="text" class="form-control" name="memberBirthDay" id="memberBirthDay" placeholder="94.00.00"/>
                <div class="memberBirthDayComment comment"></div>
            </div>
            <label for="memberTel">전화번호</label>
            <div class="input-group">
                <input type="text" class="form-control" name="memberTel" id="memberTel" placeholder="010-0000-0000"/>
                <div class="memberTelComment comment"></div>
            </div>
            <label for="memberJob">직업</label>
            <div class="input-group">
                <input type="text" class="form-control" name="memberJob" id="memberJob" />
                <div class="memberJobComment comment"></div>
            </div>
            <label for="gender">성별</label>
            <div class="input-group" id="gender">
                <input type="radio" name="memberGender" class="memberGender form-control" value="M">남자<br>
                <input type="radio" name="memberGender" class="memberGender form-control" value="F">여자<br>
                <div class="memberGenderComment comment"></div> 
            </div>
            <label for="char">캐릭터 선택</label>
            <div class="input-group" id="char">
                   <input type="radio" name="memberChar" class="memberChar form-control" value="1">캐릭터1<br>
                   <input type="radio" name="memberChar" class="memberChar form-control" value="2">캐릭터2<br>
                <div class="memberCharComment comment"></div>
            </div>
            <div id="signupbtn">
                <input type="submit" value="가입하기" class="submit btn btn-primary">
            </div>
        </form>
 
        <div class="formCheck">
            <input type="hidden" name="idCheck" id="idCheck"/>
            <input type="hidden" name="pw2Check" id="pwCheck2"/>
            <input type="hidden" name="eMailCheck" class="eMailCheck"/>
        </div>
    </div>
 
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
    <script src="/js/goHome.js"></script>
    <script src="/js/mySignUpForm.js"></script>
</body>
</html>
cs


woRank.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no"/>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="./css/style.css"/>
    <title>Monthly Ranking</title>
</head>
    
<body>
    <h1>랭킹조회</h1>
    <div class="container">
        <form>
            <select id="yearselect" class="custom-select">
                <option value="">Year</option>
                <option value="2018">2018</option>
            </select>
            <select id="monthselect" class="custom-select">
                <option value="">Month</option>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
            </select>
            <select id="workoutselect" onchange="$.rank()" class="custom-select">
                <option value="">Workout</option>
                <option value="1">덤벨컬</option>
                <option value="2">팔굽혀펴기</option>
                <option value="3">레터럴레이즈</option>
            </select>
        </form>
        <div id="tbl"></div>
        <div id="post"></div>
    </div>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
    <script src="/js/woRank.js"></script>
    <script src="/js/goSelection.js"></script>
</body>
</html>
cs


workout.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,user-scalable=no"/>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <title>WorkOut</title>
    <link rel="stylesheet" type="text/css" href="./css/style.css"/>
</head>
<body>
    <div class="container">
        <button id="con" >아령과 연결</button>
        <ul data-role="listview" id="listDevice"></ul>
        <h3 id="name"></h3>
        <h3 id="weights"></h3>
           <div class="mid">
            <h2>목표</h2>
        </div>
        <table class="table table-sm">
            <tr>
                <td>sets</td><td>reps</td><td>rest</td>
            </tr>
            <tr>
                <td><span id="cur_sets" class="var"></span><span id="sets"></span></td>
                <td><span id="cur_reps" class="var"></span><span id="reps"></span></td>
                <td><span id="cur_rest_time" class="var"></span><span id="rest_time"></span></td>
            </tr>
        </table>
        <div class="mid">
            <div id="canvasDiv"></div>
        </div>
    </div>
    
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <script type="text/javascript" src="./lib/tau/mobile/js/tau.js" data-build-remove="false"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
    <script src="/js/forWorkout.js"></script>
    <script src="/js/character.js"></script>
</body>
</html>
cs


workSettingPage.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no"/>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="./css/style.css"/></head>
    <title>WorkOut Setting</title>
<body>
    <h1>운동 설정</h1>
    <div class="container">
        <iframe name="ifrm" frameborder="0" width="0" height="0"></iframe>
        <form name="woSelection" method="post" id="form">
            <label for="workout-event">운동종목</label>
            <div class="input-group" id="workout-event">
                <input type="radio" class="form-control" name="workout" value="1" data-wo="덤벨컬"/>덤벨 컬
                <input type="radio" class="form-control" name="workout" value="2" data-wo="푸시업"/>푸시 업
                <input type="radio" class="form-control" name="workout" value="3" data-wo="레터럴레이즈"/>레터럴 레이즈
            </div>
            <label for="sets">세트</label>
            <div class="input-group">
                <input class="setting" class="form-control" type="text" name="sets" id="sets"/>
            </div>
            <label for="reps">반복</label>
            <div class="input-group">
                <input class="setting" class="form-control" type="text" name="reps" id="reps"/>
            </div>
            <label for="weights">중량</label>
            <div class="input-group">        
                <input class="setting" class="form-control" type="text" name="weights" id="weights"/>            
            </div>
            <label for="rest_time">세트 종료 후 쉬는 시간</label>
            <div class="input-group">
                <select id="rest_time" name="rest_time" class="form-control custom-select">
                    <option value="10">10</option>
                    <option value="15">15</option>
                    <option value="20">20</option>
                    <option value="25">25</option>
                </select>        
            </div>
            <br>
            <div class="mid">
                <button type="button" id="btn" onclick="confirm()" class="btn btn-primary">내가 선택한 운동 확인</button>
                <div id="prnt"></div>
                <br></br>
                <input value="아령찾기" class="submit btn btn-primary" id="toBlueHtml">
            </div>
        </form>
    </div>
 
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
    <script src="/js/slct.js"></script>
    <script src="/js/sendAndMove.js"></script>
    <script src="/js/goSelection.js"></script>
</body>
</html>
cs


characterPage.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,user-scalable=no"/>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link href="https://fonts.googleapis.com/css?family=Black+Han+Sans|Yeon+Sung|Oswald" rel="stylesheet">
    <link href="./css/style.css" rel="stylesheet">
    <title>Character</title>
</head>
<body>
    <div id="canvasDiv"></div>
 
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>
cs


저작자표시

'졸업작품' 카테고리의 다른 글

타이젠 웹 앱 Javascript  (0) 2018.11.09
타이젠 웹 앱 CSS  (0) 2018.11.09
타이젠 웹 앱 실행 화면  (0) 2018.11.09
리눅스 Database  (0) 2018.11.09
리눅스 PHP 파일, 코드  (0) 2018.11.08

'졸업작품' Related Articles

티스토리툴바