pop-up.html
6.05 KB
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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>弹出层</title>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<link media="screen" rel="stylesheet" type="text/css" href="http://static.yohobuy.com/css/v3/common.css?v=201402"/>
<link media="screen" rel="stylesheet" type="text/css" href="http://static.yohobuy.com/css/v3/head-fixed.css?v=201402"/>
<link media="screen" rel="stylesheet" type="text/css" href="http://static.yohobuy.com/css/v3/home.css?v=201402"/>
<!--[if lte IE 6]>
<link media="screen" rel="stylesheet" type="text/css" href="http://static.yohobuy.com/css/v3/ie6.css?v=20130924"/>
<![endif]-->
<link href="http://static.yohobuy.com/css/v3/jquery-ui.css" rel="stylesheet" type="text/css" media="all" />
<link href="http://static.yohobuy.com/css/2013/common_style.css?v=20131114" media="screen" rel="stylesheet" type="text/css" >
</head>
<body>
<style type="text/css">
</style>
<!--# include virtual="/demo/v3/common/head.html" -->
<div class="screen" style="height:600px; padding:20px 0;">
<!-- start 弹出层 -->
<button id="button-common">通用弹出层</button><br><br>
<div id="dialog-common" title="" style="display:none;">
<div class="dialog-win">
<p>文字提示！</p>
</div>
</div>
<!-- start 弹出层 -->
<!-- start 注册登录 -->
<button id="button-register">注册登录</button><br><br>
<div id="dialog-register" class="openbox ui-dialog-content ui-widget-content hidden">
<div class="openbox-title">
<h2>完善帐户信息</h2>
<a id="close-register" href="javascript:void(0);" class="close_x" title="关闭"></a> </div><!--onclick="QINRegister.closeBox();"-->
<div class="openbox-main">
<div class="dialog-login">
<form action="" id="registerForm">
<div class="form" id="registerBox" style="display: block;" > <!--onkeydown="QINRegister.keydownSubmit(event,'mobilereg');"-->
<p class="title">您正在使用第三方登录，请先完善帐户信息才能继续下一步操作！</p>
<dl>
<dt>账 号：</dt>
<dd>
<input type="text" maxlength="100" id="regemail" name="email" class="input_b input_error" value=""><!--onfocus="QINRegister.focus('regemailTips',0);" onblur="QINRegister.emailRegister();"-->
<span id="regemailTips" class="f_onError">请填写常用邮箱/手机号码！</span> </dd>
</dl>
<dl style="height:78px">
<dt>密 码：</dt>
<dd>
<input type="password" id="password" name="password" class="input_b" maxlength="20" ><!--onfocus="QINRegister.focus('passwordTips',4);" onkeyup="QINRegister.passwordStrength();" onblur="QINRegister.passwordCheck('password')"-->
<span id="passwordTips"></span>
<div class="is0" id="passwordStrengthDiv"></div>
</dd>
</dl>
<dl>
<dt>确认密码：</dt>
<dd>
<input type="password" name="repassword" id="repassword" maxlength="20" onpaste="return false" class="input_b"><!--onfocus="QINRegister.focus('regrepasswordTips',5);" onblur="QINRegister.rePasswordCheck()"-->
<span id="repasswordTips"></span> </dd>
</dl>
<dl>
<dt>验证码：</dt>
<dd>
<input type="text" name="verify_code" id="verify_code" maxlength="4" class="input_b" style="width:40px;"><!--onfocus="QINRegister.focus('verify_codeTips',7);" onblur="QINRegister.verifyCodeCheck('verify_code');" -->
<span class="img"><img onclick="return $.clickImgCode();" id="imgcode" src="http://www.yohobuy.com/passport/images?t=1394093080647" style="height:30px;"></span> <span class="txt">看不清？<br>
<a href="javascript:void(0);" onclick="return $.clickImgCode();" class="a_eu">换一张</a></span> <span id="verify_codeTips"></span> </dd>
</dl>
<div class="stat">
<input name="service" id="service" type="checkbox" value="1" checked="checked"><!--onclick="QINRegister.showRegister(this);"-->
我已阅读并同意遵守<a target="_blank" href="/help/?category_id=9" class="a_eu">YOHO!有货服务条款</a> <span id="serviceTips"></span> </div>
<div class="submit">
<input name="return_type" id="return_type" type="hidden" value="json">
<input name="" id="btnClientRegister" type="button" class="btn_b_reg" value="注册"><!--onclick="QINRegister.sendRegister();"-->
</div>
</div>
</form>
</div>
</div>
</div>
<!--end 注册登录-->
</div>
<!--# include virtual="/demo/v3/common/foot.html" -->
<script type="text/javascript" src="http://static.yohobuy.com/js/jquery.min.js"></script>
<!--简化版jquery UI-->
<script type="text/javascript" src="http://static.yohobuy.com/js/jqueryui/jquery-ui-1.9.2.custom.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// Dialog
// 最后一个参数结尾不能有","，否则在ie6,ie7下有bug
$('#dialog-common').dialog({
autoOpen: false,
width:450,
minHeight:400,
modal: true,
resizable: false
});
// Dialog Button
$('#button-common').click(function(){
$('#dialog-common').dialog('open');
return false;
});
// Dialog
$('#dialog-register').dialog({
autoOpen: false,
width:400,
minHeight:500,
modal: true,
resizable: false,
dialogClass:"dialog-register" //重要
});
// Dialog Button
$('#button-register').click(function(){
$('#dialog-register').dialog('open');
return false;
});
$('#close-register').click(function(){
$('#dialog-register').dialog('close');
return false;
});
});
</script>
</body>
</html>