Главная » Файлы » Скрипты для uCoz » Другие скрипты

Ajax-поиск by Lisnes
24.06.14, 14:23:42


Ставим туда, где хотим видеть форму ajax-поиска по сайту:
Код
<form onsubmit="javascript:ajax_search(this.q.value)">  
  <input type="text" name="q" maxlength="30" size="20" class="queryField" id="q" onpaste="ajax_search(this.value);" onkeyup="ajax_search(this.value);"/>  
  <input type="submit" name="sfSbm" value="Найти" class="search_submit" id="sbm" />  
  </form>

На странице с формой меняем $BODY$ заменяем на
$BODY$
и здесь же перед
ставим
Код
<script type="text/javascript">  
  var r_t=0, max=20;  

  function ajax_search(q){  
  if(q != "" && q != null){  
  if(r_t <= max){  
  $.get("/search/?q="+q, function(data){  
  $("#content").html($("#search", data).html());  
  $("title").text($("#title", data).html());  
  r_t++;  
  cur_len=q.length;  
  });  
  }  
  else location.href="/search/?q="+q;  
  }  
  }  

  $(document).ready(function(){  
  if(location.href.indexOf("/search") > -1){  
  $("#q").val($(".queryField:last").val());  
  $(".queryField:last").bind("keydonw", function(){  
  $("#q").val($(this).val());  
  }).bind("keyup", function(){  
  $("#q").val($(this).val());  
  }).bind("keypress", function(){  
  $("#q").val($(this).val());  
  });  
  }  
  });  
  </script>


Далее направляемся в Управление дизайном - Поиск по сайту - Страница поиска
Ищем
Код
<div style="padding:0 0 5px 0;">$SEARCHFORM$</div>
и заменяем на
Код
<div id="title" style="display:none;"><?if($SEARCH_QUERY$)?>$SEARCH_QUERY$ - <?endif?>Поиск</div>  
  <div style="padding:0 0 5px 0;">$SEARCHFORM$</div>

В этом же шаблоне ищем:
Код
<div style="padding:0 0 5px 0;">$SEARCHFORM$</div><div style="padding:4px 4px 0 4px;">Результаты <b>$NUM_SHOWN$</b> из <b>$NUM_ENTRIES$</b> по запросу <b>$SEARCH_QUERY$</b></div><hr/>  
  $BODY$
и заменяем на:
Код
<div id="search"><div style="padding:0 0 5px 0;">$SEARCHFORM$</div><div style="padding:4px 4px 0 4px;"><!--<s5248>-->Результаты <b>$NUM_SHOWN$</b> из <b>$NUM_ENTRIES$</b> по запросу <b>$SEARCH_QUERY$</b><!--</s>--></div><hr/>  
  $BODY$</div>

Сохраняем и проверяем работу скрипта)
Категория: Другие скрипты | Добавил: Apocalypse | Теги: by, Lisnes, Ajax-поиск
Просмотров: 367 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: