Результаты поиска
Введите запрос, по завершению нажмите Enter.
  • Страница 1 из 1
  • 1
Если выбрана категория N показать фильтр
Отправлено 16.07.2012 - 14:591
Бывалый
651 сообщениий
Мужчина
Здравствуйте! Я создал фильтр в каталоге файлов но мне нужно чтобы он появлялся когда выбрана определенная категория. Как реализовать?

Исходник категории:
Code
<table border="0" width="100%" cellspacing="1" cellpadding="2" class="manTable" id="ldM58">
<tr id="ldM55"><td width="35%" class="manTd1" id="ldM56">Категория <font color="red" class="manStar">*</font>:</td><td class="manTd2" id="ldM57"><table class="x-unselectable u-combo" cellspacing="0" cellpadding="0" border="0" align="left"><tr><td class="u-comboeditcell" onclick="_uMenu.show('uCatsMenu7');"><input id="catSelector9" class="x-selectable u-comboedit u-comboeditimg" type="button" style="width:270px;padding-left:3px !important;overflow:hidden !important;" hidefocus="hidefocus" readonly="" autocomplete="off" value="- Выбрать категорию -"/></td><td class="u-combobutcell"><div class="u-combobut" onclick="_uMenu.show('uCatsMenu7');"></div></td></tr><tr><td><div id="uCatsMenu7" style="position:absolute;z-index:50;display:none;width:289px;"><div class="u-combolist" id="uCatsMenu9" style="height:200px;overflow:auto;padding:2px;"><div style="padding:1px"><b>Counter-Strike 1.6</b></div><div>  <input style="padding:0;margin:0;height:16px;width:16px;vertical-align:middle;" type="radio" name="ocat" id="cus2" value="2" onclick="insertselcat();setTimeout('_uMenu.hide(\'uCatsMenu7\')',300);" > <label style="vertical-align:middle;" for="cus2">категория 1</label></div><div>  <input style="padding:0;margin:0;height:16px;width:16px;vertical-align:middle;" type="radio" name="ocat" id="cus3" value="3" onclick="insertselcat();setTimeout('_uMenu.hide(\'uCatsMenu7\')',300);" > <label style="vertical-align:middle;" for="cus3">категория  2</label></div><div>  <input style="padding:0;margin:0;height:16px;width:16px;vertical-align:middle;" type="radio" name="ocat" id="cus4" value="4" onclick="insertselcat();setTimeout('_uMenu.hide(\'uCatsMenu7\')',300);" > <label style="vertical-align:middle;" for="cus4">категория 3</label></div><div>  <input style="padding:0;margin:0;height:16px;width:16px;vertical-align:middle;" type="radio" name="ocat" id="cus5" value="5" onclick="insertselcat();setTimeout('_uMenu.hide(\'uCatsMenu7\')',300);" > <label style="vertical-align:middle;" for="cus5">категория 4</label></div><div>  <input style="padding:0;margin:0;height:16px;width:16px;vertical-align:middle;" type="radio" name="ocat" id="cus6" value="6" onclick="insertselcat();setTimeout('_uMenu.hide(\'uCatsMenu7\')',300);" > <label style="vertical-align:middle;" for="cus6">категория 5</label></div></div></div></td></tr></table>


Исходник фильтра:
Code
<tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>

<tr id="ldM61">
<td class="manTd1" id="ldM62">Название фильтра:</td>
<td class="manTd2" id="ldM62">
<div class="filterBlock">
<input type="checkbox" name="filter1" value="1" id="fk11"><label for="fk11">Значение фильтра 1</label></br>
<input type="checkbox" name="filter1" value="2" id="fk12"><label for="fk12">Значение фильтра 2</label></br>
<input type="checkbox" name="filter1" value="3" id="fk13"><label for="fk13">Значение фильтра 3</label></br>
<input type="checkbox" name="filter1" value="4" id="fk14"><label for="fk14">Значение фильтра 4</label></br>
</div></td></tr>
Профиль Личное сообщение Дом. страница icq Skype
73
Отправлено 16.07.2012 - 15:372
Нет аватара
Coder
627 сообщений
Мужчина
Code
    $BODY$
    <script>
        var cats_id = 'cus2, cus3, cus4, cus5, cus108, cus107'; // Можно несколько
        var view_id = 'ldM43'; // Что показать, если выбрана хоть одна из категорий
        $('#'+view_id).hide();
        $('input[name=ocat]').click(function() {
     var _cid_ch = 0;
     var cids = cats_id.split(',');
     $('input[name=ocat]').each(function() {
         var cid = $(this).attr('id');
         var cid_ch = ($(this).attr('checked') ? 1 : 0);
         for(var i=0;i<cids.length;i++) {
      if ($.trim(cids[i]) == cid && cid_ch) {
          _cid_ch = 1;
      }  
         }
     });
     if (_cid_ch == 1) {
         $('#'+view_id).fadeIn(300);
     } else {
         $('#'+view_id).fadeOut(300);
     }
        });
    </script>
Профиль Личное сообщение Дом. страница icq Skype
66
Отправлено 16.07.2012 - 16:173
Бывалый
651 сообщениий
Мужчина
syp41k, Суп, на высшем уровне как всегда, я благодарен. Можете закрыть.
Профиль Личное сообщение Дом. страница icq Skype
73
  • Страница 1 из 1
  • 1
Поиск:
uSite.su © 2010-2025
Все права защищены.
Многогранность и сверхспособности сообщества uCoz заставляют задуматься даже самые стойкие умы веб-программирования, ведь лишь uSite способен предоставить ответы на самые сложные вопросы uCoz.
01RSS
Хостинг от uCozПользовательское соглашение и прочая информация