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

app/views/layouts/_logined_header.html.erb

@@ -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">

app/views/layouts/_unlogin_header.html.erb

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

app/views/layouts/new_base_user.html.erb

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

public/javascripts/new_user.js

@@ -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();
+    });
 });
 
 //编辑个人简介

public/stylesheets/new_public.css

@@ -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;}