fa0301.github.io/index.html at master · fa0301/fa0301.github.io · GitHub

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
<!doctype html>
<html>
<head>
	<!-- Google Tag Manager -->
	<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
	})(window,document,'script','dataLayer','GTM-P4VT7G54');</script>
	<!-- End Google Tag Manager -->
	<title>WEB1 - Welcome</title>
	<meta charset="utf-8">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<script src="colors.js"></script>
</head>
<body>
	<!-- Google Tag Manager (noscript) -->
	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P4VT7G54"
	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
	<!-- End Google Tag Manager (noscript) -->
	<h1><a href="index.html">WEB</a></h1>
	<p><a href="https://fa0301.github.io/markdowntest">link to mark down page</a></p>
	<p><a href="/ga4-eventparameter.html">link to ga4 event parameter page</a></p>
	<p><a href="/ga4-userproperty.html">link to ga4 user property page</a></p>
	<p><a href="/ga4-video-01.html">link to ga4 video measurment page 01</a></p>
	<p><a href="/ga4-video-02.html">link to ga4 video measurment page 02</a></p>
	<p><a href="/test_login/test_login.html">link to a login page</a></p>

<input id="night_day" type="button" value="night" onclick="
		nightDayHandler(this);
	">
	<ol id="nav">
	</ol>
	<article class="contentArea">
	</article>
	<script type="text/javascript">
		function fetchPage(contentName){
			fetch(contentName).then(function(response){
				response.text().then(function(text){
					document.querySelector('article').innerHTML = text;
				})
			});
		}
		if(location.hash){
			//hashがあればその内容のfetchPageを実行
			fetchPage(location.hash.substring(2));
		} else {
			fetchPage('welcome');
		}
		fetch('list').then(function(response){
			response.text().then(function(text){
				var items = text.split(',');
				var i = 0;
				var tags = '';
				while (i < items.length){
					var item = items[i];
					var item = item.trim();
					var tag = '<li><a href="#!'+item+'" onclick="fetchPage(\''+item+'\');">'+item+'</a></li>';
					tags = tags + tag;
					i = i + 1;
				}
				document.querySelector('#nav').innerHTML = tags;
			})
		});
	</script>
</body>
</html>