Mãi Không Quên

cộng đồng teen

  • Thống kê diễn đàn


[Code] Tìm kiếm nhanh với công cụ tìm kiếm của forumotion

 :: PHẦN MỀM- MÁY TÍNH- INTERNET :: Web- Forumotion :: Hướng dẫn- Code

View previous topic View next topic Go down

[Code] Tìm kiếm nhanh với công cụ tìm kiếm của forumotion Empty [Code] Tìm kiếm nhanh với công cụ tìm kiếm của forumotion

Post by Bui Minh Phong™ 28/5/2014, 8:57 pm

[You must be registered and logged in to see this link.]

Demo: [You must be registered and logged in to see this link.] Nhập từ khóa bất kì trong khung ở thanh nav rồi nhấn cái nút be bé xinh xinh bên cạnh
Cái này méo đã thử ở Invision, một số phiên bản khác chắc cũng thế =))

Thêm ở đâu đó trong Overall_Header
Code:
<div class="finding">
    <form action="/search?mode=results" method="get" name="searchform">
      <input type="text" name="search_keywords" style="width: 270px;" id="keyfind" required/>
      <input type="hidden" name="google" value=""/>
      <input id="clicktofind" type="submit" value="" onclick="document.searchform.google.value='';" class="button"/>
    </form>
</div>
<div class="showmyfind">Từ khóa đã tìm: <span class="key"></span>
  <div class="showfind"></div>
</div>
<div class="closefind"></div>

Thêm vào CSS:
Code:
/* Search */
.finding {padding: 12px;background: #fff;position:fixed;bottom:0;right:20px}
.showmyfind {display:none;text-align: center;position: fixed;width: 90%;height: 80%;background: #fff;top: 10%;left: 5%;box-shadow: 0 0 10px;padding:10px}
.closefind {display:none;background: url(http://www.iconsdb.com/icons/preview/black/close-window-m.png) center no-repeat;width: 40px;height: 40px;position: fixed;right: 0;top: 0;cursor: pointer;}
.showmyfind .msg {padding: 10px;background: #fff;border: 1px solid #d7d7d7;}
.showmyfind .showfind {text-align: left;margin-top: 10px;}

Thêm vào cuối Overall_Footer_End
Code:
<script>
  $(function(){
    $('.finding #clicktofind').click(function(stop){
      stop.preventDefault();
      $('.showmyfind').delay(800).fadeIn(250);
      $('.closefind').show();
      kword = $('.finding #keyfind').val();
      $('.showmyfind .key').text(kword);
      $('.showfind').load('/search?search_keywords='+kword+' .borderwrap');
    });
    $('.closefind').click(function(){
      $('.showmyfind').delay(0).fadeOut(250);
      $(this).hide();
    });
  });
</script>
Bui Minh Phong™
Bui Minh Phong™
Quản Trị Cấp Cao
Quản Trị Cấp Cao

Posts : 3260
Points : 370162
Thanked : 1927
Birthday : 1994-12-18
Status Hãy Lặng Yên Để Cảm Nhận Tình Yêu Xung Quanh Bạn :x
Giới tính : Male Rất dễ thương

Back to top Go down

View previous topic View next topic Back to top

- Similar topics

Mãi Không Quên :: PHẦN MỀM- MÁY TÍNH- INTERNET :: Web- Forumotion :: Hướng dẫn- Code

 
Permissions in this forum:
You cannot reply to topics in this forum