[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: проблема с поисковой строкой
Nailya
Всем привет!

Я создала поисковую строку по сайту,

задача в том, когда набираешь имя какого-н товара,

то выпадает список, и когда выбираешь нужный тебе товар, нажимаешь на него он

не появляется автоматически в этой поисковой строке, в общем как поисковая

строка в Яндексе: набираешь слово -> выпадает список -> выбираешь нужное

слово -> нажимаешь мышкой на это слово -> оно появляется в поисковом поле, а

остальной список исчезает.

Подскажите как при нажатии из списка слова, оно появлялось в поле, а остальной

список исчезал


<div class="Seach-Block">
<
div class="v1">

<
div class="Find">
<
input class="Find-Text" name="seach_txt" type="text" />
<
div class="Find-Button" onclick="Find_Tovar_1(this)">Поиск</div>
<
div class="Clear"></div>

<
div style="position:relative;">
<
div id="seach_result"></div>
</
div>
</
div>

</
div>
</
div>



if (isset($_POST['seach_txt'])) {$seach_txt = $_POST['seach_txt'];} else {$seach_txt = '';}

if ($seach_txt) {
$result = mysql_query("SELECT * FROM ".TABLE_TOVARY." WHERE (".COLUMN_TOVAR_NAME." LIKE '%".$seach_txt."%' OR ".COLUMN_TOVAR_NAMEENG." LIKE '%".$seach_txt."%') AND (".COLUMN_TOVAR_MAIN.")");
$seach_res = array();
while ($elem = mysql_fetch_assoc($result)) {$seach_res[] = $elem;};
mysql_free_result($result);

$ch = 0;
foreach ($seach_res as $tovar) { ?>
<div class="Seach-Str">
<
a href="#"><?php echo $tovar[COLUMN_TOVAR_NAME] ?></a>
</
div>
<?php $ch++;
if ($ch == 10) {break;}
}
?>

<?php
} ?>




function Find_Tovar_1(el) {
var el_find = $(el).parents('.Find')[0];

var el_text = $(el_find).find('.Find-Text')[0];
var find_text = $(el_text).val();

$.ajax({
url: "/template/rightblock/seach/seach_ajax.php",
dataType : "html",
type: "POST",
data: "seach_txt="+find_text,
success: function (d, textStatus) {
$('.Seach-Block .v1 .Find #seach_result').html(d);
}
}
);
}
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.