{:tpl member_head}
   <div class="head">会员中心 - 个人设置</div>
   <form action="../../member.php?action={:$action}" method="post" id="myform" name="myform">
   <input type="hidden" name="hash" value="{:$ghash}" />
   <dl>
    <dt>登录用户名：</dt>
    <dd><strong>{:$username}</strong> (<a href="../../member.php?action=password">修改登录密码</a>)</dd>
   </dl>
   <dl>
    <dt>密码：</dt>
    <dd><input id="password" name="password" require="true" datatype="limit|password" min="6" max="16" msg="密码不得少于6个字符或超过16个字符！|密码包含非法字符" msgid="password_info" type="password"><span id="password_info">输入的密码正确才能完成更改</span></dd>
   </dl>
   <dl>
    <dt>Email地址：</dt>
    <dd><input id="email" name="email" value="{:$email}" style="ime-mode:disabled" require="true" datatype="email|ajax" url="../../member.php?action=checkemail" msg="邮件格式不正确|" msgid="email_info"><span id="email_info">请填写真实并且最常用的邮箱</span></dd>
   </dl>
   <dl>
    <dt>&nbsp;</dt>
    <dd><input type="checkbox" id="publicemail" name="info[publicemail]" checked="checked" value="1"{:tag_ischecked($publicemail, 1)} />公开邮箱</dd>
   </dl>
   <dl>
    <dt>性别：</dt>
    <dd><input type="radio" class="checkbox" name="info[gender]" value="1"{:tag_ischecked($gender, 1)} />男<input type="radio" class="checkbox" name="info[gender]" value="2"{:tag_ischecked($gender, 2)} />女<input type="radio" name="info[gender]" class="checkbox" value="0"{:tag_ischecked($gender, 0)} />保密</dd>
   </dl>
   <dl>
    <dt>头像：</dt>
    <dd><input type="radio" class="checkbox" name="facetype" value="0"{:tag_ischecked($facetype, 0)} onclick="selfacetype(0)" />系统头像<input type="radio" class="checkbox" name="facetype" value="1"{:tag_ischecked($facetype, 1)}  onclick="selfacetype(1)" />自定义头像<br />
	<span id="sysface">
	 <select id="face" name="info[face]" onchange="showimage('useravatars', this.value, '{:$site_url}images/face/')">
	  <!--{:loop tag_sel_face() $v}-->
	  <option value="{:$v}"{:tag_isselected($v, $face)}>{:$v}</option>
	  <!--{:/loop}-->
	 </select>
	</span>
	<span id="customface">
	 <br />
	 <input type="text" value="" name="myface" id="myface" size="30">&nbsp;<button type="button" onclick="upload('myface','image','member', {:$set_facemaxw}, {:$set_facemaxh})">上传</button>
	 <br />直接输入头像地址或从本地上传头像文件
	</span>
	<img src="{:tag_face($face)}" id="useravatars" width="100" align="middle" /></dd>
   </dl>
   <dl>
    <dt>生日：</dt>
    <dd><input type="text" value="{:$birthday}" name="info[birthday]" id="birthday" require="false" datatype="date" msg='格式不正确，参考：{:tag_date(TIME,1)}' msgid="birthday_info" size="10" /><span id="birthday_info">格式：yyyy-mm-dd</span></dd>
   </dl>
   <dl>
    <dt>QQ：</dt>
    <dd><input type="text" name="info[qq]" value="{:$qq}" size="25" require="false" regexp="^[0-9]{5,20}$" datatype="custom" msg='QQ号格式不对' /></dd>
   </dl>
   <dl>
    <dt>MSN：</dt>
    <dd><input type="text" name="info[msn]" value="{:$msn}" size="25" require="false" regexp="^[\w\-\.]+@[\w\-\.]+(\.\w+)+$" datatype="custom" msg='MSN格式不对' /></dd>
   </dl>
   <dl>
    <dt>地址：</dt>
    <dd><input type="text" name="info[address]" value="{:$address}" size="45" /></dd>
   </dl>
   <dl>
    <dt>密码提示问题：</dt>
    <dd><input type="text" name="info[question]" value="{:$question}" size="45"></dd>
   </dl>
   <dl>
    <dt>问题答案：</dt>
    <dd><input type="text" name="info[answer]" size="45"><span id="answer_info">空白则不修改</span></dd>
   </dl>
   <dl>
    <dt>自我简介：</dt>
    <dd><textarea rows="5" cols="60" name="info[introduce]">{:$introduce}</textarea></dd>
   </dl>
   <dl>
    <dt>&nbsp;</dt>
    <dd><button type="submit" name="submit" value="submit" id="submit">提 交</button></dd>
   </dl>
   </form>
<script type="text/javascript" src="../../images/js/ajaxfileupload.js"></script>
<script type="text/javascript" src="../../images/js/upload.js"></script>
<script type="text/javascript" src="../../images/js/validator.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
	$('form').checkForm(1);
	$('#myface').blur(function(){
		var img = $('#useravatars');
		var img_path = $('#myface').val();
		if (img_path){
			img.attr('src', img_path);
			var maxWidth = 100; // 图片最大宽度
			var maxHeight = 100;    // 图片最大高度
			var ratio = 0;  // 缩放比例
			var width = img.width();    // 图片实际宽度
			var height = img.height();  // 图片实际高度
			// 检查图片是否超宽
			if (width > maxWidth){
				ratio = maxWidth / width;   // 计算缩放比例
				height = parseInt(height * ratio);    // 计算等比例缩放后的高度
				img.css({width:maxWidth, height:height});
			} else if (height > maxHeight) {
				ratio = maxHeight / height; // 计算缩放比例
				width = parseInt(width * ratio);    // 计算等比例缩放后的宽度
				img.css({width:width+'px', height:maxHeight+'px'});
			}
		}
	});
})
function selfacetype(type){
	if(type){
		$('#sysface').hide();
		$('#customface').show();
	} else {
		$('#customface').hide();
		$('#sysface').show();
	}
}
selfacetype({:$facetype});
</script>
{:tpl member_foot}