$(document).ready(function () {
var login = $("#login");
var member_name = $("#member_name");
var changeUI = function (f) {
var uielems = [['labelMember', 'inline', 'none'],
['labelPsw', 'inline', 'none'],
['labelName', 'none', 'inline'],
['commands', 'none', 'block'],
['rosters', 'none', 'block']];
for (var i = 0; i < uielems.length; i++) {
var elem = $('#' + uielems[i][0]);
elem.css("display", f ? uielems[i][1] : uielems[i][2]);
}
login.val(f ? 'login' : 'logout');
};
var nullToEmpty = function (val) {
return (val == null) ? '' : val;
};
//로그인 로그아웃
login.on("click", function () {
if (login.val() == 'login') {
var member = $("#member");
var psw = $("#psw");
if (member.val() != '') {
$.ajax({
url: "members.aspx",
method: "post",
dataType: "json",
data: 'id=' + encodeURIComponent(member.val()) + '&psw=' +
encodeURIComponent(psw.val())
})
.done(function (data) {
if (data.id != null) {
member_name.html(data.name);
member_name.attr('href', 'members.aspx?q=edit');
changeUI(false);
} else {
psw.val('');
}
});
}
} else { //logout
$.ajax({
url: "members.aspx",
method: "post",
dataType: "json",
data: 'logout=true'
})
.done(function (data) {
changeUI(true);
});
}
});
//회원정보수정
member_name.on("click", function (e) {
$.ajax({
url: member_name.attr('href'),
dataType: "json"
})
.done(function (data) {
if (data.name == null) {
//로그아웃된 상태이므로
changeUI(true);
} else {
$.colorbox({
html: '<div>' + member.name + '</div>'
+ '<form method="post" id="member_form">'
+ '<label>郵便番号<input type="text" name="zip" placeholder="郵便番号" size="8"/></label><br/>'
+ '<label>住所<input type="text" name="address" placeholder="住所" size="64"/></label><br/>'
+ '<label>パスワード更新<input type="checkbox" name="update_psw" value="true"/></label>'
+ '<input type="text" name="psw" placeholder="password"/></form>',
onComplete: function () {
//alert(data.zip);
$("#member_form [name=zip]").val(data.zip);
$("#member_form [name=address]").val(data.address);
},
onCleanup: function () {
var data = 'zip=' + encodeURIComponent($("#member_form [name=zip]").val()) +
'&address=' + encodeURIComponent($("#member_form [name=address]").val()) +
'&save=true';
if ($("#member_form [name=update_psw]").prop('checked')) {
data += '&psw=' + encodeURIComponent($("#member_form [name=psw]").val());
}
alert(data);
$.ajax({
url: member_name.attr('href'),
method: "post",
dataType: "json",
data: data
})
}
});
}
});
e.preventDefault();
});
//초기에 회원 정보 콤보박스에 표시
$.ajax({
url: "members.aspx",
dataType: "json"
})
.done(function (data) {
var opt = [];
for (var i = 0; i < data.length; i++) {
opt[i] = '<option value="' + data[i].id + '">'
+ data[i].name + '</option>';
}
$("#member").html(opt.join(''));
})
});
'asp.net' 카테고리의 다른 글
| 계획표 목록 변경할 때 처리(insert or update) (0) | 2017.01.04 |
|---|---|
| 계획표 목록 보기 (0) | 2017.01.04 |
| 경량 프로젝트 html (0) | 2017.01.04 |
| 경량 프로젝트(회원관리 aspx) (0) | 2017.01.04 |
| 관리자용 페이지 작성 (0) | 2017.01.02 |
