jQuery

Нарисовать треугольную стрелку css

01.12.2017

Требуется нарисовать с помощью css треугольную стрелку для списка ▼ и поворачивать её при открытии/закрытии списка. <div class=»i_phone_main j_phone_main»> <span class=»i_phone_main_str»></span> </div> .i_phone_main_str{ transform: rotate(180deg); } .i_phone_main_str:after { content: » «; position: absolute; width: 0; height: 0; top: -5px; left: -18px; border: solid transparent; border-width: 4px; border-bottom-color: #fff; pointer-events: none; } .i_phone_main_str.hd:after { top: 0;…

Закрыть всплывающее окно + подложка

29.05.2017

$(document).keydown(function(e) { if (e.keyCode == 27) { closeall(); } }); function closeall() { $(‘.jq_bt_opacity’).hide(); $(‘.jq_bt_fan_3d’).hide(); } $(document).click(function(event) { if ($(event.target).closest(‘.jq_bt_opacity’).length) return; if ($(event.target).closest(‘.jq_bt_fan_3d’).length) return; closeall(); event.stopPropagation(); }); $(‘body’).on(‘click’, ‘.jq_bt_3d_img’, function() { $(‘.jq_bt_fan_3d’).css(‘display’,’block’); opacshow(); return false; }).on(‘click’,’.jq_bt_close’,function(){ closeall(); }); $(‘.jq_bt_mechta_opacity’).on(«click», function () { closeall(); }); footer.php <div class=»jq_bt_opacity idnone»></div> css .jq_bt_opacity{ position: absolute; background-color: black; display:…

Всплывающее окно в Bitrix

28.11.2016

Всплывающее окно открывается при нажатии блока (кнопки), с заданным классом.  Так же срабатывает  затемнение экрана. Функции: function opacshow(){ $(«.jq_delta_opacity»).css(«height»,$(document).height()).show(); } function bt_apply() { if( $(‘.jq_sendorders:visible’).length>0 && +(+$(‘.jq_bt_sendscroll’).height()+75+60+20+25)>$(window).height() ) $(‘.jq_bt_sendorders’).addClass(‘bt_sendresize’); else $(‘.jq_bt_sendorders’).removeClass(‘bt_sendresize’); } function bt_popzayavka() { opacshow(); $(‘.jq_bt_sendorders’).fadeIn(); $(‘body, html’).css({‘overflow-x’:’hidden’,’position’:’relative’}); bt_apply(); } function closeall(){ $(‘.jq_delta_opacity’).hide(); $(‘.jq_bt_sendorders’).hide(); } Вызов скриптов $(‘body’).on(‘click’, ‘.jq_fillwin’, function(){ bt_popzayavka(); return false; });…

Выравнивание блоков по высоте — Responsive colums

23.11.2016

Нужно было реализовать автоматическое выравнивание высоты блоков по максимально высокому блоку. Так же что бы все работало при изменении разрешения экрана. На просторах интернета был найден один скрип, который помог реализовать текущую задачу. Главным минусом этого скрипта является нагрузка на сайт. Плюсом  его очень просто использовать. Основная функция, которая производит расчет. <script> function setConformingHeight(el, newHeight)…

Маски для поля INPUT

03.08.2016

Маски  — дают возможность пользователям сайта вводить данные в определенном формате и никак иначе. Скрипт для фильтрации введенных символов в текстовом поле.  Стандартные маски: <script type=»text/javascript»> jQuery(function() { $(‘#date’).mask(’99/99/9999′);   — дата $(‘#phone’).mask(‘(999) 999-9999’);  — номер телефона $(‘#phoneext’).mask(«(999) 999-9999? x99999»); — телефон + EXT $(«#iphone»).mask(«+33 999 999 999»); — международный телефон $(«#tin»).mask(«99-9999999»); — ИИН $(«#ssn»).mask(«999-99-9999»);  — SSN $(«#product»).mask(«a*-999-a999»);…