chiffenok

ой я можно поподробнее или может примеры а то я с такой задачей не разу не сталкивалась, даже не знаю с чего начать

Добрый день, у меня встала задача оптимизации вывода городов в списке В общем заказчик ехочеть сделать поиск внутри определенного списка по его элементам Пример как на сайте http://moskva.tiu.ru/ , если нажать на стрелку возле Москва то выдает список больших городов и поиск по остальным без перезагрузки страницы. Подскажите пожалуйста , с помощью каких технологий это можно сделать? можно ли сделать это только с помощью jquery или нужно применение php? есть ли подобные плагины?

к сожалению у меня это не получается( еще я не уверена будет работать pie на класс который переключают через jquery

А вы пробовали pie подключить? чет у меня не работают углы в ie 7-8 еще есть такой момент может быть категория открыта если пользователь находится где нить внутри сайта, активный пункт обозначается так .b-nav__wrap-item_active я открываю эту категорию так : $('.b-nav__wrap-item_active').parents('.b-nav_sub-level2').show().end().parents('.b-nav__item').siblings().children('.b-nav_sub-level3').hide(); но у вас щяс все свертывается и еще думается мне что такой скрипт очень сильно скажется на производительности сайта, он и так щяс тормозит, там куча скриптов, как то можно наверно его сократить я вот думаю что можно сделать Softlink, а для ие подключать скрипт, брать его длинный селектор и вставлять в $(), а before и after с эмулировать на том же jquery upd: попробовала я свой вариант, чет вообще не вариант по-моему(

да спасибо, я правда это все читала), тут вообще встал такой большой вопрос , есть например телефоны с высоким разрешением но сами по себе не большого размера, а есть планшетники с похожим разрешением но уже с большим экраном, можно ли как то их различать и давать тому телефону и планшетнику разные таблицы стили?

увы и ах, требуют поддержку ie 7-8 , сама не могу сделать

да, я видела спасибо всем)

не совсем, откройте пункт Для развлечения еще в ie 7 какие то странные отступы

блин ну у вас же не раскрывается последний пункт 1го уровня, из-за которого и проблема, если бы в последнем пункте не было саб меню которое можно открывать и закрывать то было все просто, вы не вникли в проблему

вот - http://jsfiddle.net/2y9ne/ , там щяс мои пока закругления остались на скриптах, красные квадраты это вместо стрелок которые открывают меню

не получится так я думаю, 3 уровень меню уже чем основное , так картинку не поставишь ну вот если щяс не учитывать ie, всеравно без скриптов я не вижу как тут сделать last-child найдет последний div c классом b-nav__wrap-item но он будет скрыт, нужно то токо на последний видимый, пользователь может открывать и закрывать меню а класс с закругленными углами должен отключатся у текущего последнего и подключатся к тому что будет после клика

Добрый день, мне нужно сделать закругленные углы у меню, в силу не которых задач мне пришлось сделать разметку см. ниже просто закруглить края у ul с классом b-nav, здесь не проходить. Нужно закруглить у первого div c классом b-nav__wrap-item и у последнегою С последним сложности список может раскрываться и закрываться, т.е нужно закруглить у последнего видимого. Помогите пожалуйста уже по разному и со скриптами, не получаются, чувствую что решение должно быть проще, здесь можно посмотреть верстку http://business-dev22.alleanza.ru , левое меню <ul class="b-nav b-nav_level1"> <li class="b-nav__item"> <div class="b-nav__wrap-item"><a href="" class="b-nav__link">Боксы, коробки, тара</a><i class="b-nav__ar"></i></div> <ul class="b-nav b-nav_sub-level2"> <li class="b-nav__item"><div class="b-nav__wrap-item"><a href="" class="b-nav__link">Пункт 1 переносится на следую- щую строку</a></div></li> <li class="b-nav__item"><div class="b-nav__wrap-item b-nav__wrap-item_active"><a href="" class="b-nav__link">Пункт 2</a></div> </li> </ul> </li> .... </ul> ниже мой скрипт по клику на стрелку, 2-мя этими строками я перезначаю класс который закругляет края, работает почти правильно, если только не закрыть и отрыть последний пункт первого уровня $('.b-nav__wrap-item').removeClass('bdrs-bottom'); $('.b-nav').find('.b-nav__wrap-item:visible').last().addClass('bdrs-bottom'); $('.b-nav__ar').click(function(){ var that = $(this).parents('.b-nav__item').children('.b-nav_sub-level2'); if($.browser.msie && $.browser.version=='7.0')// исправление косяка в ie7 { if (that.is(':visible')){ that.hide(); }else { that.show(); } } else {that.slideToggle(300); $('.b-nav__wrap-item').removeClass('bdrs-bottom'); $('.b-nav').find('.b-nav__wrap-item:visible').last().addClass('bdrs-bottom'); } }); еще дело в том что решение должно работать и в ie7, эмуляцию я делала с помощью pie , но это даже не суть главное что бы перезначался класс правильно

извиняюсь что не отвечала не много приболела вы наверно не правильно поняли вопрос, я спрашивала про техническую часть верстки, а дизайн мне дали готовый уже по нему и делаю, тут не мне решать я верстальщик но в любом случае спасибо информация пригодится на будущее вот тут мне хотелось бы поподробнее возможно но в этом вопросе я человек подневольный)

Добрый день, я первый раз делаю адаптивную верстку в связи с этим у меня возникают вопросы здесь моя верстка, часть я уже сделала 1. Подскажите как быть с каруселью где логотипы когда ресайзешь окно а потом делаешь на полное окно, они идут не по линии 2. И что с делать с верхней серой панелью, не могу ее растянуть на всю ширину макета, можно изначальный метод верстки не верный... но тогда я не рассчитывала что будет адаптивная верстка 3. Общее замечания заранее благодарна вот адаптивный дизайн:

нашла я решение еле как , пришлось поправить вызов окна function report (blockReport) { $('.' + blockReport + '__report span').click( function(){ var that = $(this).parent('.' + blockReport + '__report').siblings('.' + blockReport + '__report-form'); if (that.is(':hidden')) { $('.' + blockReport + '__report-form').slideUp(300); that.slideDown(300); } else { that.slideUp(300); } }); $(document).click(function(e) { console.log(e); var target = $(e.target); var parent = target.parents('.' + blockReport + '__report-form'); if(!target.is('.' + blockReport + '__report-form') && !target.is('.' + blockReport + '__report span') && !parent.length) { $('.' + blockReport + '__report-form:visible').slideUp(300); } }); } report ('b-product'); report ('b-card'); report ('b-filter-result');