|
Server : Apache/2.2.17 (Unix) mod_ssl/2.2.17 OpenSSL/0.9.8e-fips-rhel5 DAV/2 PHP/5.2.17 System : Linux localhost 2.6.18-419.el5 #1 SMP Fri Feb 24 22:47:42 UTC 2017 x86_64 User : nobody ( 99) PHP Version : 5.2.17 Disable Function : NONE Directory : /home/queenjbs/junsu/ |
Upload File : |
<?
include"inc_top.php";
$MENU_CLASS1 = "li_first_on";
$MENU_CLASS2 = "li_second";
$MENU_CLASS3 = "li_second";
$MENU_CLASS4 = "li_second";
$MENU_CLASS5 = "li_second";
require"inc_mypage_menu.php"; //마이페이지 메뉴
if($row[m_color] == "") $row[m_color]=1;
if($row[m_img]) $imgForm="<div id='imgArea'>登録された写真 : $row[m_img] <img src='/images/sub/icon_del.jpg' onclick='img_del($mIdx);' style='cursor:pointer;'></div>";
?>
<link rel="stylesheet" type="text/css" href="../sys_css_js/css_mypage.css"/>
<style>
.face_ok_on { display:inline-block; font-size:0.9em; color:#349DF3; cursor:pointer; } /* 프로필 이미지*/
.face_ok_off { display:inline-block; font-size:0.9em; color:#939393; cursor:pointer; } /* 프로필 이미지*/
.file_input_div
{
display : inline-block;
position: relative; left:-4px; top:18px;
width:27%; height:34px; border:1px solid #D3D3D3; margin-bottom:0.5em; background-color:#D3D3D3; color:#000000;
overflow: hidden;
}
.file_input_button
{
position: absolute;
width:100%; height:34px; border:1px solid #D3D3D3; margin-bottom:0.5em; background-color:#D3D3D3; color:#000000;;
}
.file_input_hidden
{
font-size: 45px;
position: absolute;
right: 0px;
top: 0px;
opacity: 0;
filter: alpha(opacity=10);
-ms-filter: "alpha(opacity=0)";
-khtml-opacity: 0;
-moz-opacity: 0;
}
.man_color_on {background-image:url(../images/sub/img_man_check.png)}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript" ></script>
<script>
$(document).ready(function()
{
$("#mode").val("B");
$("#idx").val("<?=$sessionIDX?>");
$("#profileImg").val("<?=$row[m_img_chk]?>");
$("#profileColor").val("<?=$row[m_color]?>");
$("#old_file_name").val("<?=$row[m_img]?>");
if($("#profileImg").val() == "Y"){
$("#face_no_off").css({"display":"inline-block"});
$("#face_no").css({"display":"none"});
$("#face_ok").css({"display":"inline-block"});
$("#face_ok_off").css({"display":"none"});
}else{
$("#face_no_off").css({"display":"none"});
$("#face_no").css({"display":"inline-block"});
$("#face_ok").css({"display":"none"});
$("#face_ok_off").css({"display":"inline-block"});
}
//프로필 색상 ===========================================
$("#man_color"+$("#profileColor").val()).addClass('man_color_on');
$("#man_color1, #man_color2, #man_color3, #man_color4, #man_color5, #man_color6, #man_color7, #man_color8, #man_color9, #man_color10, #man_color11, #man_color12").mouseover(function(){
if($("#profileColor").val() != $(this).attr("data-id")){
$(this).addClass('man_color_on');
}
}).mouseout(function(){
if($("#profileColor").val() != $(this).attr("data-id")){
$(this).removeClass('man_color_on');
}
}).click(function(){
$("#man_color"+ $("#profileColor").val()).removeClass('man_color_on');
$("#profileColor").val($(this).attr("data-id"));
$(this).addClass('man_color_on');
});
//프로필 이미지 공개, 비공개 =============================
$("#face_no_off").click( function()
{
$("#face_no_off").css({"display":"none"});
$("#face_no").css({"display":"inline-block"});
$("#face_ok").css({"display":"none"});
$("#face_ok_off").css({"display":"inline-block"});
$("#profileImg").val("N");
})
$("#face_ok_off").click( function()
{
$("#face_no_off").css({"display":"inline-block"});
$("#face_no").css({"display":"none"});
$("#face_ok").css({"display":"inline-block"});
$("#face_ok_off").css({"display":"none"});
$("#profileImg").val("Y");
})
$("#btn_join").click(function(){
joinAction();
})
function joinAction(val){
$('#form').attr('action','mypage_member_proc.php').submit();
}
//엔터치면 다음 포커스
$('input').keydown(function(e) {
var idx = $('input').index(this);
if (e.keyCode === 13) {
$('input').eq(idx+1).focus();
return false;
}
});
}); //ready funtion
function img_del(val){
var result = confirm('登録された写真を消去いたしますか？');
if(!result){
return ;
}
$.ajax({
type: "POST",
url: "mypage_imgDel_proc.php",
data: "idx="+val+"&mode=del",
cache: false,
success: function(data){
setTimeout(
function()
{
location.reload();
}, 0001);
}
});
}
</script>
<SECTION>
<ARTICLE>
<div class="article_news_area">
<!-- LEFT -->
<?=$MYPAGE_LEFT ?>
<!-- RIGHT -->
<div class="myp_right">
<h2>マイページ</h2>
<div class="myp_right_menu_area">
<div class="myp_right_menu">
<?=$MYPAGE_MENU ?>
</div>
</div>
<form id="form" name="form" method="post" enctype="multipart/form-data">
<input type='hidden' id='mode' name='mode'>
<input type='hidden' id='idx' name='idx' >
<input type='hidden' id='profileImg' name='profileImg'>
<input type='hidden' id='profileColor' name='profileColor'>
<input type='hidden' id='old_file_name' name='old_file_name'>
<div id="join_area">
<div class="join_box_title">
<h2>プロフィール公開情報</h2>
<span>プロフィールの写真登録および、写真未登録時のプロフィールの色を変更できます。</span>
</div>
<div class="join_box">
<div class="account_area" >
<div class="title"><span style="font-size:1.2em; color:#349DF3;">プロフィール情報公開</span> <span style="font-size:1.2em; color:#666666;">(選択)</span></div>
</div>
<div class="account_area2" >
<div class="title">プロフィールの色</div>
<?
for($i=1;$i<=12; $i++){
echo "<div id='man_color".$i."' data-id='".$i."'></div> ";
}
?>
<p class="check"> <span style="font-size:0.9em; color:#666666;">"JUNSU.JPで書き込む際、登録時のニックネーム背景として表示される色です。選択していない場合は、基本色で表示されます。"</span></p>
</div>
<div class="account_area" >
<div class="title">プロフィール画像
<div id="face_ok" class="face_ok_on"><img src="../images/sub/btn_mail_ok.jpg" width="15" height="20" style="vertical-align:text-bottom" /> 公開 </div>
<div id="face_ok_off" class="face_ok_off" style="display:none;"><img src="../images/sub/btn_mail_no2.jpg" width="15" height="20" style="vertical-align:text-bottom" /> 公開 </div>
<div id="face_no" class="face_ok_on" style="display:none;"><img src="../images/sub/btn_mail_ok.jpg" width="15" height="20" style="vertical-align:text-bottom" />非公開</div>
<div id="face_no_off" class="face_ok_off"><img src="../images/sub/btn_mail_no2.jpg" width="15" height="20" style="vertical-align:text-bottom" />非公開</div>
</div>
<input type="text" name="file_name" id="file_name" readonly="readonly">
<div class="file_input_div">
<input type="button" value="添付ファイル" class="file_input_button" />
<input type="file" name="orgFile" id="orgFile" class="file_input_hidden" onchange="javascript: document.getElementById('file_name').value = this.value"/>
</div>
<?=$imgForm?>
<div class="account_area" >
<div style="display:block; width:100%; height:3px; border-style:solid; border-width:1px 0 0 0; border-color:#d3d3d3;" > </div>
</div>
<div class="account_area" >
<button type="button" class="btn_left" tabindex="5" onclick="location.href='./mypage.php'">キャンセル</button>
<button type="button" id="btn_join" class="btn_right" tabindex="5">確認</button>
</div>
</div>
</div>
</form>
</div><!--div class="myp_right"-->
<!-- RIGHT -->
</ARTICLE>
</SECTION>
<?
include"inc_bottom.php";
?>
<!-- MOUSE ACTION -->
</body>
</html>