[JavaScript] фильтр

Тема в разделе "JavaScript", создана пользователем core19, 5 дек 2009.

Статус темы:
Закрыта.
Модераторы: ZiX
  1. core19

    core19

    Регистр.:
    27 июн 2008
    Сообщения:
    159
    Симпатии:
    59
    В общим есть рабочий фильтр (код прилагаться) и теперь в процессе интеграции в сайт - заметил следующий "баг" который не могу исправить... в общим суть такова.. что
    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>
     

    Вложения:

    • Empty1.rar
      Размер файла:
      1 КБ
      Просмотров:
      2
  2. core19

    core19

    Регистр.:
    27 июн 2008
    Сообщения:
    159
    Симпатии:
    59
Статус темы:
Закрыта.