-
Дружим JQuery Styler и Vue JS в реализации 1С Битрикс API
Всем привет! Очень давно не писал — просто некогда. В отличие от времени когда я работал админом, сейчас, работая веб программистом свободного времени практически нет — всегда есть работа, которую нужно работать 🙂 Само по себе решение дружбы JQuery Styler и Vue JS конечно не лучший вариант, в идеале вообще нужно выкинуть JQuery и реализовать…
-
Передача в PHP многомерного массива AJAX запросом
С многомерными массивами в javascript беда, а уж с передачей многомерного массива AJAX запросом — тем более. Не буду долго рассказывать о своих страданиях 🙂 сразу готовое, красивое решение data = new Object(); for (i = 0; i < games.length; i++) { data[‘games[‘ + i + ‘][name]’] = $(games[i]).find(‘.game-name’).val(); data[‘games[‘ + i + ‘][img]’] =…
-
Input для телефона с флагом, кодом страны, валидацией и maskedinput
Для реализации задуманного я выбрал плагин intl-tel-input Вроде всё в нём замечательно, кроме отсутствия очевидно необходимого maskedinput — то есть в поле для ввода телефона, скрипт спокойно даёт вводить буквы и прочую ересь. Для решения этой задачи я выбрал jquery плагин maskedinput А вот с реализацией объединения оказалось не всё так тривиально, но и тут…
-
Javascript автоматизация работы с сайтом в консоли браузера
Столкнувшись с проблемой чистки ящика Яндекс.Почты нашел интересную статью, в которой предлагалось автоматизировать работу с ящиком открыв консоль и вызвав там самописную стороннюю фукнцию, выполнявшуюся в бесконечном цикле! Идея работы с реальным контентом сайта самописным кодом, да ещё в бесконечном цикле мне очень понравилась, пока не знаю где применю — но однозначно в закладки!!! (function(){…
-
JQuery tabs — как сделать простые табы (вкладки)
Не претендую на авторство, вырвал из видеоурока по вёрстке Очень простая реализация табов — буквально несколько строчек. $(«.tabs li»).click(function() { var tabName = $(this).attr(«data-tab-name»); $(this) .addClass(«active») .siblings() .removeClass(«active»); $(«.tab-content.» + tabName) .addClass(«active») .siblings() .removeClass(«active»); }); У лишек должен быть атрибут data-tab-name одноимённый с классом содержащим контент. Рабочий код с минимальной стилизацией — ссылка.
-
JQuery — как проверить существование элемента
Работая над заданием по ускорению работы сайта пришлось покопаться в чужом коде, где выявил довольно много косяков — которые решил пофиксить, вот один из них: common.js подгружается в шаблоне для всех страниц сайта, и соответственно все элементы с которыми происходит работа в этом файле должны присутствовать на странице — иначе в консоль выводятся разные сообщения…
-
Как значительно ускорить скорость загрузки сайта
Скорость загрузки сайта была улучшена с 7.9 секунд до 1.45 секунды! Кому интересно — читаем 🙂 Преамбула — обратился ко мне клиент с просьбой ускорить загрузку сайта, т.к. ну уж очень медленно всё — более 7 секунд!!! на загрузку главной страницы изначальная версия главной (для тестирования обновляем страницу со сбросом кэша браузера) Реклама крутится —…
-
Как быстро преобразовать таблицу Exel xls xlsx в простой html без лишних классов
Нарыл сегодня мега полезный скрипт преобразования таблички Excel из буфера обмена (любой формат xls xlsx и т.д.) в простой html без лишних классов! Однозначно репост! Чуть позже оформлю так же — для возможности онлайн преобразования. jQuery(document).ready(function(){ jQuery(‘#convert’).click(function() { var arrayOfLines = jQuery(‘#input’).val().split(‘\n’); var firstTH = false; if(jQuery(‘#useth’).attr(‘checked’)) firstTH = true; var result = ‘ \n…
-
Выделение области изображения и передача параметров в Битрикс
Всем привет! Закончил сегодня довольно интересный (для меня) проектик, который делал для товарища. Потыкать можно тут В 2х словах о ТЗ: тематика «продажа фотообоев» — расширение стандартного функционала до возможности выбрать из картинки произвольную область, с обсчётом стоимости работы вся информация должна передаваться в корзину и быть доступна в оформленном заказе фронтенд реализовал на Jquery…
-
Кликабельный JQuery слайдер для вертикальных изображений
Пост абсолютно не информативный, а даже наоборот — просьба о помощи 🙂 Собственно, ИЩУ кликабельный! JQuery слайдер для вертикальных изображений! Слайдеров куча, но 99% под горизонтально ориентированные картинки, а та малая часть, что мне подошла — некликабельны 🙁 Слайдер подбирается для морды сайта «Корейские обои для стен«. В данные момент поставил более менее подходящий для…