portal html css js resource

information.html 16KB

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>修改个人信息-科袖网</title> <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" /> <link href="css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="css/reset.css" /> <link type="text/css" href="css/common.css" rel="stylesheet"> <link type="text/css" href="css/genindex.css" rel="stylesheet"> <link type="text/css" href="css/index.css" rel="stylesheet"> <script type="text/javascript" src="js/jquery-1.11.1.js"></script> </head> <body> <!--头部--> <header id="header"> <script src="js/header.js"></script> </header> <div id="container"> <div class="containerCon"> <div class="contentCon clearfix"> <div class="headconBox flexCenter"> <div class="headimgBox head-left floatL"><a href="photo-set.html" class="replace-photo"></a></div> <div class="reInfoBlock head-center floatL"> <div class="coninfocon"> <div class="h1Font"><span id="nameS"></span><em class="authiconNew authicon-pro"></em></div> <a class="addclick edit proEdit">点击修改</a> <div class="h2Font ellipsisSty"><span id="office">教授</span> <span id="titleS">哈尔滨工业大学,材料科学与化学工程学院,院长</span></div> <!--<div class="position proPosition"><span id="office"></span ><span id="titleS"></span ></div> <div class="science proScience"><span id="industryS"></span ><span id="orgNameS"></span ></div> --> <div class="h3Font" id="address"></div> <ul class="clearfix h3Font" style="margin-top: 4px;"> <li class="col-w-3" style="width: 21%;"><span id="phone">18996325455</span></li> <li class="col-w-3" style="width: 27%;"><span id="mail">1899632545@qq.com</span></li> <li class="col-w-6"> <p style="color:#FC7443;font-size:12px;">未征得您的同意之前,我们不会公开您的联系方式。</p></li> </ul> </div> <!--个人信息修改--> <div class="modifybox" style="margin:0;padding:10px;"> <div class="infor"> <span class="txtType"><b class="required_star"></b><em class="emspace">姓</em>名</span> <input type="text" class="input-txt name" id="name"> <span id="authSta" style="float:right;margin-right:70px;color:red;"></span> </div> <div class="infor" id="titleNone"> <span><em class="emspace">职</em>称</span> <div class="divselect"> <input class="input-txt" type="text" value="" id="title" /> </div> <span><em class="emspace">职</em>位</span> <input type="text" class="input-txt" id="officeRevise"> </div> <div class="infor"> <span class="txtType"><b class="required_star"></b><a id="orgUpdata">所在机构</a></span> <input type="text" class="input-txt" id="orgName"> <span id="departmentUpdata">所属部门</span> <input type="text" class="input-txt" id="department"> </div> <div class="infor2 clearfix"> <span>所在城市</span> <div class="citybox"> <form action="" name="form1"> <div class="infolist"> <div class="liststyle clearfix"> <span class="input-txt" id="Province"> <em class="mr_sj"></em> <i class="mr_show">请选择省份</i> <ul> <li><a href="javascript:void(0)" alt="请选择省份">请选择省份</a></li> </ul> <input type="hidden" name="cho_Province" value="请选择省份"> </span> <span id="City" class="input-txt" style="margin-left:8px;"> <em class="mr_sj"></em> <i class="mr_show">请选择城市</i> <ul> <li><a href="javascript:void(0)" alt="请选择城市">请选择城市</a></li> </ul> <input type="hidden" name="cho_City" value="请选择城市"> </span> </div> </div> </form> </div> </div> <div class="infor"> <span class="txtType"><a>联系电话(非公开</a></span> <input type="text" class="input-txt" id="mobilePhone"> <span>联系邮箱(非公开)</span> <input type="text" class="input-txt" id="moileMail"> </div> <div class="btnbox"> <input type="button" value="保存" id="saveProfessor" class="btnModel"> <input type="button" value="取消" class="btnModel btnCancel"> </div> </div> </div> </div> <div class="leftconBox floatL" style="padding-bottom: 40px;"> <!--个人简介--> <div class="coninfobox introduction"> <div class="coninfotit">个人简介<a class="addclick edit">点击修改</a></div> <div class="coninfocon"> <div id="descpS"> </div> </div> <div class="modifybox indu"> <div class="msgContbox"><textarea class="frmcontype" id="descp"></textarea></div> <div class="btnbox btnboxO"> <input type="button" value="保存" id="saveDescp" class="btnModel"> <input type="button" value="取消" class="btnModel btnCancel"> </div> </div> </div> <!--学术领域--> <div class="coninfobox introduction xslyshow" style="display: none;"> <div class="coninfotit"><span>学术领域</span><a class="addclick edit">点击修改</a></div> <div class="coninfocon clearfix"> <div class="listbox" id="subjectShow"> </div> </div> <div class="modifybox indu"> <div class="select-sele"> <div class="btn-marL"> <input type="text" class="frmcontype" id="subject" /> </div> <div class="add"> <input type="button" value="添加" class="addbtn" id="subjectAdd" /> </div> </div> <div class="list-area"> <div class="listbox btn-marL" id="subjectList"> </div> </div> <div class="btnbox btnboxO"> <input type="button" value="保存" id="subjectSave" class="btnModel"> <input type="button" value="取消" class="btnModel btnCancel"> </div> </div> </div> <!--研究方向--> <div class="coninfobox introduction yesshow" style="display: none;"> <div class="coninfotit"><span>研究方向</span><a class="addclick edit">点击修改</a></div> <div class="coninfocon listResearch" id="researchAreaShow"> <ul class="clearfix"> </ul> </div> <div class="modifybox indu"> <div class="select-sele"> <input type="text" class="input-txt input-width btn-marL" value="" id="researchArea"> <div class="add"><input type="button" value="添加" class="addbtn" id="researchAreaAdd"></div> </div> <div class="list-area"> <div class="listbox btn-marL addlist" id="researchAreaList"> </div> </div> <div class="btnbox btnboxO"> <input type="button" value="保存" id="researchAreaSave" class="btnModel"> <input type="button" value="取消" class="btnModel btnCancel"> </div> </div> </div> <!-- 行业领域 --> <div class="coninfobox introduction yyhyshow" style="display: none;"> <div class="coninfotit">行业领域<a class="addclick edit">点击修改</a></div> <div class="coninfocon listSector"> <ul id="industryShow"> </ul> </div> <div class="modifybox indu"> <div class="business"> <div class="select-sele"> <input type="text" class="input-txt input-width btn-marL" value="" id="industry"> <div class="add"><input type="button" value="添加" class="addbtn" id="industryAdd"></div> </div> <div class="list-area"> <div class="listbox btn-marL addlist" id="industryList"> </div> </div> <div class="btnbox btnboxO"> <input type="button" value="保存" id="industrySave" class="btnModel"> <input type="button" value="取消" class="btnModel btnCancel"> </div> </div> </div> </div> <!--项目经历--> <div class="coninfobox introduction"> <div class="coninfotit">项目经历<a class="addclick" id="projectAdd">点击添加</a></div> <div class="coninfocon listSector"> <ul id="projectShow"> </ul> </div> </div> <!--荣誉及奖项--> <div class="coninfobox introduction"> <div class="coninfotit">荣誉奖项<a class="addclick" id="honorAdd">点击添加</a></div> <div class="coninfocon listSector"> <ul id="honorShow"> </ul> </div> </div> <!--工作经历--> <div class="coninfobox introduction"> <div class="coninfotit">工作经历<a class="addclick" id="timeJobAdd">点击添加</a></div> <div class="coninfocon listSector"> <ul id="timeJobShow"> </ul> </div> </div> <!-- 教育背景 --> <div class="coninfobox introduction"> <div class="coninfotit">教育背景<a class="addclick" id="addEdu">点击添加</a></div> <div class="coninfocon listSector"> <ul id="eduUl"> <!--<li>航空航天大学-计科系-信管-硕士-2016<em class="exitlist"></em></li>--> </ul> </div> </div> </div> <div class="rightconBox floatR"> <div class="conItem statisticsBox alignCenter clearfix"> <div class="col-w-12"> <p>发布资源、文章、专利、论文 </p> <a class="goarrow" href="workspaces.html">进入我的工作台<em></em></a> </div> </div> </div> </div> </div> </div> <footer> <script type="text/javascript" src="js/footer.js"></script> </footer> <script type="text/javascript" src="js/jquery.cookie.js"></script> <script type="text/javascript" src="js/jquery.similar.msgbox.js"></script> <script type="text/javascript" src="js/city.min.js"></script> <script type="text/javascript" src="js/common.js"></script> <script type="text/javascript" src="js/information.js"></script> <script> $("body").on("click", ".date-btn", function() { $(".mr_calendar_ym:visible").hide(); var flag = $(this).attr("flag"); var c = $(this).val(); if(flag == 1) { if(c) { var ye = new Date().getFullYear(); var sroTop = (ye - parseInt(c)) * 32; $(this).siblings(".mr_calendar_ym").show(); $(this).siblings(".mr_calendar_ym").find(".full_year").scrollTop(sroTop); $(this).siblings(".mr_calendar_ym").find(".yearli:contains('" + c + "')").addClass("active").siblings().removeClass("active"); return false; } else { var ye = new Date().getFullYear(); $(this).siblings(".mr_calendar_ym").show(); $(this).siblings(".mr_calendar_ym").find(".yearli:contains('" + ye + "')").addClass("active").siblings().removeClass("active"); return false; } } else if(flag == 2) { if(c) { if(c == "至今") { $(this).siblings(".mr_calendar_ym").show(); $(this).siblings(".mr_calendar_ym").find(".mli").removeClass("active"); $(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + c + "')").addClass("active").siblings().removeClass("active"); return false; } else { $(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + c.substr(0, 4) + "')").addClass("active"); $(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + c.substr(0, 4) + "')").siblings().removeClass("active"); if(c.substr(5, 1) == 0) { if(c.substr(6, 1) == 1) { $(this).siblings(".mr_calendar_ym").find(".mli:first").addClass("active").siblings().removeClass("active");; } else if(c.substr(6, 1) == 2) { $(this).siblings(".mr_calendar_ym").find(".mli:eq(1)").addClass("active").siblings().removeClass("active");; } else { $(this).siblings(".mr_calendar_ym").find(".mli:contains('" + c.substr(6, 1) + "')").addClass("active").siblings().removeClass("active");; } } else { $(this).siblings(".mr_calendar_ym").find(".mli:contains('" + c.substr(5, 2) + "')").addClass("active"); $(this).siblings(".mr_calendar_ym").find(".mli:contains('" + c.substr(5, 2) + "')").siblings().removeClass("active"); } $(this).siblings(".mr_calendar_ym").show(); var ya = $(this).siblings(".mr_calendar_ym").find(".mr_year .ymli").length; var ye = new Date().getFullYear(); if(ya == 61) { ye = ye + 1; } var sroTop = (ye - parseInt(c.substr(0, 4))) * 32; $(this).siblings(".mr_calendar_ym").find(".mr_year").scrollTop(sroTop); return false; } } else { var ye = new Date().getFullYear(); $(this).siblings(".mr_calendar_ym").show(); $(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + ye + "')").addClass("active"); $(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + ye + "')").siblings().removeClass("active"); return false; } } }) $("body").on("click", ".yearli", function() { $(this).addClass("active").siblings().removeClass("active"); $(this).parents(".mr_calendar_ym ").siblings().val($(this).text()); $(this).parents(".mr_calendar_ym ").hide(); return false; }) $("body").on("click", ".ymli", function() { $(this).addClass("active").siblings().removeClass("active"); var year = $(this).text(); if(year == "至今") { $(this).parents(".mr_calendar_ym ").siblings().val($(this).text()) $(this).parents(".mr_calendar_ym ").hide(); } return false; }) $("body").on("click", ".mli", function() { var yearli = $(this).parents(".mr_month").siblings(".mr_year").children(".active").text(); console.log(yearli); if($(this).text() < 10) { var month = "0" + $(this).text(); } else { var month = $(this).text(); } if(yearli == "至今") { var valueM = yearli; $(this).parents(".mr_calendar_ym ").siblings().val(valueM); $(this).parents(".mr_calendar_ym ").hide(); } else { $(this).addClass("active").siblings().removeClass("active"); var valueM = yearli + "-" + month $(this).parents(".mr_calendar_ym ").siblings().val(valueM); $(this).parents(".mr_calendar_ym ").hide(); } return false; }) $("body").click(function(){ $(".mr_calendar_ym:visible").hide(); }) function yearAdd() { //先给年下拉框赋内容 var y = new Date().getFullYear(); $(".full_year").empty(); $(".mr_year").empty(); for(var i = y; i > y - 60; i--) { //以今年为准,前60年,后10年 $(".mr_year").append('<li class="ymli">' + i + '</li>'); $(".full_year").append('<li class="yearli">' + i + '</li>'); if(i == y) { $(".mr_year>li:contains(" + i + ")").addClass("active"); $(".full_year>li:contains(" + i + ")").addClass("active"); } } } function month() { //赋月份的下拉框 $(".mr_month").empty(); for(var i = 1; i < 13; i++) { $(".mr_month").append('<li class="mli" style="text-align:center">' + i + '</li>'); } } </script> </body> </html>