Search the Community

Showing results for tags 'jquery'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • HTML и CSS
    • Для начинающих
    • Препроцессоры, постпроцессоры и шаблонизаторы
    • Методологии
    • Фреймворки и библиотеки
  • JavaScript
    • Для начинающих
    • Фреймворки и библиотеки
    • Скрипты и плагины
  • Разработка сайтов
    • Для начинающих
    • Инструменты разработки, сборки и автоматизации
    • Аудит и анализ кода
    • Программное обеспечение разработчика
    • Веб-дизайн
    • Мобильные платформы
    • Open Source
  • Серверное программирование
    • Для начинающих
    • PHP
    • Платформы и языки программирования
    • Базы данных
    • Скрипты, готовые движки, CMS, конструкторы
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Сервер
    • Техническая поддержка
    • Веб-сервер
    • Базы данных
    • Хостинг
    • Домены
  • Интернет-маркетинг, SEO
    • Поисковая оптимизация
    • Поисковые системы
    • Продвижение и монетизация веб-сайта
    • Сервисы статистики и аналитики
    • Услуги и сервис
    • Покупка и продажа
  • Коммерческие услуги
    • Freelance
    • Работа
    • Услуги и сервис
  • Давайте поговорим о ...
    • Общий
    • Хобби, отдых и развлечение
    • Человек и общество
    • Флейм
  • Наш форум
    • Конкурсы
    • Работа форума

Calendars

  • События в Украине
  • События в России
  • События форума
  • События партнёров
  • Все события

Blogs

There are no results to display.

There are no results to display.

Marker Groups

  • Members
  • Front-end
  • Back-end
  • Education
  • Looking for job
  • Offering job

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Web site


ICQ


Jabber


Skype


From


Interests

Found 274 results

  1. Интернет-маркетинговое агентство Top-Life. Мы ищем в команду Junior Web разработчика. Что мы ожидаем от кандидата: Навыки HTML5, CSS3, JavaScript; Знания PHP5-7‚ MySQL‚ jQuery, ajax; Опыт в верстке; Наличие опыта разработки и знание различных CMS (1С Битрикс, UMI, ModX, WordPress и другие) будет плюсом; Опыт работы и наличие портфолио приветствуется; Умение и желание работать в команде; Аккуратность (осмысленность) в работе. Задачи, которые вам предстоит решать: Современная адаптивная кроссбраузерная верстка (HTML5+CSS3); Применение готовой верстки к CMS (1С-Битрикс, Wordpress); Условия: Оформление по ТК РФ Заработная плата: от 20 000 до 40 000 руб; График работы: 5/2 с 10.00–19.00, обед с 14.00–15.00; На территории работодателя; Молодой‚ профессиональный коллектив; Корпоративные мероприятия; Чай, кофе и печеньки с нас; Мы даем возможность не просто работать‚ а создавать и развиваться. Для связи: Антон тел: 8(981)897-42-46 mail: a.majstrenko@top-life.su hh: https://spb.hh.ru/vacancy/30397980
  2. В молодую креативную студию Team Z требуются: Frontend и Backend разработчики, на проектной или постоянной основе. Языки HTML CSS java jquery bootstrap react, хорошо если стэк angular При обращении, скидывается тестовое задание, при удачном выполнении, начинаем работать. т.к наша студия состоит в 2х клубах (это позволяет нам работать с крупными заказчиками из москвы и аутсорсить зарубежные заказы) все разработчики должны проходить небольшую аттестацию в виде тестовых заданий по направлениям с которыми они работают Все интересующие вас вопросы задавать на почту указанную в профиле, или в контакте: https://vk.com/id428650440
  3. Как на Jquery написать команду в которой попап окно будет закрываться при клике и на крестик и на пустое место вне блока с формой? Вот так выглядит форма обратно связи http://prntscr.com/idz5lf Вот так я закрываю её при нажатии на крестик, просто убираю класс в нужном блоке и все работает $(".knopka2").click(function(){ $(".hide").addClass("call-back") }); $(".close").click(function(){ $(".hide").removeClass("call-back") }); Подскажите как должна выглядеть функция чтобы при клике вне формы тоже убирать нужный класс и форма так будет закрываться?
  4. мне в руки от предыдущего разработчика попался код, которые забирает 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(); } } } });
  5. Здравствуйте! Оцените пожалуйста верстку. Если есть ошибки, напишите как правильнo будет. Ссылка на сайт wor.swema.ru
  6. При настройке Masonry возникает проблема: ширина блоков регулируется отлично (и в %, и в px), но, когда возникла необходимость сделать один из блоков в 2 раза выше остальных блоков - низкие блоки не занимают пустое место рядом с высоким блоком и получается то что на картинке ниже. Перепробовала, как мне кажется, все: в инициализации указывала ширину колонки в пикселях, в процентах, добавляла в код grid-sizer, убирала grid-sizer........... Методом тыка поняла что если увеличить у меня в css ширину блока .grid-item - то колонок становится две - и в таком случае Masonry красиво все располагает. Код здесь (постаралась оставить только суть).
  7. Группа компаний, оказывающих финансовые услуги закордонным клиентам очень ждет опытного фронтенда, который готов влиться в нашу небольшую команду московского офиса. В Вашей зоне ответственности будут мультиязычные сайты (в т.ч. RTL), лэндинги, прототипы мобильных приложений, взаимодействие с копирайтерами, участие в проектах развития. Что хотелось бы увидеть в Вашем портфолио и жизнеописании: • Отличное владение HTML5, CSS3, JavaScript, jQuery, php, MySQL и SQL, Bootstrap (3-4) • Опыт кроссбраузерной и адаптивной/"отзывчивой"(responsive) верстки, понимание специфики работы различных браузеров. • Опыт работы с системой контроля версий (Mercurial или др). • Знание английского языка (не ниже upper intermediate). Как плюс - владение графическими пакетами Adobe, хороший вкус и полиглотство! У нас уютный зеленый офис с кухонькой, душем и качелями недалеко от М.Красносельская/Бауманская в недавно перестроенном под офисный центр здании XIX века, коллеги, подставляющие плечо, а не ножку, 100%ая оплата больничных, и амбициозные планы по развитию нашей глобальной экспансии, которая напрямую связана с ИТ-функционалом. Так что наш фронтенд, действительно, всегда будет на "переднем фронте" поддерживать все стратегические проекты! Ждем Ваше CV и ссылки на портфолио на адрес hr@myfxchoice.com с пометкой в теме "html forum". Татьяна
  8. Доброго времени суток! Поставил на сайт вот этот плагин http://jquery-plugins.net/sticky-kit-jquery-plugin-for-making-sticky-elements . Сайт на адаптивной верстке в две колонки. При размере экрана меньше 900 пикселей эти две колонки превращаются в два блока, один под другим. Но скрипт получается не понял что ничего не надо скролить и получается один блок заезжает на другой и очень серъезно. И появилась такая идея, что надо просто остановить его работу когда экран меньше 900 пикселей, только я не знаю как. Помогите. Вот страница с демо, только надо уменьшить размер окна, чтобы она заработала http://leafo.net/sticky-kit/examples/3.html Вот сам скрипт http://leafo.net/sticky-kit/src/jquery.sticky-kit.js А вот получается как он выводится http://leafo.net/sticky-kit/example.js Или напишите в какую сторону надо искать, гугл особо ничем не помог, только еще больше запутался. Спасибо за помощь
  9. Добрый день. Есть задача сделать анимацию как в примере по ссылке (видео на Youtube.com) - С подобным ни разу не сталкивался, но ужасно хочется понять, как это реализуется. Я не прошу готового решения, я лишь прошу чтоб меня направили в ту сторону, в которой можно в этом разобраться. Спасибо.
  10. Сергей14

    Слайдер 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/ Кто знает помогите пожалуйста в чем суть.
  11. Есть такой код: 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/ - помогите разобраться
  12. mightybat

    Воссоздание формы HTML

    Добрый день. Есть форма(опросник), переменных на 200, подскажите как можно ее заполнить на компьютере1, и открыть на компьютере2 уже заполненную? Может быть есть человеческий способ, решения данной проблемы? Вижу только вариант 1)сохранить все переменные в mysql 2)на втором компе вытащить из БД 3)воссоздать страницу HTML через echo( куча чекбоксов с oncliсk показывающими дивы, которые замучаюсь переписывать с block на none и наоборот).
  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. Привет! Подскажите пожалуйста, есть мобильное меню работающее по клику, хочу использовать свойство 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; }
  15. 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}); } }) }); не возьму в тол, почему не работает переключалка? Должна меняться нажатая кнопка и меняться класс у списка продуктов. Подскажите, что я снова упустил?
  16. Данный вариант —> var i = parseInt($("#sli").css('margin-left')); Индентичен варианту —> var i = parseInt(document.getElementById('sli').style.marginLeft). Но, по какой-то причине, второй вариант не работает. То есть, я не могу стиль вложить в переменную в JavaScript, а в JQuery такое возможно. И при изменении стиля типо left в javascript, мне нужно указывать что-то вроде 100 + 'px', а такой момент отсутствует в JQuery, сойдут обычные числа. Был бы благодарен, если бы на мои вопросы были ответы, потому что мне не понятна такая работа кода.
  17. Понимаю что во времена 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);
  18. Ищу работу. Верстаю страницы любой сложности из psd макетов. Владею адаптивной вёрсткой, а также css3/javascript/jquery анимацией. Сделаю Ваш заказ быстро, дёшево, адаптивно, кроссбраузерно. Email: churilov2312@gmail.com Facebook: https://www.facebook.com/profile.php?id=100019043504185&ref=bookmarks Так же можете просто писать мне в личку
  19. Здравствуйте, добрые форумчане) Очень нужна Ваша помошью Нужно сделать такой календарь с выбором диапазона дат и выводом ниже, совершенно не вижу выхода Прикрутила плагин Jquery datapicker но он дает только выпадающее меню у инпута Очень надеюсь на Ваашу помощь
  20. $("#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. Вопрос: как мне написать код, чтобы при следующем нажатии после смещения он возвращал значение на место?
  21. $("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-страницы скрыты, когда я им этот пустой аттрибут задаю, хотя по стандарту они должны отображаться? Как сделать скрытым и снова открыть объект?
  22. <!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?
  23. Дан код: <!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 и плавный переход? Если возможно, объясните поподробнее.
  24. Удалил строчку в коде какую не знаю и перестало выводится на сайте, 3 блока которые под слайдером все норм, голову сломал исправить не могу. Помогите люди добрые. Сайт: http://3r.com.ua/ Код: <div class="index-container"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="index_block"> <div class="header_slider"> <script type="mce-text/javascript" src="{{skin url=''}}js/camera.js"></script> <script type="mce-text/javascript">// <![CDATA[ /* index slider */ jQuery(function(){ jQuery('#camera_wrap').camera({ alignmen: 'topCenter', height: '400px', minHeight: '50px', loader : bar, navigation: false, fx: 'simpleFade', navigationHover:false, thumbnails: true, playPause: false }); }); // ]]></script> <div class="fluid_container"> <div id="camera_wrap" class="camera_wrap camera_orange_skin"> <div data-src="{{skin url=''}}images/slider_pic1.jpg" data-link="specials.html"> <div class="camera_caption fadeIn"> <div class="right_slider_side sl_1"> <h2>Материнские платы</h2> <p> </p> <h4>восстановленные</h4> <h4> </h4> </div> </div> </div> </div> <div data-src="{{skin url=''}}images/slider_pic2.jpg" data-link="tripods.html"> <div class="camera_caption fadeIn"> <div class="right_slider_side sl_2"> <h2>Сервера IBM и HP </h2> <h4>International Business Machines</h4> <h4>Hewlett-Packard</h4> <p> </p> </div> </div> </div> </div> </div> </div> <div data-src="{{skin url=''}}images/slider_pic3.jpg" data-link="video-cameras.html"> <div class="camera_caption fadeIn"> <div class="right_slider_side sl_3"> <h2>Ноутбуки</h2> <h4>восстановленные</h4> </div> </div> </div> </div> <div class="clear"> </div> </div> <div class="banners_block"> <div class="banner ban1"> <div class="ban_img"><img alt="" src="{{skin url='images/index_img1.jpg'}}" /></div> <div class="ban_wrap"> <h2>Быстрая доставка</h2> <p>Способы доставки и оплата! </p> <div class="shop_now"><span>Перейти</span></div> </div> </div> <div class="banner ban2"> <div class="ban_img"><img alt="" src="{{skin url='images/index_img2.jpg'}}" /></div> <div class="ban_wrap"> <h2>Подтверждение гарантии</h2> <p>Гарантия 1, 2, 3 месяца!</p> <div class="shop_now"><span>Перейти</span></div> </div> </div> <div class="banner ban3"> <div class="ban_img"><img alt="" src="{{skin url='images/index_img3.jpg'}}" /></div> <div class="ban_wrap"> <h2>Возврат денег</h2> <p>Мы гарантируем возврат денег если товар не подошел или находится не робочем состоянии!</p> <div class="shop_now"><span>Перейти</span></div> </div> </div> </div>
  25. <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, при этом постов много на странице а при нажатии действия должны происходить лишь с тем постом на котором была нажата кнопка "Подробнее", может кто подсказать как решить эту задачу? или хотя бы дать пару советов (подробнее можно разглядеть все на изображении)