daggi

спасибо вопрос решен. Хотел так: .css-button:hover{ background-color: #44aee3; color: #fff; } .css-button:hover svg{ color: #fff; }

Вопрос вроде тривиальный. При наведении на кнопку текста стрелка не закрашивается в белый цвет. как быть? https://jsfiddle.net/dimasgrig1575/dgLupco3/

Все классно работает, только при клике на последующие элемент(ы), active не добавляется. Т.е. а должно работать так, что при клике на любой элемент active добавлялся. Посути это вкл и откл звездочек https://prnt.sc/qoesb1

Всем привет. При клике (добавляю 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':''?>

из за прагает line-height на айфоне , а так на десктопе все равно все четко. пришлось вместо line-height паддаингами выровнять.

Из-за чего не кроссбраузерный блок получился? Как протестировать кроссбраузерность на айфоне 5?

Телефон скачет на другую строчку при разрешении 320 только на iphone 5 На других устройствах отображается нормально. Все что можно перепробовал все равно на ipone 5 телефон сьезжает вниз:

А на css как сделать?

отличное решение.

Переключение телефонов по клику адреса(выбор адреса из списка) пример http://prntscr.com/h5948m Т.е. когда кликаешь на адрес из списка меняется телефон и емайл в шапке Как сделать такой скрипт на js?

?

Как сделать высоту карты яндекс адаптивной ? http://oilcity.su/ http://prntscr.com/gxdph2

Как сохранить прямоугольные формы пунктов меню при изменении разрешения экранов? http://oilcity.su/ Конечно можно просто медиа запросами за счет падингов, но может есть более универсальное решение?

Что то мне не протестировать этот вариант с загрузкой страницы с заполненой формой по умолчанию

Типа на онлоэд повесить ? $('#vbs').on('change', function(){ $('form input[type=radio]:first').attr({'checked':true});});где vbs id формы