-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathentermail.html
134 lines (125 loc) · 6.18 KB
/
entermail.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>订阅信息</title>
<link rel="stylesheet" href="css/style.css">
<!--<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">-->
<script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="js/page/sub.js" type="text/javascript" charset="utf-8"></script>
<script src="js/page/modernizr.custom.js"></script>
</head>
<body class="sub-enteremail">
<header>
<div class="sub-navigator">
<div class="sub-blue-bar"></div>
<div class="content-wrap">
<img src="resources/logo.svg" class="tj-logo">
<div class="nav-others">
<div class="nav-others-item">
<a href="#">学院通知</a>
</div>
<div class="nav-others-item">
<a href="#">学院新闻</a>
</div>
<div class="nav-others-item">
<div class="nav-special-block">
<a href="#">了解学院</a>
<div class="nav-special-col">
<div class="nav-special-row nav-special-row-title">学院概要</div>
<div class="nav-special-row">我能吞下玻璃而不伤身体</div>
<div class="nav-special-row">我能吞下玻璃而不伤身体</div>
</div>
<div class="nav-special-col">
<div class="nav-special-row nav-special-row-title">学院概要</div>
<div class="nav-special-row">我能吞下玻璃而不伤身体</div>
<div class="nav-special-row">我能吞下玻璃而不伤身体</div>
</div>
<div class="nav-special-col">
<div class="nav-special-row nav-special-row-title">学院概要</div>
<div class="nav-special-row">我能吞下玻璃而不伤身体</div>
<div class="nav-special-row">我能吞下玻璃而不伤身体</div>
</div>
<div class="nav-special-col">
<div class="nav-special-row nav-special-row-title">学院概要</div>
<div class="nav-special-row">我能吞下玻璃而不伤身体</div>
<div class="nav-special-row">我能吞下玻璃而不伤身体</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header><!-- /header -->
<div class="main-container" style="height: 250px">
<div class="center-box">
<h2>订阅通知</h2>
<form action="javascript:void(0);" method="post" accept-charset="utf-8" class="sub-form">
<p class="user-mail">我们提供基于邮箱的通知订阅：</br>每天晚上6点左右，当天新通知将一起发送到您的邮箱中。
请留下您的邮箱，我们将发送给您一封订阅确认邮件。点击邮件中的链接，即可自定义期望收到的通知类型，并完成订阅。</p>
<input id="input-box-mail" type="email" placeholder="请输入您的有效邮箱...">
<div class="class-layer">
<div class="button-wrap">
<button data-dialog="somedialog" class="trigger">
<input id="confirm-mail" type="submit" name="" value="发送确认邮件">
</button>
</div>
</div>
</form>
</div>
</div>
<div class="container">
<div class="content">
<div id="somedialog" class="dialog">
<div class="dialog__overlay"></div>
<div class="dialog__content">
<div class="morph-shape">
<svg width="100%" height="100%" viewBox="0 0 560 280" preserveAspectRatio="none">
<rect x="3" y="3" fill="none" width="556" height="276"/>
</svg>
</div>
<div class="dialog-inner">
<img src="resources/check.png">
<h2 id="sending-status"><strong>已发送</strong>请注意查收</h2>
<div><button id="btn-ok" class="action" data-dialog-close>我知道了</button></div>
</div>
</div>
</div>
</div><!-- /content -->
</div>
<script src="js/page/classie.js"></script>
<script src="js/page/dialogFx.js"></script>
<script>
var onReadyFunc = function() {
var dlgtrigger = document.querySelector( '[data-dialog]' ),
somedialog = document.getElementById( dlgtrigger.getAttribute( 'data-dialog' ) ),
dlg = new DialogFx( somedialog );
// dlgtrigger.addEventListener( 'click', dlg.toggle.bind(dlg) );
$('#confirm-mail').click(function() {
$.ajax({
'url': 'sadfa.com/asdf', // @罗毅 你在这里补上url
'dataType': 'json',
'data': {
'mail': $('#input-box-mail').val()
},
'type': 'post',
'success': function(response) {
console.log('Success!');
// $("#sending-status").empty().append('<strong>已发送</strong>请注意查收');
dlg.toggle();
$('#btn-ok').click(function(){
window.location.href = './infolist.html';
});
},
'error': function(err) {
// console.log(err);
console.log('Failed!');
}
});
});
};
$(document).ready(onReadyFunc);
</script>
</body>
</html>