navigation/main.js at master · codependecy/navigation · 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
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
		var hashA = init()
		var keys = hashA['keys']
		var hash = hashA['hash']
		generateKeyboard(keys, hash)
		listenToUser(hash)


		function getFromLocalStorage(name){
			return JSON.parse(localStorage.getItem(name) || 'null')
		}

		function tag(tagName){
			return document.createElement(tagName)
		}

		function createSpan(textContent){
			var span = tag('span')
			span.textContent = textContent
			span.className = "text"
			return span
		}
		function createButton(id){
			var button = tag('button')
			button.textContent = '编辑'
			button.id = id
			button.onclick = function(aaa){
				var button2 = aaa['target']
				var img2 = button2.previousSibling
				var key = button2['id']
				var x = prompt('给我一个网址')
				hash[key] = x
				img2.src = 'http://'+ x + '/favicon.ico'
				img2.onerror = function(xxx){
					xxx.target.src = '//i.loli.net/2017/11/10/5a05afbc5e183.png'
				}
				localStorage.setItem('zzz', JSON.stringify(hash))
			}
			return button
		}
		function createImage(domain){
			var img = tag('img')
			if(domain){
				img.src = 'http://'+ domain + '/favicon.ico'
			}else{
				img.src = 'https://i.loli.net/2017/11/10/5a05afbc5e183.png'
			}
			img.onerror = function(xxx){
				xxx.target.src = 'https://i.loli.net/2017/11/10/5a05afbc5e183.png'
			}
			return img
		}
		function init(){
			var keys = {
				'0': {0:'q',1:'w',2:'e',3:'r',4:'t',5:'y',6:'u',7:'i',8:'o',9:'p',length:10},
				'1': {0:'a',1:'s',2:'d',3:'f',4:'g',5:'h',6:'j',7:'k',8:'l',length:9},
				'2': {0:'z',1:'x',2:'c',3:'v',4:'b',5:'n',6:'m',length:7},
				'length': 3
			}
			var hash = {
                'q': 'qzone.qq.com',
                'w': 'weibo.com',
                'e': 'ele.me',
                'r': 'renren.com',
                't': 't.tt',
                'y': 'youku.com',
                'u': 'uc.com' ,
                'i': 'iqiyi.com',
                'o': 'opera.com',
                'p': undefined,
                'a': 'acfun.cn',
                's': 'soso.com',
                'd': 'douyu.com',
                'f': 'facebook.com',
                'g': 'google.com',
                'h': 'huya.com',
                'j': 'jd.com',
                'k': 'kugou.com',
                'l': 'lol.qq.com',
                'z': 'zhihu.com',
                'm': 'mi.com',
                'b': 'bilibili.com',
			}
			var hashInLocalStorage = getFromLocalStorage('zzz')
			if(hashInLocalStorage){
				hash = hashInLocalStorage
			}
			return {
				"keys": keys,
				"hash": hash
			}
		}
		function generateKeyboard(keys, hash){
			for(var index=0; index< keys['length']; index = index+1 ){
				var div = tag('div')
				div.className = 'row'

				main.appendChild(div)

			var row = keys[index]
			for(var index2 =0;index2< row['length']; index2 = index2 + 1){
				var span = createSpan(row[index2])

				var button = createButton(row[index2])

				var img = createImage(hash[row[index2]])

				var kbd = tag('kbd')
				kbd.className = 'key'

				kbd.appendChild(span)
				kbd.appendChild(img)
				kbd.appendChild(button)

				div.appendChild(kbd)
			}
		}
	}
	function listenToUser(hash){
		document.onkeypress = function(xzkjcnxlkcjlk){
				var key = xzkjcnxlkcjlk['key']
				var website = hash[key]
				window.open('http://'+website, '_blank')
			}
		}