Home Esplora Aiuto
Registrati Accedi
jiapeng
/
portal-front
Segui 3
Vota 0
Forka 0
Codice Problemi 0 Pull Requests 0 Commit 483 Rilasci 0 Wiki
Sfoglia il codice sorgente

新版搜索

xuchunyang 7 anni fa
parent
1ad328f037
commit
7f602306f5
4 ha cambiato i file con 81 aggiunte e 224 eliminazioni
Visualizzazione unificata Mostra Diff Stats
  1. 5 47
      js/common.js
  2. 1 1
      js/index.js
  3. 1 1
      js/ueditor/ueditor.config.js
  4. 74 175
      searchNew.html

+ 5 - 47
js/common.js
Vedi File

22
22
23 
});
 23 
});
24 
//搜索框跳转页面
 24 
//搜索框跳转页面
25 
	function synContent(type) {
26 
		if (type == 1) {
27 
			$("#searchContent").val($("#hsearchContent").val());
28 
		} else {
29 
			$("#hsearchContent").val($("#searchContent").val());
30 
		}
31 
	}
32 
	$("#hsearchContent").blur(function() {
33 
		synContent(1);
34 
	});
35 
	$("#searchContent").blur(function() {
36 
		synContent(2);
37 
	});
38
25
39
40 
	var lookFor = 0;
41 
	$("#lookFor ul li").on("click",function(){
42 
		lookFor=$(this).index();
43 
		console.log(lookFor);
44 
	});
45 
	$("#search").on("click", function() {
 26 
	$("#search").on("click", function() {
46 
		var searchContent = $("#searchContent").val();
 27 
		var searchContent = $("#searchContent").val();
47 
		location.href = "search.html?searchContent=" + encodeURI(searchContent)+"&lookFor=" + lookFor;
28 
		location.href = "searchNew.html?searchContent=" + encodeURI(searchContent);
48 
	});
 29 
	});
49
30
50 
	//enter绑定时间
 31 
	//enter绑定时间
51 
	$("#searchContent").keydown(function(e){
 32 
	$("#searchContent").keydown(function(e){
52 
		if(e.which==13) {
 33 
		if(e.which==13) {
53 
			synContent(2);
54 
		 var searchContent = $("#searchContent").val();
 34 
		 var searchContent = $("#searchContent").val();
55 
		 console.log(searchContent);
 35 
		 console.log(searchContent);
56 
			location.href = "search.html?searchContent=" + encodeURI(searchContent)+"&lookFor=" + lookFor;
36 
			location.href = "searchNew.html?searchContent=" + encodeURI(searchContent);
57 
		}
 37 
		}
58
38
59 
	})
 39 
	})
60 
	$("#hsearchContent").keydown(function(e){
 40 
	$("#hsearchContent").keydown(function(e){
61 
		if(e.which==13) {
 41 
		if(e.which==13) {
62 
			synContent(1);
63 
			var searchContent = $("#hsearchContent").val();
42 
			var searchContent = $("#hsearchContent").val();
64 
			console.log(searchContent);
 43 
			console.log(searchContent);
65 
			location.href = "search.html?searchContent=" + encodeURI(searchContent);
44 
			location.href = "searchNew.html?searchContent=" + encodeURI(searchContent);
66 
		}
45 
		}
67 
	})
 46 
	})
68
47
69 
	$("#hsearch").on("click", function() {
 48 
	$("#hsearch").on("click", function() {
70 
		var searchContent = $("#hsearchContent").val();
 49 
		var searchContent = $("#hsearchContent").val();
71 
		location.href = "search.html?searchContent=" + encodeURI(searchContent);
50 
		location.href = "searchNew.html?searchContent=" + encodeURI(searchContent);
72 
	});
 51 
	});
73 
/*向下滚动时，header背景变半透明*/
 52 
/*向下滚动时，header背景变半透明*/
74 
$(document).scroll(function() {
 53 
$(document).scroll(function() {
304 
	}
283 
	}
305
284
306 
};
 285 
};
307 
//模拟下拉菜单
308 
function selectThis(value){
309 
	$("#div_select").text(value);
310 
	$("#div_select2").val(value);
311 
	$("#li_show").css("display","none");
312 
	if(value=="找专家"){
313 
		$("#searchContent").attr("placeholder","搜索专家、机构、研究方向");
314 
	}else{
315 
		$("#searchContent").attr("placeholder","搜索资源、应用用途");
316 
	}
317 
}
318
319 
function selectThis2(value){
320 
	$("#div_select").text(value);
321 
	$("#div_select2").val(value);
322 
	$("#li_show").css("display","none");
323 
	if(value=="找专家"){
324 
		$("#searchContent").attr("placeholder","输入专家姓名、机构、研究方向等关键字");
325 
	}else{
326 
		$("#searchContent").attr("placeholder","输入资源名称、应用用途等关键字");
327 
	}
328 
}
286
329
287
330 
function showmenu(){
288 
function showmenu(){
331 
  $("#li_show").css("display","block");
289 
  $("#li_show").css("display","block");

+ 1 - 1
js/index.js
Vedi File

60
60
61 
	//热门领域
61 
	//热门领域
62 
	$(".field").bind("click",function(){
62 
	$(".field").bind("click",function(){
63 
		location.href = "search.html?subject=" + encodeURI($(this).text());
63 
		location.href = "searchNew.html?subject=" + encodeURI($(this).text());
64 
	})
64 
	})
65 
	//热门专家
65 
	//热门专家
66 
	$('.professor').hover(function() {
66 
	$('.professor').hover(function() {

+ 1 - 1
js/ueditor/ueditor.config.js
Vedi File

480 
			mark:   [],
 480 
			mark:   [],
481 
			nav:    [],
 481 
			nav:    [],
482 
			ol:     [],
 482 
			ol:     [],
483 
			p:      [],
483 
			p:      ['style'],
484 
			pre:    [],
 484 
			pre:    [],
485 
			s:      [],
 485 
			s:      [],
486 
			section:[],
 486 
			section:[],

+ 74 - 175
searchNew.html
Vedi File

9 
<link href="css/bootstrap.min.css" rel="stylesheet">
9 
<link href="css/bootstrap.min.css" rel="stylesheet">
10 
<link type="text/css" href="css/common.css" rel="stylesheet">
10 
<link type="text/css" href="css/common.css" rel="stylesheet">
11 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
11 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12 
<link type="text/css" href="css/popup.css" rel="stylesheet">
12 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13
14
14 
</head>
15 
</head>
28 
						找文章：请输入文章标题、作者-->
29 
						找文章：请输入文章标题、作者-->
29 
					<span class="searchgo">搜索</span>
30 
					<span class="searchgo">搜索</span>
30 
				</div>
31 
				</div>
31 
				<div class="filterdiv">
32 
					<ul class="choosediv clearfix">
33 
						<li class="liactive">找专家</li>
34 
						<li>找资源</li>
35 
						<li>找文章</li>
36 
					</ul>
37 
					<ul class="filterListNew clearfix">
38 
						<li>
39 
							<span class="leftsort">学术领域：</span>
40 
							<ul class="filterUl filterUlactive">
41 
								<li>不限</li>
42 
					       		<li>材料检测</li>
43 
					       		<li>防腐蚀</li>
44 
					       		<li class="filterCurrent">材料表面与界面</li>
45 
					       		<li>微晶金属材料</li>
46 
					       		<li>黑色金属</li>
47 
					       		<li>金属基复合材料</li>
48 
					       		<li>材料检测</li>
49 
					       		<li>防腐蚀</li>
50 
					       		<li>材料表面与界面</li>
51 
					       		<li>微晶金属材料</li>
52 
					       		<li>黑色金属</li>
53 
					       		<li>金属基复合材料</li>
54 
					       	</ul>
55 
					       	<span class="rightbtn">全部<em class="unfoldtr"></em></span>
56 
				       	</li>
57 
				       	<li>
58 
							<span class="leftsort">应用行业：</span>
59 
							<ul class="filterUl">
60 
								<li class="filterCurrent">不限</li>
61 
					       		<li>材料检测</li>
62 
					       		<li>防腐蚀</li>
63 
					       		<li>材料表面与界面</li>
64 
					       		<li>微晶金属材料</li>
65 
					       		<li>黑色金属</li>
66 
					       		<li>金属基复合材料</li>
67 
					       		<li>材料检测</li>
68 
					       		<li>防腐蚀</li>
69 
					       		<li>材料表面与界面</li>
70 
					       		<li>微晶金属材料</li>
71 
					       		<li>黑色金属</li>
72 
					       		<li>金属基复合材料</li>
73 
					       	</ul>
74 
					       	<span class="rightbtn">全部<em class="foldtr"></em></span>
75 
				       	</li>
76 
				       	<!--选择“找文章”时，所在城市 移除节点-->
77 
				       	<li>
78 
							<span class="leftsort">所在城市：</span>
79 
							<ul class="filterUl">
80 
								<li class="filterCurrent">不限</li>
81 
					       		<li>材料检测</li>
82 
					       		<li>防腐蚀</li>
83 
					       		<li>材料表面与界面</li>
84 
					       		<li>微晶金属材料</li>
85 
					       		<li>黑色金属</li>
86 
					       		<li>金属基复合材料</li>
87 
					       		<li>材料检测</li>
88 
					       		<li>防腐蚀</li>
89 
					       		<li>材料表面与界面</li>
90 
					       		<li>微晶金属材料</li>
91 
					       		<li>黑色金属</li>
92 
					       		<li>金属基复合材料</li>
93 
					       	</ul>
94 
					       	<span class="rightbtn">全部<em class="foldtr"></em></span>
95 
				       	</li>
96 
					</ul>
97 
				</div>
32 
				<ul class="choosediv clearfix filterdiv">
33 
					<li class="liactive" data-id="1">找专家</li>
34 
					<li data-id="2">找资源</li>
35 
					<li data-id="3">找文章</li>
36 
				</ul>
98 
				<div class="listdiv">
37 
				<div class="listdiv">
99 
					<!--无搜索结果-->
100 
					<div class="nodatabox">
101 
				        <div class="nodata">
102 
				            <div class="picbox picNull"></div>
103 
				            <div class="txtbox">
104 
				            	<p class="noContip">暂时没有符合该搜索条件的内容</p>
105 
				            </div>
106 
				        </div>
107 
				    </div>
108 
					<!--找人-->
38 
					<!--找人-->
109 
					<ul class="listitemdiv">
110 
						<li class="flexCenter">
111 
							<a class="linkhref" href="information-brow.html">
112 
								<div class="lefthead userheadt userRadius"></div>
113 
								<div class="centercon">
114 
									<p class="h1font">
115 
										<span class="nameSpan">路雅楠</span>
116 
										<em class="authiconNew authicon-pro" title="科袖认证专家"></em>
117 
									</p>
118 
									<p class="h2font ellipsisSty">职称/职位，所在机构</p>
119 
									<p class="h2font ellipsisSty">研究方向：材料腐蚀与防护；材料腐蚀与防护；材料腐蚀基因组的工程和应用；材料腐蚀与防护；材料腐蚀基因组的工程和应用；材料腐蚀与防护；材料腐蚀基因组的工程和应用；</p>
120 
								</div>
121 
							</a>
122 
							<span class="rightop">咨询</span>
123 
						</li>
124 
					</ul>
39 
					<div class="listbox">
40 
						<ul class="filterListNew clearfix">
41 
							<li>
42 
								<span class="leftsort">学术领域：</span>
43 
								<ul class="filterUl filterUlactive" id="academicField">
44
45 
						       	</ul>
46 
						       	<span class="rightbtn">全部<em class="unfoldtr"></em></span>
47 
					       	</li>
48 
					       	<li>
49 
								<span class="leftsort">应用行业：</span>
50 
								<ul class="filterUl" id="applicationIndustry">
51
52 
						       	</ul>
53 
						       	<span class="rightbtn">全部<em class="foldtr"></em></span>
54 
					       	</li>
55 
					       	<!--选择“找文章”时，所在城市 移除节点-->
56 
					       	<li>
57 
								<span class="leftsort">所在城市：</span>
58 
								<ul class="filterUl" id="cityList">
59
60 
						       	</ul>
61 
						       	<span class="rightbtn">全部<em class="foldtr"></em></span>
62 
					       	</li>
63 
						</ul>
64 
						<ul class="listitemdiv" id="expertList" style="position: relative;min-height:300px;"></ul>
65
66 
						<div class="tcdPageCode expertPageCode"></div>
67 
						<!--无搜索结果-->
68 
						<div class="nodatabox expertPage" style="display: none;">
69 
					        <div class="nodata">
70 
					            <div class="picbox picNull"></div>
71 
					            <div class="txtbox">
72 
					            	<p class="noContip">暂时没有符合该搜索条件的内容</p>
73 
					            </div>
74 
					        </div>
75 
					    </div>
76 
					</div>
77
125 
					<!--找资源-->
78 
					<!--找资源-->
126 
					<ul class="listitemdiv listmorediv">
127 
						<li class="flexCenter">
128 
							<a class="linkhref" href="resourceInfo.html">
129 
								<div class="lefthead resouhead"></div>
130 
								<div class="centercon">
131 
									<p class="h1font">电弧喷涂药芯焊丝实验服务</p>
132 
									<p class="h2font ellipsisSty">用途：材料腐蚀与防护；材料腐蚀基因组的工程和应用；材料腐蚀与防护；材料腐蚀基因组的工程和应用；材料腐蚀与防护；材料腐蚀基因组的工程和应用；材料腐蚀与防护；材料腐蚀基因组的工程和应用；材料腐蚀与防护；材料腐蚀基因组的工程和应用；材料腐蚀与防护；材料腐蚀基因组的工程和应用；</p>
133 
									<p class="h2font">
134 
										<span class="nameSpan">路雅楠</span>
135 
										<em class="authiconNew authicon-pro" title="科袖认证专家"></em>
136 
									</p>
137 
								</div>
138 
							</a>
139 
						</li>
140 
						<li class="flexCenter">
141 
							<a class="linkhref" href="resourceInfo.html">
142 
								<div class="lefthead resouhead"></div>
143 
								<div class="centercon">
144 
									<p class="h1font">电弧喷涂药芯焊丝实验服务</p>
145 
									<p class="h2font ellipsisSty">用途：材料腐蚀与防护；材料腐蚀基因组的工程和应用；</p>
146 
									<p class="h2font">
147 
										<span class="nameSpan">路雅楠</span>
148 
										<em class="authiconNew authicon-pro" title="科袖认证专家"></em>
149 
									</p>
150 
								</div>
151 
							</a>
152 
						</li>
153 
					</ul>
79 
					<div class="listbox" style="display: none;">
80 
						<ul class="listitemdiv listmorediv" id="resourceList" style="position: relative;min-height:300px;"></ul>
81 
						<div class="tcdPageCode resourcePageCode"></div>
82 
						<!--无搜索结果-->
83 
						<div class="nodatabox resourcePage" style="display: none;">
84 
					        <div class="nodata">
85 
					            <div class="picbox picNull"></div>
86 
					            <div class="txtbox">
87 
					            	<p class="noContip">暂时没有符合该搜索条件的内容</p>
88 
					            </div>
89 
					        </div>
90 
					    </div>
91 
					</div>
154 
					<!--找文章-->
92 
					<!--找文章-->
155 
					<ul class="listitemdiv listmorediv">
156 
						<li class="flexCenter">
157 
							<a class="linkhref" href="articalShow.html">
158 
								<div class="lefthead articalhead"></div>
159 
								<div class="centercon centercon2">
160 
									<p class="h1font ellipsisSty">电弧喷涂药芯焊丝实验服务电弧喷涂药芯焊丝实验服务电弧喷涂药芯焊丝实验服务电弧喷涂药芯焊丝实验服务</p>
161 
									<p class="h2font">
162 
										<span class="nameSpan">路雅楠</span>
163 
										<em class="authiconNew authicon-pro" title="科袖认证专家"></em>
164 
									</p>
165 
								</div>
166 
							</a>
167 
						</li>
168 
						<li class="flexCenter">
169 
							<a class="linkhref" href="articalShow.html">
170 
								<div class="lefthead articalhead"></div>
171 
								<div class="centercon centercon2">
172 
									<p class="h1font ellipsisSty">电弧喷涂药芯焊丝实验服务电弧喷涂药电弧喷涂药芯焊丝实验服务电弧喷涂药电弧喷涂药芯焊丝实验服务电弧喷涂药芯焊丝实验服务电弧喷涂药芯焊丝实验服务电弧喷涂药芯焊丝实验服务</p>
173 
									<p class="h2font">
174 
										<span class="nameSpan">路雅楠</span>
175 
										<em class="authiconNew authicon-real" title="实名认证用户"></em>
176 
									</p>
177 
								</div>
178 
							</a>
179 
						</li>
180 
					</ul>
181 
					<div class="tcdPageCode"></div>
93 
					<div class="listbox" style="display: none;">
94 
						<ul class="listitemdiv listmorediv" id="articalList" style="position: relative;min-height:300px;"></ul>
95 
						<div class="tcdPageCode articalPageCode"></div>
96 
						<!--无搜索结果-->
97 
						<div class="nodatabox articalPage" style="display: none;">
98 
					        <div class="nodata">
99 
					            <div class="picbox picNull"></div>
100 
					            <div class="txtbox">
101 
					            	<p class="noContip">暂时没有符合该搜索条件的内容</p>
102 
					            </div>
103 
					        </div>
104 
					    </div>
105 
					</div>
182 
				</div>
106 
				</div>
183 
			</div>
107 
			</div>
184 
		</div>
108 
		</div>
192 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
116 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
193 
<script type="text/javascript" src="js/jquery.page.js"></script>
117 
<script type="text/javascript" src="js/jquery.page.js"></script>
194 
<script type="text/javascript" src="js/common.js"></script>
118 
<script type="text/javascript" src="js/common.js"></script>
195 
<script type="text/javascript">
196 
	$(".tcdPageCode").createPage({
197 
		pageCount: Math.ceil(16 / 10),
198 
		current: 2
199 
	});
200 
	//切换搜索范围
201 
	$(".choosediv").on("click","li",function(){
202 
		$(".choosediv li").removeClass("liactive");
203 
		this.classList.add("liactive");
204 
	})
205 
	//筛选条件的选择
206 
	$(".filterUl").on("click","li",function(){
207 
		this.parentNode.querySelector('li.filterCurrent').classList.remove("filterCurrent");
208 
		this.classList.add("filterCurrent");
209 
	})
210 
	//筛选条件的展开关闭
211 
	$(".filterListNew").on("click",".rightbtn",function(){
212 
		if(this.querySelector("em").className == "unfoldtr") {
213 
			this.querySelector("em").classList.remove("unfoldtr");
214 
			this.querySelector("em").classList.add("foldtr");
215 
			this.parentNode.querySelector(".filterUl").classList.remove("filterUlactive");
216 
		} else {
217 
			this.querySelector("em").classList.add("unfoldtr");
218 
			this.querySelector("em").classList.remove("foldtr");
219 
			this.parentNode.querySelector(".filterUl").classList.add("filterUlactive");
220 
		}
221 
	})
222 
</script>
119 
<script type="text/javascript" src="js/popup.js"></script>
120 
<script type="text/javascript" src="js/searchNew.js"></script>
121
223 
</body>
122 
</body>
224 
</html>
123 
</html>