core19
Гуру форума
- Регистрация
- 27 Июн 2008
- Сообщения
- 160
- Реакции
- 59
- Автор темы
- #1
В общим есть рабочий фильтр (код прилагаться) и теперь в процессе интеграции в сайт - заметил следующий "баг" который не могу исправить... в общим суть такова.. что
1. когда делаем фильтрацию сначала 1)."Колекцыя"-2)."Производитель"-3)."Наличие" то все работает..на Ура!
(аналогично работает если по очереди выбирать наоборот 3)."Наличие"-2)."Производитель"-1)."Колекцыя").. также ..когда выбираем один из пунктов.. нетрогая другие к примеру...3)."Наличие"... работает.
2. Когда обираем к примеру... 3)."Наличие" а потом... 1)."Колекцыя" - то не работает... вобщим если не соблюдаем поочередность выбора..1-2-3.. а 3-1-2 2-1-3 итп.. то не работает.. помогите решить..вопрос..
1. когда делаем фильтрацию сначала 1)."Колекцыя"-2)."Производитель"-3)."Наличие" то все работает..на Ура!
(аналогично работает если по очереди выбирать наоборот 3)."Наличие"-2)."Производитель"-1)."Колекцыя").. также ..когда выбираем один из пунктов.. нетрогая другие к примеру...3)."Наличие"... работает.
2. Когда обираем к примеру... 3)."Наличие" а потом... 1)."Колекцыя" - то не работает... вобщим если не соблюдаем поочередность выбора..1-2-3.. а 3-1-2 2-1-3 итп.. то не работает.. помогите решить..вопрос..
HTML:
<html>
<head>
<title>Ajax filter search</title>
<script type="text/javascript">
function filterItems() {
var model = document.getElementById("model").value;
var modelBody = document.getElementById("modelBody").value;
var sklad = document.getElementById("sklad").value;
var textSearch = document.getElementById("text").value;
var search = "";
if (model != "default") search = model;
if (modelBody != "default") search += " " + modelBody;
if (sklad != "default") search += " " + sklad;
var quotes = getElementsByName_iefix("div", "quote");
var stringForExec = new RegExp(search, "i");
var regText = new RegExp(textSearch, "i");
for (var i = 0; i < quotes.length; i++){
var text = quotes[i].innerHTML;
if(stringForExec.exec(text)){
if (regText.exec(text))
quotes[i].style.display="block";
else
quotes[i].style.display="none";
} else {
quotes[i].style.display="none";
}
}
return false;
}
function getElementsByName_iefix(tag, name) {
var elem = document.getElementsByTagName(tag);
var arr = new Array();
var i,iarr;
for(i = 0, iarr = 0; i < elem.length; i++) {
var att = elem[i].getAttribute("name");
if(att == name) {
arr[iarr] = elem[i];
iarr++;
}
}
return arr;
}
</script>
</head>
<body>
<div align="center">
<select id="model" name="filter" onChange="filterItems();">
<option value="default">Колекцыя</option>
<option value="White" >White</option>
<option value="Black" >Black</option>
<option value="Modern" >Modern</option>
</select>
<select id="modelBody" name="filter" onChange="filterItems();">
<option value="default">Производитель</option>
<option value="Украина" >Украина</option>
<option value="Чехия" >Чехия</option>
<option value="Италия" >Италия</option>
</select>
<select id="sklad" name="filter" onChange="filterItems();">
<option value="default">Наличие</option>
<option value="склад" >На складе</option>
<option value="заказ" >заказ</option>
</select>
Filter: <input id="text" type="text" size="25" value="" name="filter" maxlength="25" onKeyUp="filterItems();">
</div>
<br/>
<div class="contentHolder">
<div class="quote2" name="quote">
<div class="said">White Украина заказ</div>
</div>
<div class="quote2" name="quote">
<div class="said">Black Чехия заказ</div>
</div>
<div class="quote2" name="quote">
<div class="said">White Чехия склад</div>
</div>
<div class="quote2" name="quote">
<div class="said">Black Чехия заказ</div>
</div>
<div class="quote2" name="quote">
<div class="said">Modern Чехия склад</div>
</div>
<div class="quote2" name="quote">
<div class="said">Modern Чехия склад</div>
</div>
<div class="quote2" name="quote">
<div class="said">White Украина заказ</div>
</div>
<div class="quote2" name="quote">
<div class="said">Black Италия заказ</div>
</div>
<div class="quote2" name="quote">
<div class="said">White Италия заказ</div>
</div>
<div class="quote2" name="quote">
<div class="said">White Украина заказ</div>
</div>
<div class="quote2" name="quote">
<div class="said">Black Чехия заказ</div>
</div>
<div class="quote2" name="quote">
<div class="said">White Чехия заказ</div>
</div>
<div class="quote2" name="quote">
<div class="said">Black Италия склад</div>
</div>
<div class="quote2" name="quote">
<div class="said">Modern Чехия склад</div>
</div>
<div class="quote2" name="quote">
<div class="said">Modern Италия заказ</div>
</div>
<div class="quote2" name="quote">
<div class="said">White Украина склад</div>
</div>
<div class="quote2" name="quote">
<div class="said">Black Италия склад</div>
</div>
<div class="quote2" name="quote">
<div class="said">White Италия склад</div>
</div>
</div>
</body>
</html>