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');

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

Добрый день мне нужно сделать закрытие окна вне его области, задача простая, но у меня какой то странный баг получается Мою верстку можно посмотреть здесь. Внизу есть блок Планируем поступления и ссылка Сообщить о поступлении если на нее нажать то появляется окно. Нажимаешь мне области окна за исключением этой ссылки оно исчезает, но если опять нажать на эту же ссылку повторно то окно появляется токо после второго клика. Побывала уже не сколько, скриптов наверно не в них дело но отловить в чем дело я не могу( Подскажите в чем дело $(document).click(function(e){ var elem = $(".b-product__report-form"); if(e.target!=elem[0]){ elem.hide(); } }) document.onclick = function () { $(".b-product__report-form").hide(); } $(document).click(function(e){ if ($(e.target).parents().filter('.b-product__report-form:visible').length != 1) { $('.b-product__report-form').hide(); } });

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

это не работает ( клик

Добрый день у меня есть список товаров, картинку в превью нужно выровнить по вертикали и горизонтали для этого я применила метод с table cell, вроде везде все нормально кроме ie 8 почемуто ширина элемента с классом b-product__img-link больше чем положено, даже в ie 7 все хорошо но там хак применялся, посмотреть можно тут, в самом низу в блоке Товары из этой серии еще вот какое примечание на странице каталога я использовала тот же метод но там все отлично работает как это можно исправить?

хаха за что аплодисменты?)

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

так вот кнопки тоже дожны быть уникальными ну да я щяс посмотрела вы тоже кнопки с помощью родительского класса переопрелили я просто обратилась к ним через список со связкой parent().siblings('.jcarousel-next') вот мой скрипт: var listOv = $('#overflow'), btnNext = listOv.parent().siblings('.jcarousel-next'), btnPrev = listOv.parent().siblings('.jcarousel-prev'); listOv.children().eq(3).addClass('fourth'); btnNext.click(function(){ if(btnNext.hasClass('jcarousel-next-disabled') != true ) { listOv.children('.fourth').removeClass('fourth').next('li').addClass('fourth'); } }); btnPrev.click(function(){ if(btnPrev.hasClass('jcarousel-prev-disabled') != true ) { listOv.children('.fourth').removeClass('fourth').prev('li').addClass('fourth'); } }); можете сейчас ту страницу я там обновила и все работает

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

ага я тоже сейчас посмотрела, он назначил класс fouth а когда нажимаешь на кнопку next он перезначает этот класс 3 элемнту списка хотя по идеии должен быть назначать 5 а на prev вообще не работает