Поиск по сайту

Результаты поиска по тегам 'jquery'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип публикаций


Категории и разделы

  • Основной форум
    • Для начинающих
    • Проблемы верстки
    • Обсуждение работ
    • Работа форума
    • Флейм
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Веб-программирование
    • Javascript
    • Серверные технологии
    • СУБД
    • CMS
  • Работа: спрос, предложение, вакансии
    • Фриланс
    • Коммерческие услуги
    • Ищу работу
    • Предлагаю работу

Календари

  • IT events in Ukraine
  • IT events in Russia
  • События форума

Блоги

  • CMS (Системы управления контентом)
  • Draft
  • HTMLforum блог

Группы меток

  • Разработчики
  • Front-end
  • Back-end
  • Обучение
  • Ищу работу
  • Предлагаю работу



Фильтр по количеству...

Найдено 27 результатов

  1. Привет! https://www.zebra-tara.ru/about Внизу есть кнопка [Cкопировать], на неё навешен такой код: var $j = jQuery.noConflict(); $j("#legal-copy").on("click", function (e) { var text = $j("#legal-info").text().trim(); var $scroll = $j("window").scrollTop(); var temp_element = $j('<textarea>').appendTo("#legal-copy").val(text).select(); $j("window").scrollTop($scroll); document.execCommand('copy'); temp_element.remove(); $j(this).text("Скопировано").prepend("<i class='fa fa-check-circle'></i> ").addClass("green-btn"); }); Как ни бьюсь - не удается избавиться от прокручивания к создаваемому элементу textarea в мобильном браузере. Он получает :focus и мобильный браузер прокручивает страницу. Добавка ScrollTop мне не помогла Как выкрутиться?
  2. Как на Jquery написать команду в которой попап окно будет закрываться при клике и на крестик и на пустое место вне блока с формой? Вот так выглядит форма обратно связи http://prntscr.com/idz5lf Вот так я закрываю её при нажатии на крестик, просто убираю класс в нужном блоке и все работает $(".knopka2").click(function(){ $(".hide").addClass("call-back") }); $(".close").click(function(){ $(".hide").removeClass("call-back") }); Подскажите как должна выглядеть функция чтобы при клике вне формы тоже убирать нужный класс и форма так будет закрываться?
  3. мне в руки от предыдущего разработчика попался код, которые забирает JSONP данные для построения списка на jquery UI autocomplete, выводит его и при выборе помещает результат в поле формы используется для ввода города в корзине https://www.resursmed.ru/cart запрос данных такого типа https://api.cdek.ru/city/getListByTerm/jsonp.php?q=нижний мне непонятны некоторые вещи: зачем выполняется перебор массива в success и select? и, можно ли сделать выбор первого значения списка при потере фокуса автозаполнялки, если в ней не ткнули в значение? change и blur в конце (на событие select) сделаны видимо чтобы запустить дальнейшую обработку onblur=javascript:Onepage.op_runSS(this); var $j = jQuery.noConflict(); $j("#city_field").autocomplete({ noSuggestionNotice: "Населённые пункты не найдены", autoSelectFirst: true, autoFocus: true, minLength: 2, source: function (request, response) { $j.ajax({ url: "https://api.cdek.ru/city/getListByTerm/jsonp.php", dataType: "jsonp", data: { q: function () { return $j("#city_field").val() } }, success: function (data) { response($j.map(data.geonames, function (item) { Object.getOwnPropertyNames(data.geonames).forEach(function (val, idx, array) { Object.getOwnPropertyNames(data.geonames[val]).forEach(function (val2, idx2, array2) { }); }); try { if (item.postCodeArray[0] !== 0 && item.postCodeArray[0] !== 'undefined' && item.postCodeArray[0] !== null) { found_zip = item.postCodeArray[0]; zip_array[zip_line] = []; zip_array[zip_line][0] = zip_line; zip_array[zip_line][1] = item.id; zip_array[zip_line][2] = item.postCodeArray[0]; zip_line++; } } catch (err) { // обработка ошибки } return { label: item.name, value: item.name, id: item.id } })); } }); }, select: function (event, ui) { $j('#receiverCityId').val(ui.item.id); //пробегаемся по массиву, чтобы вывести индекс в поле for (var i = 0; i < zip_array.length; i++) { if (ui.item.id == zip_array[i][1]) { $j("#customer_note_field").empty(); $j('#address_2_field').val(zip_array[i][1]).focus().change().blur(); $j('#zip_field').val(zip_array[i][2]).focus().change().blur(); } } } });
  4. Здравствуйте! Оцените пожалуйста верстку. Если есть ошибки, напишите как правильнo будет. Ссылка на сайт wor.swema.ru
  5. При настройке Masonry возникает проблема: ширина блоков регулируется отлично (и в %, и в px), но, когда возникла необходимость сделать один из блоков в 2 раза выше остальных блоков - низкие блоки не занимают пустое место рядом с высоким блоком и получается то что на картинке ниже. Перепробовала, как мне кажется, все: в инициализации указывала ширину колонки в пикселях, в процентах, добавляла в код grid-sizer, убирала grid-sizer........... Методом тыка поняла что если увеличить у меня в css ширину блока .grid-item - то колонок становится две - и в таком случае Masonry красиво все располагает. Код здесь (постаралась оставить только суть).
  6. Группа компаний, оказывающих финансовые услуги закордонным клиентам очень ждет опытного фронтенда, который готов влиться в нашу небольшую команду московского офиса. В Вашей зоне ответственности будут мультиязычные сайты (в т.ч. RTL), лэндинги, прототипы мобильных приложений, взаимодействие с копирайтерами, участие в проектах развития. Что хотелось бы увидеть в Вашем портфолио и жизнеописании: • Отличное владение HTML5, CSS3, JavaScript, jQuery, php, MySQL и SQL, Bootstrap (3-4) • Опыт кроссбраузерной и адаптивной/"отзывчивой"(responsive) верстки, понимание специфики работы различных браузеров. • Опыт работы с системой контроля версий (Mercurial или др). • Знание английского языка (не ниже upper intermediate). Как плюс - владение графическими пакетами Adobe, хороший вкус и полиглотство! У нас уютный зеленый офис с кухонькой, душем и качелями недалеко от М.Красносельская/Бауманская в недавно перестроенном под офисный центр здании XIX века, коллеги, подставляющие плечо, а не ножку, 100%ая оплата больничных, и амбициозные планы по развитию нашей глобальной экспансии, которая напрямую связана с ИТ-функционалом. Так что наш фронтенд, действительно, всегда будет на "переднем фронте" поддерживать все стратегические проекты! Ждем Ваше CV и ссылки на портфолио на адрес hr@myfxchoice.com с пометкой в теме "html forum". Татьяна
  7. Анимация на сайте

    Добрый день. Есть задача сделать анимацию как в примере по ссылке (видео на Youtube.com) - С подобным ни разу не сталкивался, но ужасно хочется понять, как это реализуется. Я не прошу готового решения, я лишь прошу чтоб меня направили в ту сторону, в которой можно в этом разобраться. Спасибо.
  8. Слайдер jquery

    Доброго времени суток дорогие друзья. Помогите пожалуйста решить проблему. Я сделал слайдер в программе Amazing Slider 6.6 подключил его на сайт в шапку blogger все работает только одна причина пр наведении на слайдер не всплывают стрелочки в лево и в право в чем причина? вот как я сделал https://drive.google.com/file/d/0Bz7...ew?usp=sharing https://drive.google.com/file/d/0Bz7...ew?usp=sharing вот сам слайдер https://drive.google.com/file/d/0Bz7...ew?usp=sharing И вот что получилось на сайте https://slider-jquery1.blogspot.com/ Кто знает помогите пожалуйста в чем суть.
  9. Кнопка выключить свет

    Есть такой код: https://jsfiddle.net/hcandrq2/10/ Нашёл код http://jsfiddle.net/uhL35f15/2/ http://jsfiddle.net/uhL35f15/11/ Объединить не получаеться https://jsfiddle.net/hcandrq2/62/ https://jsfiddle.net/hcandrq2/92/ - помогите разобраться
  10. Добрый день. Есть форма(опросник), переменных на 200, подскажите как можно ее заполнить на компьютере1, и открыть на компьютере2 уже заполненную? Может быть есть человеческий способ, решения данной проблемы? Вижу только вариант 1)сохранить все переменные в mysql 2)на втором компе вытащить из БД 3)воссоздать страницу HTML через echo( куча чекбоксов с oncliсk показывающими дивы, которые замучаюсь переписывать с block на none и наоборот).
  11. Привет! Подскажите пожалуйста, есть мобильное меню работающее по клику, хочу использовать свойство transition чтобы изменить скорость отображения меню но не получается Демо 1 Демо онлайн там используется jquery для отображения меню $(".mob-menu").click(function(){ $(this).toggleClass("open"); // transform mobile menu icon to X $(".nav-left,.wrapper,.header").toggleClass("openleft"); }); я пробую добавить css эффект transition но не работает, в чем может быть проблема? .nav-left.openleft,.wrapper.openleft,.openleft{ -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition:all 2s; }
  12. https://www.zebra-tara.ru/catalogue/store-box jQuery(document).ready(function ($) { $('#grid_list_selector li').click(function (e) { e.preventDefault(); var $clicked_item = $(this); var $set_mode = $clicked_item.data("view-mode"); $('#grid_list_selector li').removeClass("active"); $clicked_item.setClass("active"); $("#product_list").removeClass("grid list").setClass($set_mode); var Cookies2 = Cookies.noConflict(); if (Cookies2) { Cookies2.set('grid-list', $set_mode, {expires: 365}); } }) }); не возьму в тол, почему не работает переключалка? Должна меняться нажатая кнопка и меняться класс у списка продуктов. Подскажите, что я снова упустил?
  13. Есть список с товарами. В каждом пункте есть блок с количеством едениц, и две кнопки + и -. Если есть более одного товара то не зависит на каком блоке кликать скрипт работает на всех, а нужно чтобы только на блоке на котором происходит действие. Код jQuey: var result = $('.cart__goods_item .cart__numbers_result'); var rel = $('.cart__goods_item .cart__numbers_reload'); var i = 1; $('.cart__goods_item .cart__numbers_plus').on('click', function() { if (i < 10) { i++; result.text(i); } }); $('.cart__goods_item .cart__numbers_minus').on('click', function() { if (i > 1) { i--; result.text(i); } }); rel.on('click', function() { i = 1; result.text(i); });
  14. Данный вариант —> var i = parseInt($("#sli").css('margin-left')); Индентичен варианту —> var i = parseInt(document.getElementById('sli').style.marginLeft). Но, по какой-то причине, второй вариант не работает. То есть, я не могу стиль вложить в переменную в JavaScript, а в JQuery такое возможно. И при изменении стиля типо left в javascript, мне нужно указывать что-то вроде 100 + 'px', а такой момент отсутствует в JQuery, сойдут обычные числа. Был бы благодарен, если бы на мои вопросы были ответы, потому что мне не понятна такая работа кода.
  15. Понимаю что во времена Angular, React и прочих фреймоврков может быть не очень актуально, но все же решил опубликовать свою простенькую библиотеку для огранизации плагинов старого доброго jQuery. Библиотека решает следующие задачи: Организация кода плагина в виде псевдо-класса Наследование плагинов Передача параметров в плагин Подключение плагинов к странице Ajax-перзагрузка плагинов Подписка на события Если кому интересно, прошу сюда: https://bitbucket.org/grifix/envo Примеры использования тут: https://bitbucket.org/grifix/envo/sr...les/?at=master Пример плагина: (function ($) { var parent = envo.Plugin; // Плагин от которого наследуется данный плагин var prototype = envo.makePluginPrototype( 'demo.PluginA', // Название псевдо-класса плагина (используется при наследовнии) 'demo_pluginA', // Имя плагина (используется для подключиня плагина к DOM-элементам) parent, { message: 'Hello world!' //Конфигурация плагина по умолчанию } ); // Функция которая подключается к плагину в момент наложения его на DOM елемент prototype.init = function () { var that = this; that.elButton = that.find('button'); that.elButton.click(function () { that.showMessage(); }); parent.prototype.init.call(that); }; // Метод псевдо-класса плагина prototype.showMessage = function () { var that = this; alert(that.cfg.message); return that.el(); }; })(jQuery); Плагин кототрый наследует предыдущий плагин: (function ($) { var parent = demo.PluginA; var prototype = envo.makePluginPrototype( 'demo.PluginB', 'demo_pluginB', parent ); prototype.showMessage = function () { var that = this; parent.prototype.showMessage.call(that); confirm("Are you sure!"); return that.el(); }; })(jQuery);
  16. Ищу работу. Верстаю страницы любой сложности из psd макетов. Владею адаптивной вёрсткой, а также css3/javascript/jquery анимацией. Сделаю Ваш заказ быстро, дёшево, адаптивно, кроссбраузерно. Email: churilov2312@gmail.com Facebook: https://www.facebook.com/profile.php?id=100019043504185&ref=bookmarks Так же можете просто писать мне в личку
  17. Здравствуйте, добрые форумчане) Очень нужна Ваша помошью Нужно сделать такой календарь с выбором диапазона дат и выводом ниже, совершенно не вижу выхода Прикрутила плагин Jquery datapicker но он дает только выпадающее меню у инпута Очень надеюсь на Ваашу помощь
  18. $("#lik").on('click', function() { var i = parseInt($("h1").css('margin-left')); i = i + parseInt($(this).attr('data-move')); $("h1").animate({marginLeft: i}, 0200) }); Дан код jquery, в котором по нажатию на кнопку происходит смещение оступа влево по значению аттрибута data-move. Вопрос: как мне написать код, чтобы при следующем нажатии после смещения он возвращал значение на место?
  19. $("button#lol").on('click', function(){ var s = document.getElementById("val1"); var c = document.getElementById("val2"); s.hidden = !s.hidden; c.hidden = !c.hidden; }); В данном коде у объекта с айди val 1, val2 есть аттрибут отображения hidden. Почему изначально объекты на html-страницы скрыты, когда я им этот пустой аттрибут задаю, хотя по стандарту они должны отображаться? Как сделать скрытым и снова открыть объект?
  20. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> .text-jquery { margin: 0 0 0 30px; transition: 4s; } h1 { position: relative; } </style> </head> <body> <input id="val1" type="text"><br><br> <input id="val2" type="text"><br><br> <button id="as">Посчитать!</button> <button id="lol">Сместить!</button> <button id="lik"></button> <h1>LOL</h1> </body> </html> Как мне сделать в jquery, чтобы при каждом нажатии на кнопку с id="lik" у меня h1 смещался влево на 15px?
  21. Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> input { position: relative; transition: all ease 1s; } </style> </head> <body> <input id="val1" type="text"><br><br> <input id="val2" type="text"><br><br> <button>Посчитать!</button> <button id="lol">Сместить!</button> </body> </html> И его скрипт: $('document').ready(function() { $('button').on('click', function(){ var value1, value2; value1 = $('#val1').val(); value2 = $('#val2').val(); value1 = parseInt(value1); value2 = parseInt(value2); value3 = value1 + value2; alert(value3); }); $('button#lol').on('click', function() { $('#val1, #val2').css( { border: '2px solid red', left: '50px' } ); }) }); И первая проблема: при нажатии на кнопку "Сместить!" у меня вылетает алёрт со значением "NaN", а потом работает сам скрипт. И вторая: почему в коде не работает плавное смещение вправо? В html задал параметр стиля, но плавного перехода нет. Только плавная смена цвета. Как исправить NaN и плавный переход? Если возможно, объясните поподробнее.
  22. Добрый день. Подскажите пожалуйста как правильно реализовать данное меню или список, не знаю как правильней назвать. Нужно чтобы при нажатии на город появлялся блок с информацией и загорался определенное место на карте. Если с появлением блока более менее понятно, то как позиционировать эти красные (активные) города, чтобы они не съезжали с карты на разных разрешениях. Буду благодарен ссылкам на демо и примеры. С меня кофе тому кто поможет мне найти хорошее решение =)
  23. <div class="wrap" id="post_1"> <div class="post"> <div class="post-header"> <h2 class="post-name">Заголовок</h2> </div> <div class="post-content-desc"> <p class="content-desc-p">краткое описание статьи</p> </div> <div class="post-content" style="display:none;"> <p class="content-p">полный текст статьи</p> </div> <a href="" class="content-desc-button">Подробнее..</a> </div> </div> задача, нужно при нажатии на кнопку "Подробнее" скрыть див с классом post-content-desc, и открыть див с классом post-content, при этом постов много на странице а при нажатии действия должны происходить лишь с тем постом на котором была нажата кнопка "Подробнее", может кто подсказать как решить эту задачу? или хотя бы дать пару советов (подробнее можно разглядеть все на изображении)
  24. Остановка всплытия

    $('.b_70543').click(function (e) { var t = e.target; e.preventDefault(); e.stopPropagation(); if ((t.tagName = "A") || (t.className = "item-data")) { $('.m_modal').addClass('show'); if ($(t).data('btn') === 'button') { var parent = $(t).parent().parent().parent().parent(); } else { var parent = $(t).parent().parent(); } console.log(parent); var productArr = $(parent).find('.content-wrapper .content-holder .title-holder .title p').text(); var productArr = productArr.split(' | '); var productName = productArr[1]; var descr = productArr[0]; var p = $(parent).find('.price-holder .price p').text() var price = p; // var price = price.replace(','); var inputName = $('.m_modal').find('#product-name'); var inputPrice = $('.m_modal').find('#product-price'); var inputDescr = $('.m_modal').find('#product-descr'); $(inputName).text(productName); $(inputPrice).text(price); $(inputDescr).text(descr); console.log(price); console.log(descr); console.log(productName) } }) Ребята есть вот такой, он отвечает за клик по блоку товара, и в зависимости от глубины клика присваивает родителя, чтобы подтянуть название товара и цену, как мне остановить всплытие события прям вот сразу после клика, чтоб он возвращал мне один единственный элемент, сейчас возвращает два, может в if что то напутано Нужно чтобы по клику вернулся только элемент по которому произошел клик Или может по клику как то можно зацепить родителя по классу именно в этом блоке
  25. Верстальщик

    Сделаю сайт по вменяемой цене. Блог, корпоративный сайт, визитка, лэндинг, страницы мероприятий. Есть портфолио на Behance.