Authored by zhangxiaoru

搜索按钮功能添加

@@ -84,8 +84,9 @@ @@ -84,8 +84,9 @@
84 <ul class="search-suggest"></ul> 84 <ul class="search-suggest"></ul>
85 <div class="search-2016"> 85 <div class="search-2016">
86 <form action="//search.yohobuy.com" method="get" id="search-form"> 86 <form action="//search.yohobuy.com" method="get" id="search-form">
87 - <input type="text" name="query" class="search-key" autocomplete="off">  
88 - <a class="search-btn"></a> 87 + <input type="hidden" id="defaultsearch">
  88 + <input class="search-key" type="text" name="query" id="query-key" autocomplete="off" x-webkit-speech="" lang="zh-CN" x-webkit-grammar="builtin:translate" value="" onfocus="if(this.value==this.defaultValue){this.value='';this.style.color='#333'}" onblur="if(this.value==''){this.value=this.defaultValue;this.style.color='#999'}" maxlength="30">
  89 + <a class="search-btn" href="javascript:submitSearch();"></a>
89 </form> 90 </form>
90 </div> 91 </div>
91 <div class="go-cart"> 92 <div class="go-cart">
@@ -28,7 +28,10 @@ var thirdLineNum = 9, @@ -28,7 +28,10 @@ var thirdLineNum = 9,
28 requestFrame; 28 requestFrame;
29 29
30 var logoAngle = 0, 30 var logoAngle = 0,
31 - loopTime = 500; 31 + loopTime = 500,
  32 + keyword = '',
  33 + link = '',
  34 + reg = /^[\^\!\+\-\(\)\:\[\]\\\{\}\~\*\?\|\&\;\/]{0,}$/g;
32 35
33 var dataLayer = []; 36 var dataLayer = [];
34 37
@@ -705,4 +708,32 @@ function actionCover() { @@ -705,4 +708,32 @@ function actionCover() {
705 } 708 }
706 } 709 }
707 710
  711 +window.submitSearch = function() {
  712 + var $keywordinput = $('#query-key').val();
  713 + var $defaultsearch = $('#defaultsearch').val();
  714 + var column = 'Search';
  715 + var postition = 'Head Search';
  716 + var event = 'Search';
  717 + var $formatkeyword,
  718 + $formatkeywordinput;
  719 +
  720 + $formatkeyword = $.trim(keyword.toLowerCase());
  721 + $formatkeywordinput = $.trim($keywordinput.toLowerCase());
  722 + getSource(column, postition, event);
  723 + if (link !== '' && keyword !== '' && $formatkeyword === $formatkeywordinput) {
  724 + location.href = link.replace('\'', '');
  725 + } else {
  726 + if (reg.test($keywordinput) && $keywordinput !== '') {
  727 + location.href = 'http://search.yohobuy.com/error?query=' + $keywordinput + '&result=error';
  728 + } else {
  729 + if ($keywordinput === '') {
  730 + $('#query-key').val($defaultsearch);
  731 + }
  732 +
  733 + $searchForm.submit();
  734 + return false;
  735 + }
  736 + }
  737 +};
  738 +
708 actionCover(); 739 actionCover();