-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathWEP.html
142 lines (134 loc) · 4.78 KB
/
WEP.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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html>
<head>
<title>WEP simulation</title>
<link rel="stylesheet" type="text/css" href="Custom-Range-Slider-CSS-jQuery.css">
<link rel="stylesheet" type="text/css" href="style.css?ver=0.1">
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<script type="text/javascript" src="init.js?ver=0.1"></script>
<script type="text/javascript" src="string.js?ver=0.1"></script>
<script type="text/javascript" src="wep.js?ver=0.1"></script>
<script type="text/javascript" src="utility.js?ver=0.1"></script>
<script type="text/javascript" src="slider.js?ver=0.1"></script>
<script type="text/javascript" src="ani.js?ver=0.1"></script>
<script>
var sharedKey_16 = '0000000000';
var iv_16;
var crc32_16;
var crcTable;
var plainText_16;
var keyString_16;
var cipher_16;
var speed = 100;
var stage = 1;
$( window ).load(function() {
setInit();
inputSharedKey();
});
$( window ).resize(function() {
setInit();
});
function WEP(){
var start = $('.button_start');
var request = $('.img_request');
var message = $('.box_message');
var client = $('.img_client');
var target = $('.img_target');
start.css('display','none');
request.css('display','block');
request.css('top',getCoord(client,'TOP'));
request.animate({top:getCoord(target,'BOTTOM')-request.height()},25*speed,function(){
stage++;
request.css('display','none');
message.css('display','block');
message.css('top',getCoord(target,'BOTTOM')+10);
message.css('left',getCoord(target,'HCENTER')-message.width()/2);
});
}
function sendChallenge(){
if($('.input_message').val() == ''){
alert('보낼 메세지를 입력해주세요!');
return ;
}
$('.attr_hide').css('display','block');
$('.text_message').html($('.input_message').val());
$('.box_message').css('display','none');
var message = $('.img_message');
var client = $('.img_client');
var target = $('.img_target');
var start = $('.button_start');
message.css('display','block');
message.css('left',getCoord(target,'HCENTER')-message.width()/2);
message.css('top',getCoord(target,'VCENTER')-message.height()/2);
message.animate({top:getCoord(client,'TOP')},25*speed,function(){
stage++;
start.val('암호화해서 보내기');
start.css('left',getCoord(client,'HCENTER')-start.width()/2);
start.css('display','block');
start.attr('onclick', 'ani_sendChallenge()');
});
}
</script>
</head>
<body>
<div class="side">
<h3>WEP키</h3>
<b>공유키(16진수)</b><br>
<span class="text_sharedKey_16">0000000000</span><br>
<div class="attr_hide">
<b>IV(16진수)</b><br>
<span class="text_iv_16"></span><br>
<b>IV + 공유키(16진수)</b><br>
<span class="text_seed"></span><br>
<hr>
<h3>메세지</h3>
<b>내용</b><br>
<span class="text_message"></span><br>
<b>CRC32(16진수)</b><br>
<span class="text_crc32"></span><br>
<b>메세지 + CRC32(16진수)</b><br>
<span class="text_plain"></span><br>
<hr>
<h3>암호화</h3>
<b>키 스트링(16진수)</b><br>
<span class="text_keyStr"></span><br>
<b>암호문(16진수)</b><br>
<span class="text_cipher"></span><br>
<hr>
<h3>복호화</h3>
<b>메세지</b><br>
<span class="text_decrypt"></span><br>
<b>Check Sum 확인</b><br>
<span class="text_checkSum"></span><br>
</div>
<hr>
<div class= "range-slider">
<b>속도: </b>
<input class="range-slider__range" type="range" value="100" min="20" max="200" step="20">
<br>
<span><br>(속도는 다음 애니메이션 구간부터 적용이 됩니다)</span>
</div>
<script>setSlider();</script>
</div>
<div class="main">
<img class="img_client" src="https://assets-cdn.github.com/images/icons/emoji/unicode/1f4f1.png">
<img class="img_target" src="ap.png"><br>
<div class="box_message">
<input class="input_message" type="text">
<input class="button_message" type="button" value="첼린지 보내기" onclick="sendChallenge()">
</div>
<input class="button_start" type="button" value="AP에게 연결 요청" onclick="WEP()">
<img class="img_request" src="req.png">
<img class="img_message" src="https://assets-cdn.github.com/images/icons/emoji/unicode/2709.png">
<div class="box_crc">CRC32 BOX</div>
<div class="img_crc">CRC32</div>
<div class="box_rc">RC4 BOX</div>
<img class="img_key" src="https://assets-cdn.github.com/images/icons/emoji/unicode/1f510.png">
<div class="img_iv">IV</div>
<div class="box_xor">XOR BOX</div>
<div class="img_str">K_STR</div>
<div class="img_enc">ENC</div>
<img class="img_ok" src="ok.png">
</div>
</body>
</html>