-
Similar Content
-
By daggi
Всем привет.
При клике (добавляю active к label) делает активными все элементы, а не текущий? Как быть?
$(document).on('change', '.compare-control', function(){ var id = $(this).val(); var url = '/?action=DELETE_FROM_COMPARE_LIST&ajax_action=Y&id='+id; if ($(this).prop('checked')) { url = '/?action=ADD_TO_COMPARE_LIST&ajax_action=Y&id='+id; } $.get(url, function() { BX.onCustomEvent('OnCompareChange'); }); // здесь беда!!!при клике на элемент, делает элементы все активными, а не текущий. if($('.catalog-content-main-item-top-fav').hasClass('active')) { $('.catalog-content-main-item-top-fav').removeClass('active'); }else{ $('.catalog-content-main-item-top-fav').addClass("active"); } }); BX.addCustomEvent('onCatalogDeleteCompare', function(id) { $('.compare-control[value="'+id+'"]').prop('checked', false); }); Код html:
<label class="catalog-content-main-item-top-fav <?= array_key_exists($arItem['ID'], $_SESSION["CATALOG_COMPARE_LIST"][5]['ITEMS'])?'active':''?>" > <input onclick="function f(e) { e.preventDefault();}" style="display: none" type="checkbox" value="<?=$arItem['ID'];?>" class="compare-control" <? if(isset($_SESSION['CATALOG_COMPARE_LIST']['5']['ITEMS'][$arItem['ID']])):?> checked="checked" <? endif;?>> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M12.2536 19.2043L12 19.055L11.7464 19.2043L5.28009 23.0103L6.73156 15.3278L6.78144 15.0638L6.58881 14.8765L1.09502 9.53481L8.50172 8.61114L8.7836 8.57598L8.89772 8.31586L12 1.24455L15.1023 8.31586L15.2164 8.57598L15.4983 8.61114L22.905 9.53481L17.4112 14.8765L17.2186 15.0638L17.2684 15.3278L18.7199 23.0103L12.2536 19.2043Z" fill="white" stroke="#E09B3D"/> </svg> </label> а этот код срабатывает только после перезагрузки страницы: <?= array_key_exists($arItem['ID'], $_SESSION["CATALOG_COMPARE_LIST"][5]['ITEMS'])?'active':''?>
-
By pososimba
Привет, гуру прогинга! Посоветуйте такую вещь:
Есть сайт, который пишет команда прогеров на CMS Битрикс, нужно на нем сделать онлайн чат, на котором зарегистрированные пользователи могли бы общаться и обсуждать тематику сайту (компьютерные игры). Чат необходимо сделать как на платформе TWITCH или YOUTUBE. В купленном пакете Битрикс нет модуля чата, программисты советуют докупить (оно и понятно, им так проще) но денег нет. Как выйти из ситуации? какие есть хорошие сторонние приложения, дополнения, плагины и тд для такого чата на БИТРИКСЕ? Буду очень признателен за конструктивный ответ.😣
-
By artaka
Работаю верстальщиком за небольшую плату (100-300руб в зависимости от работы) Связь со мной :
VK vk.com/artakagrand
Telegram @artakagrand
email fefsert@gmail.com
Примеры работ:
http://teslamodelx.epizy.com
http://teslamodelx.epizy.com/infoblog/index.html
http://teslamodelx.epizy.com/blog/index.php
-
By WebNewbe
Здравствуйте. Я занимаюсь версткой сайтов: лендингов, интернет-магазинов, флаеров и тп. Ищу работу, для набора опыта и заработка первых денег на данной позиции.
Мое портфолио:
https://alex2033.github.io/sites/BlackDone/index.html
https://alex2033.github.io/sites/Sandeo/index.html
https://alex2033.github.io/sites/Barbershop/index.html
https://alex2033.github.io/sites/Skylith/index.html
https://alex2033.github.io/sites/Unicorn/index.html
https://alex2033.github.io/sites/Bouncy/index.html
Остальные работы вы можете посмотреть здесь:
https://alex2033.github.io/
Навыки:
- Знание HTML5, CSS3
- Опыт адаптивной, семантической, кроссбраузерной верстки
- CSS3 анимация
- знания Javascript на уровне jQuery
- Использование препроцессоров LESS/SASS/Stylus + Pug
- Опыт работы в Adobe Photoshop, Illustrator, Zeplin, Avocode
- Именование классов по методологии БЭМ-нейминг
- Gulp, npm, bower
- Умение работать с сетками (bootstrap 3+, foundation, flexboxgrid)
- Умение работать с фреймворками bootstrap 3, 4, foundation
- Знание английского на уровне чтения документации
- Навык работы с векторной графикой SVG
- Умение использовать flexbox, css-grid там где это необходимо
Форма связи:
Email - XoxlofAlexandr@yandex.ru - преимущественно
Skype - Xronaliz
Также можете написать на этом сайте
Благодарю за внимание и хорошего дня:)
-
By WebNewbe
Здравствуйте. Я занимаюсь версткой сайтов: лендингов, интернет-магазинов, флаеров и тп. Ищу работу, для набора опыта и заработка первых денег на данной позиции.
Мое портфолио:
https://alex2033.github.io/sites/BlackDone/index.html
https://alex2033.github.io/sites/Sandeo/index.html
https://alex2033.github.io/sites/Barbershop/index.html
https://alex2033.github.io/sites/Skylith/index.html
https://alex2033.github.io/sites/Unicorn/index.html
https://alex2033.github.io/sites/Bouncy/index.html
Остальные работы вы можете посмотреть здесь:
https://alex2033.github.io/
Навыки:
- Знание HTML5, CSS3
- Опыт адаптивной, семантической, кроссбраузерной верстки
- CSS3 анимация
- знания Javascript на уровне jQuery
- Использование препроцессоров LESS/SASS/Stylus + Pug
- Опыт работы в Adobe Photoshop, Illustrator, Zeplin, Avocode
- Именование классов по методологии БЭМ-нейминг
- Gulp, npm, bower
- Умение работать с сетками (bootstrap 3+, foundation, flexboxgrid)
- Умение работать с фреймворками bootstrap 3, 4, foundation
- Знание английского на уровне чтения документации
- Навык работы с векторной графикой SVG
- Умение использовать flexbox, css-grid там где это необходимо
Форма связи:
Email - XoxlofAlexandr@yandex.ru - преимущественно
Skype - Xronaliz
Также можете написать на этом сайте
Благодарю за внимание и хорошего дня:)
-
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.