<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Dd_profile.aspx.cs" Inherits="HteamDd.Web.Web.Dd_profile.Dd_profile" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>个人资料|海客网</title>
    <link href="/css/Dd_profile_$4431.css" rel="stylesheet" type="text/css" />
    <link href="/css/Dd_profile_$3889.css" rel="stylesheet" type="text/css" />
    <script src="/jscript/jquery-1.4.2.js" type="text/javascript"></script>
    <style  type="text/css">
          .Dialog
        {
            position: absolute;
            top: 50px;
            left: 0px;
            width: 100%;
            height: 100%;
             background-image: url(/images/showDialog_bg.png);
        }
        .unshow
        {
            display: none;
        }
    </style>
    <script type="text/javascript"  language="javascript">
        var user = ""; 
        var jq = jQuery.noConflict();
        jq(document).ready(function () {
            var cookie_info = ' <%=user_Mes%>';
            if (cookie_info != "") {
                user = cookie_info.split(',');
                blogname.innerHTML = user[1];
            }
            
            jq("#text_call").val(user[1]);
            jq.ajax({//显示用户要修改的图片
                type: "post",
                url: '/ashx/Dd_image_deal.ashx',
                data: { user_ID: user[0], type: "user_image", time: new Date().getDate() },
                success: function (data) {
                    if (data != "") {
                        jq("#avatar-img").attr("src", (data));
                        jq("#img_personal").attr("src", (data));
                    }
                },
                error: function () {
                    //jq("#avatar-img").attr("src", "../../UpLoadImage/HeadImg/Thumbnail_pics/avatar_64_64_$1095.png");
                }
            });


            jq("#text_call").blur(function () {
                check_call(jq("#text_call").val());
            });

            jq("#profile-submit").click(function () {
                var user_call = jq("#text_call").val();
                if (check_call(user_call)) {
                    jq.ajax({
                        type: "post",
                        url: '/ashx/Dd_person_image.ashx',
                        data: { user_ID: user[0], user_call: user_call, uer_disprict: jq("#text_discript").val(), type: "submit", time: new Date().getDate() },
                        success: function (data) {
                            if (data == "11") {
                                alert("恭喜你修改成功！");
                                window.location = "/Web/Dd_private_index.aspx";
                            }
                            else
                                window.location = "/Web/Dd_private_index.aspx";
                        }
                    });
                }
            });

        });

      
        function check_zifu(user_call){
            var call = jq.trim(user_call);
            var ary = new Array("'", "/", '\\', ":", "{", "}", "[", "]", "<", ">", "?", ';', "+", "=", "~", "`");
            var istrue = false;
            for (var i = 0; i < ary.length; i++) {
                if (call.indexOf(ary[i]) != -1) {
                    istrue = true;
                    break;
                }
            }
            if (istrue) {
                return false;
            }
            else {
                return true;
            }
        }
        function check_call(namecall) {
            if (jq.trim(namecall) != "") {
                if (check_zifu(namecall)) {
                    if (jq.trim(namecall).length < 4) {
                        jq("#error").text("昵称不能少于4个英文、中文");
                        jq("#error").css("color", "red");
                        return false;
                    }
                    if (jq.trim(namecall).length > 20) {

                        jq("#error").text("昵称不能多于20个字符");
                        jq("#error").css("color", "red");
                        return false;
                    }
                    else {
                        jq("#error").text("4-20个字符，支持中英文、数字");
                        jq("#error").css("color", "black");
                        return true;
                    }
                }
                else {
                    jq("#error").text("昵称不包含特殊字符:',', /, \, :, {, },[,],<,>,?……");
                    jq("#error").css("color", "red");
                }
            }
            else {
                
                jq("#error").text("昵称没有填写");
                jq("#error").css("color", "red");
                return false;
            }
        }

        function showDialog() {
            document.getElementById("Dialog").className = "Dialog";
        }
        function closeDialog() {
            document.getElementById("Dialog").className = "unshow";
            jq.post("/ashx/Dd_person_image.ashx",
                    { userID:user[0],type: "imge_personal", time: new Date().getDate() },
                    function (data) {
                    if(data!="")
                        var str = data.split(':');
                        if (str[1] != ""&str[0]!="") {
                            jq("#avatar-img").attr("src", (str[0] + str[1]));                          
                        }                      
                    }
                );
        }
    </script>
    <script type="text/javascript" language="javascript">    
        /*
        以下是图片控件的JS代码
        */
        function challs_flash_update() { //Flash 初始化函数

            var a = {};
            //定义变量为Object 类型

            a.title = "上传文件"; //设置组件头部名称

            a.FormName = "Filedata";
            //设置Form表单的文本域的Name属性

            a.url = "/ashx/Dd_person_image.ashx";
            //设置服务器接收代码文件
            //bs=tyi&id=50&
            a.parameter = "type=Upimages";
            //设置提交参数，以GET形式提交 (1个参数用户的ID)
            a.typefile = ["Images (*.gif,*.png,*.jpg,*jpeg)", "*.gif;*.png;*.jpg;*.jpeg;", "GIF (*.gif)", "*.gif;", "PNG (*.png)", "*.png;", "JPEG (*.jpg,*.jpeg)", "*.jpg;*.jpeg;"];
            //设置可以上传文件 数组类型
            //"Images (*.gif,*.png,*.jpg)"为用户选择要上载的文件时可以看到的描述字符串,
            //"*.gif;*.png;*.jpg"为文件扩展名列表，其中列出用户选择要上载的文件时可以看到的 Windows 文件格式，以分号相隔
            //2个为一组，可以设置多组文件类型

            a.UpSize = 10;
            //可限制传输文件总容量，0或负数为不限制，单位MB

            a.fileNum = 1;
            //可限制待传文件的数量，0或负数为不限制

            a.size = 10;
            //上传单个文件限制大小，单位MB，可以填写小数类型

            a.FormID = ['select', 'select2'];
            //设置每次上传时将注册了ID的表单数据以POST形式发送到服务器
            //需要设置的FORM表单中checkbox,text,textarea,radio,select项目的ID值,radio组只需要一个设置ID即可
            //参数为数组类型，注意使用此参数必须有 challs_flash_FormData() 函数支持

            a.autoClose = 1;
            //上传完成条目，将自动删除已完成的条目，值为延迟时间，以秒为单位，当值为 -1 时不会自动关闭，注意：当参数CompleteClose为false时无效

            a.CompleteClose = true;
            //设置为true时，上传完成的条目，将也可以取消删除条目，这样参数 UpSize 将失效, 默认为false

            a.repeatFile = true;
            //设置为true时，可以过滤用户已经选择的重复文件，否则可以让用户多次选择上传同一个文件，默认为false

            a.returnServer = true;
            //设置为true时，组件必须等到服务器有反馈值了才会进行下一个步骤，否则不会等待服务器返回值，直接进行下一步骤，默认为false

            a.MD5File = 1;
            //设置MD5文件签名模式，参数如下 ,注意：FLASH无法计算超过100M的文件,在无特殊需要时，请设置为0
            //0为关闭MD5计算签名
            //1为直接计算MD5签名后上传
            //2为计算签名，将签名提交服务器验证，在根据服务器反馈来执行上传或不上传
            //3为先提交文件基本信息，根据服务器反馈，执行MD5签名计算或直接上传，如果是要进行MD5计算，计算后，提交计算结果，在根据服务器反馈，来执行是否上传或不上传

            a.loadFileOrder = true;
            //选择的文件加载文件列表顺序，TRUE = 正序加载，FALSE = 倒序加载

            a.mixFileNum = 0;
            //至少选择的文件数量，设置这个将限制文件列表最少正常数量（包括等待上传和已经上传）为设置的数量，才能点击上传，0为不限制

            a.ListShowType = 2;
            //文件列表显示类型：1 = 传统列表显示，2 = 缩略图列表显示（适用于图片专用上传）

            a.InfoDownRight = "等待上传：%1%个  已上传：%2%个";
            //右下角统计信息的文本设置,文本中的 %1% = 等待上传数量的替换符号，%2% = 已经上传数量的替换符号

            a.TitleSwitch = true;
            //是否显示组件头部

            a.ForceFileNum = 0;
            //强制条目数量，已上传和待上传条目相加等于为设置的值（不包括上传失败的条目），否则不让上传, 0为不限制，设置限制后mixFileNum,autoClose和fileNum属性将无效！

            a.autoUpload = false;
            //设置为true时，用户选择文件后，直接开始上传，无需点击上传，默认为false;

            a.adjustOrder = true;
            //设置为true时，用户可以拖动列表，重新排列位置

            a.deleteAllShow = true;
            //设置是否显示，全部清除按钮

            return a;
            //返回Object
        }

        function challs_flash_onComplete(a) { //每次上传完成调用的函数，并传入一个Object类型变量，包括刚上传文件的大小，名称，上传所用时间,文件类型

            var name = a.fileName; //获取上传文件名
            var size = a.fileSize; //获取上传文件大小，单位字节
            var time = a.updateTime; //获取上传所用时间 单位毫秒
            var type = a.fileType; //获取文件类型，在 Windows 上，此属性是文件扩展名。 在 Macintosh 上，此属性是由四个字符组成的文件类型
            document.getElementById('show').innerHTML += name + ' --- ' + size + '字节 ----文件类型：' + type + '--- 用时 ' + (time / 1000) + '秒<br><br>'
        }

        function challs_flash_onCompleteData(a) { //获取服务器反馈信息事件

            document.getElementById('show').innerHTML += '<font color="#ff0000">服务器端反馈信息：</font><br />' + a + '<br />';
        }
        function challs_flash_onStart(a) { //开始一个新的文件上传时事件,并传入一个Object类型变量，包括刚上传文件的大小，名称，类型

            var name = a.fileName; //获取上传文件名
            var size = a.fileSize; //获取上传文件大小，单位字节
            var type = a.fileType; //获取文件类型，在 Windows 上，此属性是文件扩展名。 在 Macintosh 上，此属性是由四个字符组成的文件类型
            document.getElementById('show').innerHTML += name + '开始上传！<br />';

            return true; //返回 false 时，组件将会停止上传
        }

        function challs_flash_onCompleteAll(a) { //上传文件列表全部上传完毕事件,参数 a 数值类型，返回上传失败的数量

            document.getElementById('show').innerHTML += '<font color="#ff0000">所有文件上传完毕，</font>上传失败' + a + '个！<br />';
            //window.location.href='http://www.baidu.com.cn/update'; //传输完成后，跳转页面

        }

        function challs_flash_deleteAllFiles() { //清空按钮点击时，出发事件

            //返回 true 清空，false 不清空
            return confirm("你确定要清空列表吗?");
        }

        function challs_flash_onError(a) { //上传文件发生错误事件，并传入一个Object类型变量，包括错误文件的大小，名称，类型

            var err = a.textErr; //错误信息
            var name = a.fileName; //获取上传文件名
            var size = a.fileSize; //获取上传文件大小，单位字节
            var type = a.fileType; //获取文件类型，在 Windows 上，此属性是文件扩展名。 在 Macintosh 上，此属性是由四个字符组成的文件类型
            document.getElementById('show').innerHTML += '<font color="#ff0000">' + name + ' - ' + err + '</font><br />';
        }

        function challs_flash_FormData(a) { // 使用FormID参数时必要函数

            try {
                var value = '';
                var id = document.getElementById(a);
                if (id.type == 'radio') {
                    var name = document.getElementsByName(id.name);
                    for (var i = 0; i < name.length; i++) {
                        if (name[i].checked) {
                            value = name[i].value;
                        }
                    }
                } else if (id.type == 'checkbox') {
                    var name = document.getElementsByName(id.name);
                    for (var i = 0; i < name.length; i++) {
                        if (name[i].checked) {
                            if (i > 0) value += ",";
                            value += name[i].value;
                        }
                    }
                } else {
                    value = id.value;
                }
                return value;
            } catch (e) {
                return '';
            }
        }

        function challs_flash_style() { //组件颜色样式设置函数

            var a = {};

            /*  整体背景颜色样式 */
            a.backgroundColor = ['#f6f6f6', '#f3f8fd', '#dbe5f1']; //颜色设置，3个颜色之间过度
            a.backgroundLineColor = '#5576b8'; 				//组件外边框线颜色
            a.backgroundFontColor = '#066AD1'; 				//组件最下面的文字颜色
            a.backgroundInsideColor = '#FFFFFF'; 				//组件内框背景颜色
            a.backgroundInsideLineColor = ['#e5edf5', '#34629e']; //组件内框线颜色，2个颜色之间过度
            a.upBackgroundColor = '#ffffff'; 					//上翻按钮背景颜色设置
            a.upOutColor = '#000000'; 							//上翻按钮箭头鼠标离开时颜色设置
            a.upOverColor = '#FF0000'; 						//上翻按钮箭头鼠标移动上去颜色设置
            a.downBackgroundColor = '#ffffff'; 				//下翻按钮背景颜色设置
            a.downOutColor = '#000000'; 						//下翻按钮箭头鼠标离开时颜色设置
            a.downOverColor = '#FF0000'; 						//下翻按钮箭头鼠标移动上去时颜色设置

            /*  头部颜色样式 */
            a.Top_backgroundColor = ['#e0eaf4', '#bcd1ea']; 		//颜色设置，数组类型，2个颜色之间过度
            a.Top_fontColor = '#245891'; 						//头部文字颜色


            /*  按钮颜色样式 */
            a.button_overColor = ['#FBDAB5', '#f3840d']; 		//鼠标移上去时的背景颜色，2个颜色之间过度
            a.button_overLineColor = '#e77702'; 				//鼠标移上去时的边框颜色
            a.button_overFontColor = '#ffffff'; 				//鼠标移上去时的文字颜色
            a.button_outColor = ['#ffffff', '#dde8fe']; 			//鼠标离开时的背景颜色，2个颜色之间过度
            a.button_outLineColor = '#91bdef'; 				//鼠标离开时的边框颜色
            a.button_outFontColor = '#245891'; 				//鼠标离开时的文字颜色

            /* 文件列表样式 */
            a.List_backgroundColor = '#EAF0F8'; 				//列表背景色
            a.List_fontColor = '#333333'; 						//列表文字颜色
            a.List_LineColor = '#B3CDF1'; 						//列表分割线颜色
            a.List_cancelOverFontColor = '#ff0000'; 			//列表取消文字移上去时颜色
            a.List_cancelOutFontColor = '#D76500'; 			//列表取消文字离开时颜色
            a.List_progressBarLineColor = '#B3CDF1'; 			//进度条边框线颜色
            a.List_progressBarBackgroundColor = '#D8E6F7'; 	//进度条背景颜色	
            a.List_progressBarColor = ['#FFCC00', '#FFFF00']; 	//进度条进度颜色，2个颜色之间过度

            /* 错误提示框样式 */
            a.Err_backgroundColor = '#C0D3EB'; 				//提示框背景色
            a.Err_LineColor = '#5D7CBB'; 						//提示框边框线景色
            a.Err_cancelOverColor = '#0066CC'; 				//提示框取消按钮移上去时颜色
            a.Err_cancelOutColor = '#FF0000'; 					//提示框取消按钮离开时颜色
            a.Err_fontColor = '#245891'; 						//提示框文字颜色


            return a;
        }


        var isMSIE = (navigator.appName == "Microsoft Internet Explorer");
        function thisMovie(movieName) {

            if (isMSIE) {
                return window[movieName];
            } else {
                return document[movieName];
            }
        }
    </script>
</head>
<body>
    <div id="wrap">
        <div id="header" class="clearfix">
            <div id="logo-holder">
                <h1 id="logo">
                    <a href="/Default.aspx">海客网</a>
                </h1>
            </div>
            <ul id="nav">
                <li id="nav-index" class=""><a class="nav-item" href="/Default.aspx">首页</a>
                </li>
                <li id="nav-explore" class=""><a class="nav-item" href="/Web/Dd_discover/Dd_FerverTag.aspx">
                    发现</a> </li>
            </ul>
            <div id="J_HeaderMiscAction" class="misc-action" style="">
                <ul class="action-list">
                    <li class="action-item message"><a class="title" href="Dd_profile.aspx">
                        消息</a> </li>
                    <li class="action-item inbox"><a class="title" href="Dd_profile.aspx">
                        私信</a> </li>
                </ul>
            </div>
            <ul id="nav-blog-list" class="clearfix">
                <li id="nav-blog-10955468" class="blog-item"><a href="/Web/Dd_private_index.aspx">
                    <span class="nav-blog-avatar">
                        <img width="20" height="20" id="img_personal" src="/images/avatar_64_64_$1095.png"></span>
                    <span class="nav-blog-name" id="blogname"></span> </a></li>
            </ul>
        </div>      
        <div id="content">
            <div id="main">
                <div class="profile">
                    <div class="h">
                        <a href="/Web/Dd_private_index.aspx">←&nbsp;返回我的主页</a>
                    </div>
                    <div class="con">
                        <div class="title">
                            编辑个人资料</div>
                        <form id="profile-form" onsubmit="return false;" method="post" >
                        <ul class="list clearfix">
                            <li class="clearfix">
                                <div class="item-title">
                                    头像</div>
                                <div class="item" id="personal">
                                    <img  id="avatar-img" class="avatar" src="/images/avatar_64_64_$1095.png" />
                                    <div class="avatar-upload">
                                        <a id="avatar-upload-btn" class="profile-setting-btn avatar-upload-btn frameupload-hook"
                                             uploadid="2" style="cursor:pointer;" onclick="showDialog()">上传头像</a>
                                        <div class="avatar-modify" bigpic="http://m1.img.libdd.com/farm2/19/8E1603EA8AB7D362D704A17BD085D813_64_64.GIF">
                                            <a id="avatar-modify" onclick="return false;" href="#">调整缩略图</a>
                                        </div>
                                        <div class="info">
                                            你可以上传JPG、JPEG、GIF、PNG格式的文件</div>
                                        <input id="avatar" type="hidden" value="AE7451292B93B1C7949ADB75E8AD4EC9" name="pic">
                                    </div>
                                </div>
                            </li>
                            <li class="clearfix">
                                <div class="item-title">
                                    昵称</div>
                                <div class="item">
                                    <input class="input-text text" id="text_call" type="text" name="name">
                                    <div class="info" id="error">
                                        4-20个字符，支持中英文、数字</div>
                                </div>
                            </li>
                            <li class="clearfix">
                                <div class="item-title">
                                    个人介绍</div>
                                <div class="item">
                                    <textarea class="input-text text" id="text_discript" style="height: 127px;" name="textarea"></textarea>
                                    <div class="info">
                                        关于你自己，说点儿什么吧？</div>
                                </div>
                            </li>
                        </ul>
                        <div class="clearfix">
                            <a id="profile-submit" class="profile-submit blue-button">保存</a>
                        </div>
                        </form>
                    </div>
                </div>
                <div id="customize-user-cut-avatar-holder" class="customize-user-cut-avatar-holder clearfix"
                    style="display: none;">
                </div>
                <div id="aside">
                </div>
            </div>
        </div>
        <div id="Dialog" class="unshow">
                    <div id="flash" style="background-color: White; margin-top: 50px; margin-left: auto;
                        margin-right: auto; width: 300px;">
                        <div style="background: #CADAED; margin: 0px auto 0px; width: 300px; height: 30px">
                            <span style="  margin-left:70px; width:100px; font-size:18px;">个人图片上传</span>
                            <a id="closeDialog" href="#" style="float: right; padding: 10px;" onclick="closeDialog()">
                                关闭</a>
                        </div>
                        <div style="height: 300px; width: 300px; margin: 0px auto;">
                            <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0"
                                width="300" height="300" id="update" align="middle">
                                <param name="allowFullScreen" value="false" />
                                <param name="allowScriptAccess" value="always" />
                                <param name="movie" value="update.swf" />
                                <param name="quality" value="high" />
                                <param name="bgcolor" value="#ffffff" />
                                <embed src="update.swf" quality="high" bgcolor="#ffffff" width="300" height="300"
                                    name="update" align="middle" allowscriptaccess="always" allowfullscreen="false"
                                    type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
                            </object>
                            <div style="clear: both; width:200px;">
                            </div>
                        </div>
                    </div>
                </div>
    </div>
</body>
</html>
