-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
104 lines (100 loc) · 3.63 KB
/
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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Visual DNS Attack</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/leader-line.min.js"></script>
</head>
<body>
<div class="UI">
<div>
<inline id="dictionary"><img src="img/mainsaba2.png"><p>DNS権威サーバ</p></inline>
<inline id="usr" class="pull-right"><img class="small" src="img/usr2.png"><p>ユーザ</p></inline> <!-- ユーザ画面の表示 -->
<inline id="cash"><img class="small" src="img/cashsaba2.png"><p>キャッシュサーバ</p>
<p id="cashsabaID">TxID: </p>
<form name="form3">
<p>
TxIDのビット数
<select name="cashID" id="IDbit">
</select>
</form>
</p>
</inline>
</div>
<br><br><br><br>
<div>
<inline id="attacker" class="pull-right">
<img class="small" src="img/usr3.png">
<p>クラッカー</p>
<p id="attackCount">＜攻撃成功確率表示＞</p>
</inline>
<inline id="host">
<div>
<inline class="btn-mouseover">
<img src="img/address3.png"><br>
<span id="virushost">123.200.200.1</span>
</inline>
<!-- <inline class="mouseover-box">virus.com</inline> -->
</div>
<div>
<inline class="btn-mouseover">
<img src="img/address2.png"><br>
<span id="host1">111.111.111.111</span>
</inline>
<inline class="mouseover-box">example.com</inline>
</div>
<div>
<inline class="btn-mouseover">
<img src="img/address2.png"><br>
<span id="host2">111.222.144.244</span>
</inline>
<inline class="mouseover-box">example2.com</inline>
</div>
</inline>
</div>
<div>
<a onclick="obj=document.getElementById('open1').style; obj.display=(obj.display=='none')?'block':'none';" style="cursor: pointer;">▼キャッシュサーバの中身▼</a></div>
<div id="open1" style="display:none;clear:both;">
<table id="cashTable">
<th>ドメイン名</th><th>address</th>
<!-- <tr><td><input class="cashts" type="text" value="hoge2.com"></td><td><input class="cashts" type="text" value="111.222.333.444"></td></tr> -->
</table>
</div>
<hr>
<!--プルダウンメニューで -->
<br>
<div id="inline-block">
<button type="button" id="deleteButton" class="buttonimage">キャッシュ削除</button>
<button type="button" id="addButton" class="buttonimage">IPアドレス追加</button>
<br><br>
<div>fast<input id="range" type="range" name="range" min="100" max="2000" value="1000" step
="1" style="width:150px">slow</div>
<inline class="pull-right"><!--ハッカーサイドのonoff機能を付ける -->
<p>クラッカーサイド(攻撃上限回数<input type="number" value="10" max="65535" id="attackcount"></input>)</p><!-- のちに攻撃回数選択可能にする-->
<form name="form2">
<select name="target" id="hackerMenu">
<option value="URL1">example.com</option>
<option value="URL2">example2.com</option>
</select>
<button type="button" id="hackerHost" class="buttonimage">罠設置</button>
<button type="button" id="hackerHost2" class="buttonimage">一個ずつ</button>
</form>
</inline>
<div>
<form name="form1">
<p>ユーザサイド</p>
<select name="URL" id="hostMenu">
<option value="URL1">example.com</option>
<option value="URL2">example2.com</option>
</select>
<button type="button" id="buttonHost" class="buttonimage">取得</button>
<button type="button" id="onceButton" class="buttonimage">一個ずつ</button>
</form>
</div>
</div>
<!-- <script type="text/javascript" src="javascript/myscript.js"></script> -->
<script type="module" src="index.js"></script>
</div>
</body>
</html>