-
Дружим 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% под горизонтально ориентированные картинки, а та малая часть, что мне подошла – некликабельны 🙁 Слайдер подбирается для морды сайта “Корейские обои для стен“. В данные момент поставил более менее подходящий для…