咨询申请页面 加文字提示

咨询申请、咨询评价中多行编辑的样式调整

app/html/chat-assess.html

@@ -12,16 +12,14 @@
				position: relative; 
			}
			.text_count {
				position: absolute;
				right: 0;
				bottom: 0;
				text-align: right;
				font-size: 12px;
				margin-right:9px;
				color:#AAAAAA;
			}
			#textbox #question {
				padding: 0;
				border: none;
				height: 40px;
				border-bottom:1px solid #F0F0F0
			#textbox #question {
				padding:0 3px;
				margin:0 8px;
			}
			
		</style>
@@ -51,12 +49,8 @@
					<div class="mui-inline">评价留言</div>
				</div>
				<div class="row mui-input-row" id="textbox">
					<!--<div id='question' class="mui-input-clear question textareabox" contenteditable="true" style="-webkit-user-select:text;"></div>-->
					
					<textarea id="question"class="mui-input-clear question textareabox"> </textarea>
					
					<div id='question' class="mui-input-clear question textareabox" contenteditable="true"></div>
					<div class="text_count"><span><span id="text-count">300</span>字</span></div>
					
				</div>
				
			</div>

app/html/consultapply.html

@@ -10,7 +10,7 @@
		<link href="../css/app.css" rel="stylesheet" />
		<style type="text/css">
			#consultcon {
				min-height: 40px !important;
				/*min-height: 40px !important;*/
				font-size: 14px;
				padding: 0;
				line-height: 1.5;
@@ -28,10 +28,11 @@
				border-bottom:1px solid rgba(0,0,0,.2);
				background:#fff;
			}
			.content{color:#AAAAAA}
			.question{color:#666666}
			#count {
				position: absolute;
				bottom: 0px;
				right: 10px;
				text-align: right;
				color:#AAAAAA;
			}
		</style>
	</head>
@@ -99,16 +100,13 @@
					<div class="maincon">
						<ul class="basicinfo" style="padding:0;">
							<li><label>咨询主题<em class="requiredcon"></em></label></li>
							<li class="basicfrm"><input type="text" name="comname" class="mui-input-clear frmtype" id="consulttitle"></li>
							<li class="basicfrm"><input type="text" name="comname" placeholder="请用一句话概括您的需求" class="mui-input-clear frmtype" id="consulttitle"></li>
							<li><label>咨询内容<em class="requiredcon" ></em></label></li>
							<li class="basicfrm row mui-input-group  mui-input-row" style="border-bottom: none;min-height: 80px;">
								<!--<div class="textareabox" contenteditable="true" id="consultcon">
								</div>-->
								<!--<div class="row mui-input-row text">-->
									<textarea id='consultcon' class="mui-input-clear question content" style=""></textarea>
									<div id="count">300</div>
								<!--</div>-->
							<li style="height:auto">
								<div class="textareabox content" id="consultcon" contenteditable="true" onfocus="if(this.innerText=='请详细描述您遇到的问题')this.innerText='';this.style.color='#555555';" onblur="if(this.innerText=='')this.innerText='请详细描述您遇到的问题';this.style.color='#AAAAAA';">
									请详细描述您遇到的问题
								</div>
								<div id="count">300</div>
							</li>
						</ul>
					</div>

app/js/chat-assess.js

@@ -13,28 +13,28 @@ mui.ready(function() {
	});
	//评价字数限制
	//字数限制函数
	function limitTextCountFn() {
		//		var curLength = oassesscontent.innerHTML.length;
		var curLength = oassesscontent.value.length;
		if(curLength > 300) {
			var num = oassesscontent.innerHTML.substr(0, 300);
		} else {
			otextNum.innerHTML = parseInt(curLength);
		}
	};
//	function limitTextCountFn() {
//		//		var curLength = oassesscontent.innerHTML.length;
//		var curLength = oassesscontent.innerText.length;
//		if(curLength > 300) {
//			var num = oassesscontent.innerHTML.substr(0, 300);
//		} else {
//			otextNum.innerHTML = parseInt(curLength);
//
//		}
//	};
	/*字数限制*/
	function checkLen(obj) {
		var maxChars = 300; //最多字符数  
		if(obj.value.length > maxChars) {
		if(obj.innerText.length > maxChars) {
			obj.value = obj.value.substring(0, maxChars);
			obj.innerText = obj.innerText.substring(0, maxChars);
		}
		var curr = maxChars - obj.value.length;
		var curr = maxChars - obj.innerText.length;
		document.getElementById("text-count").innerHTML = curr.toString();
	};

app/js/consultapply.js

@@ -26,7 +26,7 @@
 	function saveconsult(proId,userid) {
 		var consultType = oconsulttype_ul.querySelector('.liactive').innerText;
// 		var consultcon = oconsultcon.innerText;
		var consultcon = oconsultcon.value;
		var consultcon = oconsultcon.innerText;
 		var consultTitle = oconsulttitle.value;
 		console.log(consultType);
 		console.log(consultTitle);
@@ -159,19 +159,18 @@
 			}
 		});
 	}
 	
 	
 	/*咨询申请字数限制*/
	function checkLen(obj) {  
		var maxChars = 300;//最多字符数  
		
		if (obj.value.length > maxChars) {
		if (obj.innerText.length > maxChars) {
			
			obj.value = obj.value.substring(0,maxChars); 
			obj.innerText = obj.innerText.substring(0,maxChars); 
		}
		
		var curr = maxChars - obj.value.length;  
		var curr = maxChars - obj.innerText.length;  
		
		document.getElementById("count").innerHTML = curr.toString(); 	
	};
@@ -194,7 +193,7 @@
   	 	/*专家信息数据*/
   	    proinfo(proId);
   	    if(flag == 'ziyuan') {
   	    	oconsulttitle.value = '关于'+consulttitle+'的咨询';
   	    	oconsulttitle.innerText='关于'+consulttitle+'的咨询' ;
   	    	var lilist = oconsulttype_ul.querySelectorAll('li');
   	    	var oziyuanspan = document.getElementById("ziyuanspan");
   	    	var emele = document.createElement('em');