socialforge/app/views/my/account.html.erb

 <div class="contextual" style="padding-right: 10px;">
	<%= link_to(l(:button_change_password), {:action => 'password'}, :class => 'icon icon-passwd') if @user.change_password_allowed? %>
	<%= call_hook(:view_my_account_contextual, :user => @user)%>
</div>

<h3 style="padding-left: 10px;"><%= l(:label_my_account)%></h3>

<fieldset class="box" style="margin:10px;">
	<fieldset class="collapsible collapsed" style="width:800px;margin-left: 10px;">
		<legend onclick="toggleFieldset(this);">
			<%= l(:label_my_photo)%>
		</legend>
		<div>
		<!--upload profiles-->
			<%= render :partial=> "avatar/avatar_form", :locals=>{source:@user} %>
		<!--upload-->
		</div>
	</fieldset>
	<%= labelled_form_for :user, @user,
		:url => { :action => "account" },
		:html => { :id => 'my_account_form',
		:method => :post } do |f| %>		
	<fieldset class="collapsible collapsed" style="width:800px;margin-left: 10px;">
		<legend onclick="toggleFieldset(this);">
			<%= l(:label_information_plural)%>
		</legend>
		<div>
			<span id = 'name' style = 'display:none'>	
		<p style="width:400px;padding-left: 26px;">
			<%= f.text_field :firstname, :required => true %>
		</p>
		<p style="width:400px;padding-left: 26px;">
			<%#= f.text_field :lastname, :required => true %>
		</p></span>
		
		<span id = 'enterprise' style = 'display:none'>	
		<p style="width:400px;padding-left: 26px;">企业名<%= text_field_tag :enterprise_name, @user.firstname %>
		</p>
		</span>
		
		<!-- added by bai  增加账户里的性别-->
		<span id = 'gender' style = 'display:none'>	
		<% unless @user.user_extensions.nil? %>
		<% if @user.user_extensions.gender == 0 %>
			<p style="width:400px;padding-left: 26px;">
				<%= l(:label_gender) %>&nbsp;&nbsp;<%= select_tag 'gender', "<option value = '0'>#{l(:label_gender_male)}</option><option value = '1'>#{l(:label_gender_female)}</option>".html_safe ,:class =>'gender' %>
			</p>
			
			<% else %>
			<p style="width:400px;padding-left: 26px;">
				<%= l(:label_gender) %>&nbsp;&nbsp;<%= select_tag 'gender', "<option value = '0'>#{l(:label_gender_male)}</option><option value = '1' selected='selected'>#{l(:label_gender_female)}</option>".html_safe ,:class =>'gender' %>
			</p>
			
			<% end %>
		<% else %>
				<p style="width:400px;padding-left: 26px;"><%= l(:label_gender) %>&nbsp;&nbsp;<%= select_tag 'gender', "<option value = '0'>#{l(:label_gender_male)}</option><option value = '1'>#{l(:label_gender_female)}</option>".html_safe ,:class =>'gender' %></p>
		</p>
		<% end %>
		
		<!-- added by bai 单位-->
		<% unless @user.user_extensions.nil?%>
		<p style="width:400px;padding-left: 26px;"><%= l(:field_occupation)%>&nbsp;<%= text_field_tag "occupation", @user.user_extensions.occupation, :class => 'occupation'%>
		</p>
		<%else%>
		<p style="width:400px;padding-left: 26px;"><%= l(:field_occupation)%><%= text_field_tag "occupation", nil, :class => 'occupation'%>
		</p>
		<%end%>
		
		<!-- added by bai 增加了地区 -->
		
		</span>
		
		<!-- end -->
		
		<p style="width:357px;padding-left: 26px;">
			<%= f.text_field :mail, :required => true %>
		</p>
		<p style="width:426px;padding-left:26px;>
			<%= f.select :language, :Chinese简体中文 => :zh, :English => :en%>
		</p>
		
		
		
<script type="text/javascript" language="javascript">
function showcity(province, cityField) {
	switch (province) {
    case "北京" :
        var cityOptions = new Array(
        "东城","西城","朝阳","丰台","石景山","海淀","门头沟",
        "房山","通州","顺义","昌平","大兴","平谷","怀柔","密云","延庆");
        break;
    case "上海" :
        var cityOptions = new Array(
        "崇明","黄浦","卢湾","徐汇","长宁","静安","普陀","闸北","虹口","杨浦","闵行",
        "宝山","嘉定","浦东","金山","松江","青浦","南汇","奉贤");
        break;
    case "广东" :
        var cityOptions = new Array(
        "广州","深圳","珠海","东莞","中山","佛山","惠州","河源","潮州","江门","揭阳","茂名",
        "梅州","清远","汕头","汕尾","韶关","顺德","阳江","云浮","湛江","肇庆");
        break;
    case "江苏" :
        var cityOptions = new Array(
        "南京","常熟","常州","海门","淮安","江都","江阴","昆山","连云港","南通",
        "启东","沭阳","宿迁","苏州","太仓","泰州","同里","无锡","徐州","盐城",
        "扬州","宜兴","仪征","张家港","镇江","周庄");
        break;
    case "重庆" :
        var cityOptions = new Array(
        "万州","涪陵","渝中","大渡口","江北","沙坪坝","九龙坡","南岸","北碚","万盛",
        "双挢","渝北","巴南","黔江","长寿","綦江","潼南","铜梁","大足","荣昌","壁山",
        "梁平","城口","丰都","垫江","武隆","忠县","开县","云阳","奉节","巫山","巫溪",
        "石柱","秀山","酉阳","彭水","江津","合川","永川","南川");
        break;
    case "安徽" :
        var cityOptions = new Array(
        "合肥","安庆","蚌埠","亳州","巢湖","滁州","阜阳","贵池","淮北","淮化","淮南",
        "黄山","九华山","六安","马鞍山","宿州","铜陵","屯溪","芜湖","宣城");
         break;
    case "福建" :
        var cityOptions = new Array(
        "福州","厦门","泉州","漳州","龙岩","南平","宁德","莆田","三明");
         break;
    case "甘肃" :
        var cityOptions = new Array(
        "兰州","白银","定西","敦煌","甘南","金昌","酒泉","临夏","平凉","天水",
        "武都","武威","西峰","张掖");
        break;
    case "广西" :
        var cityOptions = new Array(
        "南宁","百色","北海","桂林","防城港","贵港","河池","贺州","柳州","钦州","梧州","玉林");
        break;
    case "贵州" :
        var cityOptions = new Array(
        "贵阳","安顺","毕节","都匀","凯里","六盘水","铜仁","兴义","玉屏","遵义");
        break;
    case "海南" :
        var cityOptions = new Array(
        "海口","儋县","陵水","琼海","三亚","通什","万宁");
        break;
    case "河北" :
        var cityOptions = new Array(
        "石家庄","保定","北戴河","沧州","承德","丰润","邯郸","衡水","廊坊","南戴河","秦皇岛",
        "唐山","新城","邢台","张家口");
        break;
    case "黑龙江" :
        var cityOptions = new Array(
        "哈尔滨","北安","大庆","大兴安岭","鹤岗","黑河","佳木斯","鸡西","牡丹江","齐齐哈尔",
        "七台河","双鸭山","绥化","伊春");
        break;
    case "河南" :
        var cityOptions = new Array(
        "郑州","安阳","鹤壁","潢川","焦作","济源","开封","漯河","洛阳","南阳","平顶山",
        "濮阳","三门峡","商丘","新乡","信阳","许昌","周口","驻马店");
        break;
    case "香港" :
        var cityOptions = new Array(
        "香港","九龙","新界");
        break;
    case "湖北" :
        var cityOptions = new Array(
        "武汉","恩施","鄂州","黄冈","黄石","荆门","荆州","潜江","十堰","随州","武穴",
        "仙桃","咸宁","襄阳","襄樊","孝感","宜昌");
        break;
    case "湖南" :
        var cityOptions = new Array(
        "长沙","常德","郴州","衡阳","怀化","吉首","娄底","邵阳","湘潭","益阳","岳阳",
        "永州","张家界","株洲");
        break;
    case "江西" :
        var cityOptions = new Array(
        "南昌","抚州","赣州","吉安","景德镇","井冈山","九江","庐山","萍乡",
        "上饶","新余","宜春","鹰潭");
        break;
    case "吉林" :
        var cityOptions = new Array(
        "长春","吉林","白城","白山","珲春","辽源","梅河","四平","松原","通化","延吉");
        break;
    case "辽宁" :
        var cityOptions = new Array(
        "沈阳","鞍山","本溪","朝阳","大连","丹东","抚顺","阜新","葫芦岛","锦州",
        "辽阳","盘锦","铁岭","营口");
        break;
    case "澳门" :
        var cityOptions = new Array("澳门");
        break;
    case "内蒙古" :
        var cityOptions = new Array(
        "呼和浩特","阿拉善盟","包头","赤峰","东胜","海拉尔","集宁","临河","通辽","乌海",
        "乌兰浩特","锡林浩特");
        break;
    case "宁夏" :
        var cityOptions = new Array(
        "银川","固源","石嘴山","吴忠");
        break;
    case "青海" :
        var cityOptions = new Array(
        "西宁","德令哈","格尔木","共和","海东","海晏","玛沁","同仁","玉树");
        break;
    case "山东" :
        var cityOptions = new Array(
        "济南","滨州","兖州","德州","东营","菏泽","济宁","莱芜","聊城","临沂",
        "蓬莱","青岛","曲阜","日照","泰安","潍坊","威海","烟台","枣庄","淄博");
        break;
    case "山西" :
        var cityOptions = new Array(
        "太原","长治","大同","候马","晋城","离石","临汾","宁武","朔州","忻州",
        "阳泉","榆次","运城");
        break;
    case "陕西" :
        var cityOptions = new Array(
        "西安","安康","宝鸡","汉中","渭南","商州","绥德","铜川","咸阳","延安","榆林");
        break;
    case "四川" :
        var cityOptions = new Array(
        "成都","巴中","达川","德阳","都江堰","峨眉山","涪陵","广安","广元","九寨沟",
        "康定","乐山","泸州","马尔康","绵阳","眉山","南充","内江","攀枝花","遂宁",
        "汶川","西昌","雅安","宜宾","自贡","资阳");
        break;
    case "台湾" :
        var cityOptions = new Array(
        "台北","基隆","台南","台中","高雄","屏东","南投","云林","新竹","彰化","苗栗",
        "嘉义","花莲","桃园","宜兰","台东","金门","马祖","澎湖");
        break;
    case "天津" :
        var cityOptions = new Array(
        "天津","和平","东丽","河东","西青","河西","津南","南开","北辰","河北","武清","红挢",
        "塘沽","汉沽","大港","宁河","静海","宝坻","蓟县");
        break;
    case "新疆" :
        var cityOptions = new Array(
        "乌鲁木齐","阿克苏","阿勒泰","阿图什","博乐","昌吉","东山","哈密","和田","喀什",
        "克拉玛依","库车","库尔勒","奎屯","石河子","塔城","吐鲁番","伊宁");
        break;
    case "西藏" :
        var cityOptions = new Array(
        "拉萨","阿里","昌都","林芝","那曲","日喀则","山南");
        break;
    case "云南" :
        var cityOptions = new Array(
        "昆明","大理","保山","楚雄","大理","东川","个旧","景洪","开远","临沧","丽江",
        "六库","潞西","曲靖","思茅","文山","西双版纳","玉溪","中甸","昭通");
        break;
    case "浙江" :
        var cityOptions = new Array(
        "杭州","安吉","慈溪","定海","奉化","海盐","黄岩","湖州","嘉兴","金华","临安",
        "临海","丽水","宁波","瓯海","平湖","千岛湖","衢州","江山","瑞安","绍兴","嵊州",
        "台州","温岭","温州","余姚","舟山");
        break;
    case "海外" :
        var cityOptions = new Array(
        "美国","日本","英国","法国","德国","其他");
        break;
    default:
        var cityOptions = new Array("");
        break;
	}
	
	cityField.options.length = 0;    
	for(var i = 0; i < cityOptions.length; i++) {
	    cityField.options[i]=new Option(cityOptions[i],cityOptions[i]);
		/*
	    if (cityField.options[i].value==city) 
	    {
	    	//alert("here put City ok!");
	    	document.oblogform["city"].selectedIndex = i;
	    }*/
	}
}
function init_province_and_city(pField, province, cField, city) {
    for(var i = 0; i < pField.options.length; i++) {
        if (pField.options[i].value==province)
        {
        	pField.selectedIndex = i;
        }
    }
    showcity(province, cField);
    for(var i = 0; i < cField.options.length; i++) {
        if (cField.options[i].value==city)
        {
        	cField.selectedIndex = i;
        }
    }
}
function init_identity_and_title(pField, identity, cField, title) {
    for(var i = 0; i < pField.options.length; i++) {
        if (pField.options[i].value==identity)
        {
        	pField.selectedIndex = i;
        }
    }
    showtechnical_title(identity, cField);
    for(var i = 0; i < cField.options.length; i++) {
        if (cField.options[i].value==title)
        {
        	cField.selectedIndex = i;
        }
    }
}
</script>
<% province = User.current.user_extensions.location %>
<% city = User.current.user_extensions.location_city %>
<% identity = User.current.user_extensions.identity %>
<% title = User.current.user_extensions.technical_title %>
<script type="text/javascript" language="javascript">
$().ready(function(){
	var province = "<%= "#{province}" %>"
	var city = "<%= "#{city}" %>"
	init_province_and_city(document.getElementById('userProvince'),province, document.getElementById('userCity'),city);
	var identity = "<%= "#{identity}" %>"
	var title = "<%= "#{title}" %>"
	init_identity_and_title(document.getElementById('userIdentity'),identity, document.getElementById('userTechnical_title'),title);
	
			});
</script>

<p style="width:400px;padding-left: 26px;"><%= l(:label_location) %>
	<select onchange="showcity(this.value, document.getElementById(&#39;userCity&#39;));" name="province" id="userProvince" class="location">
	<option value="">--请选择省份--</option>
	<option value="北京">北京</option> 
	<option value="上海">上海</option> 
	<option value="广东">广东</option> 
	<option value="江苏">江苏</option> 
	<option value="浙江">浙江</option> 
	<option value="重庆">重庆</option> 
	<option value="安徽">安徽</option> 
	<option value="福建">福建</option> 
	<option value="甘肃">甘肃</option> 
	<option value="广西">广西</option> 
	<option value="贵州">贵州</option> 
	<option value="海南">海南</option> 
	<option value="河北">河北</option> 
	<option value="黑龙江">黑龙江</option> 
	<option value="河南">河南</option> 
	<option value="湖北">湖北</option> 
	<option value="湖南">湖南</option> 
	<option value="江西">江西</option> 
	<option value="吉林">吉林</option> 
	<option value="辽宁">辽宁</option> 
	<option value="内蒙古">内蒙古</option> 
	<option value="宁夏">宁夏</option> 
	<option value="青海">青海</option> 
	<option value="山东">山东</option> 
	<option value="山西">山西</option> 
	<option value="陕西">陕西</option> 
	<option value="四川">四川</option> 
	<option value="天津">天津</option> 
	<option value="新疆">新疆</option> 
	<option value="西藏">西藏</option> 
	<option value="云南">云南</option> 
	<option value="香港">香港特别行政区</option> 
	<option value="澳门">澳门特别行政区</option>
	<option value="台湾">台湾</option> 
	<option value="海外">海外</option>
</select>
<select name="city" id="userCity" class="location"></select></p>
		<!-- end -->
		
<!-- added by bai 增加职称-->
<script type="text/javascript" language="javascript">
	function showtechnical_title(identity, technical_titleField) {
	switch (identity) {
   
    case '0' :
    	$('#technical_title').show()
    	$('#no').hide()
    	$('#name').show()
        $('#enterprise').hide()
        $('#gender').show()
        var technical_titleOptions = new Array(
        "<%= l(:label_technicl_title_professor) %>","<%= l(:label_technicl_title_associate_professor) %>","<%= l(:label_technicl_title_lecturer) %>","<%= l(:label_technicl_title_teaching_assistant) %>");
        break;
        
    case '1' :
        $('#technical_title').hide()
        $('#no').show()
        $('#name').show()
        $('#enterprise').hide()
        $('#gender').show()
        var titleOptions = new Array("");
        break;
    
    case '2' :
        $('#technical_title').hide()
        $('#no').hide()
        $('#name').hide()
        $('#enterprise').show()
        $('#gender').hide()
        var titleOptions = new Array("");
        break;
    default:
    	$('#technical_title').hide()
        $('#no').hide()
        $('#name').show()
        $('#enterprise').hide()
        $('#gender').show()
        var titleOptions = new Array("");
        
        break;
    
	}
	technical_titleField.options.length = 0;    
	for(var i = 0; i < technical_titleOptions.length; i++) {
	technical_titleField.options[i]=new Option(technical_titleOptions[i],technical_titleOptions[i]);
		/*
	    if (cityField.options[i].value==city) 
	    {
	    	//alert("here put City ok!");
	    	document.oblogform["city"].selectedIndex = i;
	    }*/
	}
}
</script>
<!-- end -->
	
	
	
<% unless @user.user_extensions.identity == 2 %>
<p style="width:400px;padding-left: 26px;"><%= l(:label_identity) %>
	<td class="info" style="width: 10px">
	<select onchange="showtechnical_title(this.value, document.getElementById(&#39;userTechnical_title&#39;));" name="identity" id="userIdentity" class="location">
	<option value=""><%= l(:label_account_identity_choose) %></option>
	<option value="0"><%= l(:label_account_identity_teacher) %></option> 
	<option value="1"><%= l(:label_account_identity_student) %></option> 
	<option value="3"><%= l(:label_account_identity_developer) %></option> 
	
</select></td>
<span id = 'technical_title' style = 'display:none'>
<select name="technical_title" id="userTechnical_title"></select></span>
<span id = 'no' style = 'display:none'>	
	
	<!-- modified by fq -->
<% unless User.current.user_extensions.student_id.nil? %>
<%= text_field_tag :no, User.current.user_extensions.student_id, :placeholder => "请输入学号" %></span>
<!-- <input name="no" id="no" value=<%= "#{User.current.user_extensions.student_id}" %> placeholder="请输入学号"></span> -->
<% else %>
<%= text_field_tag :no, nil, :placeholder => "请输入学号" %></span>
<!-- <input name="no" id="no" placeholder="请输入学号"></span> -->
<% end %>
    <!-- end -->
</td></tr></table></p>
<% else %>
<span style="display:none">
<select onchange="showtechnical_title(this.value, document.getElementById(&#39;userTechnical_title&#39;));" name="identity" id="userIdentity" class="location">
	<option value=""><%= l(:label_account_identity_choose) %></option>
	<option value="0"><%= l(:label_account_identity_teacher) %></option>
	<option value="1"><%= l(:label_account_identity_student) %></option>
	<option value="2"><%= l(:label_account_identity_enterprise) %></option>
	<option value="3"><%= l(:label_account_identity_developer) %></option>
	
</select>
</span>
<% end %>
<!-- end -->
</div>	




			
			
		<% if Setting.openid? %>
		<p>
			<%= f.text_field :identity_url  %>
		</p></div>
		<% end %>

		<% @user.custom_field_values.select(&:editable?).each do |value| %>
		<p>
			<%= custom_field_tag_with_label :user, value %>
		</p>
		<% end %>
		<%= call_hook(:view_my_account, :user => @user, :form => f) %>
	</fieldset>
 
	<fieldset class="collapsible collapsed" style="width:800px;margin-left: 10px;">
		<legend onclick="toggleFieldset(this);">
			<%= l(:field_mail_notification)%>
		</legend>
		<div style="padding-left: 26px;"> <!-- modified by ming -->
		<p style="width:380px;>
		<%= render :partial => 'users/mail_notifications' %>
	    </p></div>
	</fieldset>

	<!-- <fieldset class="collapsible collapsed" style="width:800px;margin-left: 10px;">
		<legend onclick="toggleFieldset(this);">
			<%= l(:label_preferences)%>
		</legend>
		<div style="padding-left: 26px;"> 
		<%= render :partial => 'users/preferences' %></div>
	</fieldset> -->
	<!-- added by william -->
	<fieldset class="collapsible collapsed" style="width:800px;margin-left: 10px;display: none">
		<legend onclick="toggleFieldset(this);">
			<%= l(:label_user_extensions)%>
		</legend>
		<div>
		<%= render :partial => 'users/user_extensions' %></div>
	</fieldset>
	<!-- end -->
    <%= submit_tag l(:button_save) %>
</fieldset>
<% end %>
<% html_title(l(:label_my_account)) -%>