форма поиска / фильтр

core18 · 10.11.2009, 23:14

Давно искал в глубинах инета форму поиска как здесь
_http://www.stolensidekick.com/ajaxsearch/

но мне нужно чтоб было одновременно два и больше фильтра ... Попробовал переделать и реализовать..все получилось только вот беда при выборе второго критерия фильтрации первый критерий не сохраняется... Как сделать чтоб работало.. Выкладываю свою переделку... Нужна ваша помощь.

core18 · 05.12.2009, 20:15

В общим УЖЕ рабочий фильтр (код прилагаться) и теперь в процессе интеграции в сайт - заметил следующий "баг" который не могу исправить... в общим суть такова.. что
1. когда делаем фильтрацию сначала 1)."Колекцыя"-2)."Производитель"-3)."Наличие" то все работает..на Ура!
(аналогично работает если по очереди выбирать наоборот 3)."Наличие"-2)."Производитель"-1)."Колекцыя").. также ..когда выбираем один из пунктов.. нетрогая другие к примеру...3)."Наличие"... работает.
2. Когда обираем к примеру... 3)."Наличие" а потом... 1)."Колекцыя" - то не работает... вобщим если не соблюдаем поочередность выбора..1-2-3.. а 3-1-2 2-1-3 итп.. то не работает.. помогите решить..вопрос..

Код:

 <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>