-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
62 lines (58 loc) · 2.21 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
<!DOCTYPE html>
<html lang="ja">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" ></script>
<script>
function getDog(){
$.getJSON("https://dog.ceo/api/breeds/image/random", function( data ) {
$(".json pre").html(JSON.stringify(data, null, 4));
$(".image-content").html("<img src='" + data.message + "'>");
});
}
$(document).ready(function() {
getDog();
});
function winBox1() {
var winbox = new WinBox("Custom Color and Open URL");
winbox.setBackground("#ff005d");
winbox.setUrl("https://e99h2121.github.io/")
}
function winBox2() {
var winbox = new WinBox("Custom Color and Open URL");
winbox.setBackground("#ff005d");
winbox.setUrl("https://e99h2121.github.io/playground/")
}
function winBox3() {
var winbox = new WinBox("Custom Color and Open URL");
winbox.setBackground("#ff005d");
winbox.setUrl("https://e99h2121.github.io/playground/hello.html")
}
function winBox4() {
var winbox = new WinBox("Custom Color and Open URL");
winbox.setBackground("#ff005d");
winbox.setUrl("https://e99h2121.github.io/playground/hoverme.html")
}
function winBox5() {
var winbox = new WinBox("Custom Color and Open URL");
winbox.setBackground("#ff005d");
winbox.body.innerHTML = "<h1>HTMLを入れられる。</h1><h2>世の中には、</h2><h3>便利なものを作る人がいますね..</h3>";
}
</script>
<link rel="preload" href="./js/winbox.bundle.js" as="script">
</head>
<body>
<h4>Using the Dog as a Service</h4>
<hr>
<button type="button" onclick="winBox1()">Home</button>
<button type="button" onclick="winBox2()">Here</button>
<button type="button" onclick="winBox3()">Hello</button>
<button type="button" onclick="winBox4()">Hoverme</button>
<button type="button" onclick="winBox5()">Message</button>
<br>
<button type="button" onclick="getDog()">Fetch</button>
<div class="image-content">
</div>
<!-- BOTTOM OF BODY -->
<script src="./js/winbox.bundle.js" defer></script>
</body>
</html>