jacknudt
/
socialforge
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

搜索功能js以及类型的选择

This commit is contained in:
sw 2015-08-24 16:16:07 +08:00
parent e746a7764f
commit a9c7c252e5
5 changed files with 58 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
app/views/layouts/_logined_header.html.erb
View File

@ -18,11 +18,34 @@
</ul>
</div>
<div class="navHomepageSearchBoxcontainer fl">
<div class="fl" id="navHomepageSearch">
<form class="navHomepageSearchBox">
<input type="text" name="navHomepageSearch" class="navHomepageSearchInput" />
<a href="javascript:void(0);" class="homepageSearchIcon"></a>
</form>
<div class="navSearchTypeBox" id="navHomepageSearchType">
<div class="fl mr15">
<div class="fl mt5">
<input type="radio" value="课程" name="navSearchType" checked/>
</div>
课程
</div>
<div class="fl mr15">
<div class="fl mt5">
<input type="radio" value="项目" name="navSearchType" />
</div>
项目
</div>
<div class="fl mr15">
<div class="fl mt5">
<input type="radio" value="用户" name="navSearchType" />
</div>
用户</div>
<div id="navSearchAlert" class="fr mr10">
<span class="c_red">请选择搜索类型</span>
</div>
</div>
</div>
<div class="navHomepageProfile">

47
app/views/layouts/_unlogin_header.html.erb
View File

@ -1,8 +1,6 @@
<div class="navHomepage">
<div class="navHomepageLogo fl">
<a href="javascript:void(0);">
<img src="images/nav_logo.png" width="51" height="45" alt="确实Trustie" class="mt3" />
</a>
<%=link_to image_tag("../images/logo.png",width:"51px", height: "45px",class: "mt3"), "javascript:void(0);"%>
</div>
<div class="fl">
<ul>
@ -11,34 +9,33 @@
</li>
</ul>
</div>
<div class="navHomepageSearchBoxcontainer fl">
<div class="fl" id="navHomepageSearch">
<form class="navHomepageSearchBox">
<input type="text" name="navHomepageSearch" class="navHomepageSearchInput" />
<input type="text" name="navHomepageSearch" class="navHomepageSearchInput"/>
<a href="javascript:void(0);" class="homepageSearchIcon"></a>
</form>
<div class="navSearchTypeBox">
<form class="mt8">
<div class="fl mr15">
<div class="fl mt5">
<input type="radio" value="课程" name="navSearchType" />
</div>
课程
<div class="navSearchTypeBox" id="navHomepageSearchType">
<div class="fl mr15">
<div class="fl mt5">
<input type="radio" value="课程" name="navSearchType" checked/>
</div>
<div class="fl mr15">
<div class="fl mt5">
<input type="radio" value="项目" name="navSearchType" />
</div>
项目
课程
</div>
<div class="fl mr15">
<div class="fl mt5">
<input type="radio" value="项目" name="navSearchType" />
</div>
<div class="fl mr15">
<div class="fl mt5">
<input type="radio" value="用户" name="navSearchType" />
</div>
用户</div>
<div id="navSearchAlert" class="fr mr10">
<span class="c_red">请选择搜索类型</span>
项目
</div>
<div class="fl mr15">
<div class="fl mt5">
<input type="radio" value="用户" name="navSearchType" />
</div>
</form>
用户</div>
<div id="navSearchAlert" class="fr mr10">
<span class="c_red">请选择搜索类型</span>
</div>
</div>
</div>
<div id="loginInButton" class="fr ml20">

2
app/views/layouts/new_base_user.html.erb
View File

@ -131,7 +131,7 @@
</div>
</div>
</div>
<div class="homepageRight">
<div class="homepageRight" id="RSide">
<%= yield %>
</div>
</div>

10
public/javascripts/new_user.js
View File

@ -1,4 +1,7 @@
$(function(){
//右侧最小高度 = 左侧高度 - 15px 保证两边高度基本一样，页面美观
$("#RSide").css("min-height",$("#LSide").height()-15);
//头像相关
$("#homepage_portrait_image").live("mouseover",function(){
$("#edit_user_file_btn").show();
@ -7,6 +10,13 @@ $(function(){
$("#edit_user_file_btn").hide();
$("#watch_user_btn").hide();
});
//搜索相关
$("#navHomepageSearch").mouseover(function(){
$("#navHomepageSearchType").show();
}).mouseout(function(){
$("#navHomepageSearchType").hide();
});
});
//编辑个人简介

1
public/stylesheets/new_public.css
View File

@ -9,6 +9,7 @@ a:link,a:visited{color:#7f7f7f;text-decoration:none;}
a:hover,a:active{color:#000;}
/*常用*/
#RSide{ background:#fff;}
.hidden{overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.none{display: none;}
.rside_back{ width:670px; margin-left:10px; background:#fff; margin-bottom:10px;}