Jump to content

Search the Community

Showing results for tags 'jquery'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Development
    • HTML Coding
    • JavaScript
    • PHP
    • CMS
    • Database
    • Web Server
    • Web-site Development
    • Internet Marketing, SEO
  • Library
    • Tricks and solutions
    • Books
  • Commercial services
    • Freelance
    • Job
    • Goods and Services
  • Our Forum
    • Flame
    • Contests
    • Feedback and Ideas

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


Telegram


Signal


Viber


Skype


From


Interests

  1. Вот меню:https://jsfiddle.net/b5uma4re/2/ Если на вкладке "О нас" несколько раз наводить и убирать указатель мыши, то подменю будет выезжать несколько раз. Как сделать чтобы подменю реагировало только если указатель находится 500 миллисекунд ? т. е. если указатель продержался 400 миллисекунд и убрался то подменю не появляется.
  2. Ёмкость заголовка зашкаливает, так что к сути. Datalist даёт прекрасный и лёгкий в понимании список с автозаполнением и возможностью записи своего значения, я уже сделал его сюда: https://jsfiddle.net/8f53otky/3/ Есть проблема лишь с отсутствием скролла, а значений в моём списке может быть сколь угодно много. Я пытался настроить виджет combobox из jquery ui - там тоже нет скролла и он не поддерживает ввод значений не из списка. Здесь отмечен решением такой код: <div style="overflow-x: hidden; overflow: scroll; width: 100%; height:500px"> <asp:DataList ID="someId" runat="server"> .... normal datalist implementation here .... </asp:DataList> </div> Но как он работает, если работает - я не понял. Запустив его у себя, скролл появился, а список пропал: https://jsfiddle.net/8f53otky/4/ В общем, рыбятки, либо я жёстко туплю, либо ещё чего, но мне кажется, что решение, как истина - где-то рядом.
  3. Доброго времени суток всем, такая вот у меня смешная проблема... Не получается убрать стрелки и крестик тоже, а вот попробовал padding изменить все получилось, подскажите пожалуйста в чем причина? $container.find('a').fancybox({ 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'speedIn' : 200, 'speedOut' : 200, 'overlayOpacity' : 0.6, 'arrows' : false }); если нужно какой либо еще код скажите, я все добавлю, заранее спасибо.
  4. Как применить трансформацию через анимацию JQ $('.abz span:last').click(function(){ $('.w').animate({ transform: 'scale(.9)' }); });
  5. https://jsfiddle.net/5259to6a/ Нужно чтобы при щелчке внешний блок появлялся с помощью функции slideDown, и только после его появления внутренний абзац появлялся в помощью c анимации.
  6. При наведении указателя мыши объект появляется, при отведении указателя мыши объект удаляется. Применил функцию off чтобы, при нажатии объект не удалялся при отведении мыши. Как сделать чтобы при обратном щелчке вновь объект удалился и работал как прежде? https://jsfiddle.net/zb9q7e8b/2/
  7. Такой вопрос, как сделать чтобы при клике на .prev-label осуществлялся клик на элемент с классом owl-prev?
  8. Вакансия Front-end разработчика Добрый день. Вас приветствует команда студии разработки и продвижения FreeDots (наш сайт: freedots.ru) Если вы Front-end разработчик и делаете круто, то высылайте своё портфолио на hr@freedots.ru и вместе мы поработаем над интересными проектами Основные требования: Опыт работы в отрасли не менее 2 лет. Знание языков: HTLM, JS, CSS. Знание предпроцессоров LESS/SASS Знание фреймворков: Bootstrap/Foundation Знание библиотек: jquery.js, желательно знание js фреймворков: angular.js/vue.js/node.js Знание сборщиков проектов, таких как: webpack Расположение: Россия > Москва Указанные требования являются предпочтительными. Мы рассмотрим любые предложения, в том числе и варианты удаленного сотрудничества. Занятость/ЗП: Занятость/оплата - проектная с перспективой устройства у нас на фикс. С уважением, команда Freedots.
  9. Здравствуйте, ищу работу HTML-верстальщиком (удаленно). Согласен выполнить первые заказы бесплатно что бы доказать себе и вам, что я работоспособен. Пишите мне на почту или в скайп. Скайп: Andrei.Rabotov E-mail: Andrei.Rabotov@gmail.com Портфолио.docx
  10. Задача: При изменении размеров окна элементы должны фейдиться. То есть исчезать с эффектом. я так полагаю, что нужно делать через скрипт. Прошу помощи и мудрого совета.
  11. Посередине первого экрана будет кнопка скрола ко второму. Что нужно писать в джиквери, что бы прокрутить вниз на один экран?
  12. Есть футер и есть шапка. Футер не фиксированный. Между ними контент. Первый экран контента один большой слайдер. Как его растянуть на всю секцию первого экрана? Шаблон адаптивный. Максимальная ширина контента 1200px. Пробую прикрутить jquery плагины со слайдерами, но как их вытянуть на высоту 100%? Думал через абсолют, но во всех слайдерах чёрт ногу сломит и где-то глубоко в коде скриптом задаются стили и позиционирование. И не факт, что абсолютом заведётся. То есть в итоге задача растянуть по высоте и ширине слайдер или бэкграунд слайдера, что бы он был на всю ширину экрана и резиновый по высоте. Но контент слайдера должен быть максимально по ширине 1200px при этом бэкграунд на всю ширину. Писать свой слайдер как-то не комильфо. Может у кого-то есть идеи или кто-то знает наверняка как это сделать?
  13. На странице есть блок, с атрибутом data-index, в котором прописан адрес страницы: <div id="my_id" data-index="/index/877"></div> Я пытаюсь засунуть содержимое этого атрибута в переменную index и вставить ее в .load(), чтобы подгрузить div-блок с id="message" с той самой страницы: <script> var index = $('$my_id').attr('data-index'); $('#load').load(index,'#message'); </script> Однако, get-запрос не проходит из-за того, что к адресу страницы подставляется лишний знак вопроса, вот так: /index/877? Откуда берётся этот знак вопроса? Кстати, alert(index); выводит корректное значение переменной index.
  14. Приветствую Всех! Около пары месяцев изучаю HTML и CSS. Очень увлекательное и интересное занятие! Пожалуй начну свое пребывание на форуме не с ветки типа: "Требуется помощь, наставник, учитель и прочее", а со этого. Буду рад любой критике и советам. Хорошая подборка "липких хэдеров" и не только для Вашего элитного лендинга: Пример http://www.virtuosoft.eu/code/bootstrap-autohidingnavbar/ скачать https://github.com/istvan-ujjmeszaros/bootstrap-autohidingnavbar Пример https://osvaldas.info/examples/auto-hide-sticky-header/ скачать https://github.com/istvan-ujjmeszaros/bootstrap-autohidingnavbar Пример http://tympanus.net/Development/HeaderEffects/ скачать http://tympanus.net/codrops/2013/07/16/on-scroll-header-effects/ Пример http://tympanus.net/Blueprints/AnimatedHeader/ скачать http://tympanus.net/codrops/2013/06/06/on-scroll-animated-header/ Пример https://markgoodyear.com/labs/headhesive/ скачать https://github.com/markgoodyear/headhesive.js/tree/master Пример http://lirancohen.github.io/stickUp/ скачать https://github.com/LiranCohen/stickUp
  15. Всем привет, В проекте с jquery 3.1.0 для отправки post-запроса работает нормально: var HRef = "{{ base_url }}admin/attribute/update_attribute_item" var DataArray = { "attribute_id": '{{ id }}', "attribute_item_id":current_attribute_item_id, "item_value": encodeURIComponent(attribute_item_item_value), "item_label": encodeURIComponent(attribute_item_item_label), 'csrf_test_name': $.cookie('csrf_cookie_name') // TODO : UNCOMMENT ON LIVE }; jQuery.ajax({ url: HRef, type: "POST", data: DataArray, success: onChangedAttributeItem, dataType: "json" }); На другой форме с запросом при выборе картинки fileupload ( jQuery File Upload Plugin 5.31.6 ) var HRef = "{{ base_url }}admin/product/upload_image_to_tmp_product/product_id/" + product_id $('.product_image_fileupload').fileupload({ url: HRef, type: "POST", 'csrf_test_name': $.cookie('csrf_cookie_name'), dataType: 'json', done: function (e, data) { Получаю ошибку 403 (Forbidden) Помнится на jquery 1 таких проблем не было Или проблема в другом ? И я скачал проект целиком отсюда https://github.com/blueimp/jQuery-File-Upload, но не нашел а какая у них стабильная версия? В требованиях написано jQuery v. 1.6+... Спасибо!
  16. Всем привет! Народ, есть у меня страничка: Страница . Там есть раздел "История компании". Там слайдер. У этого слайдера есть "пагинатор" - кругляши для перехода между стлайдами. Мне надо между этими кругляшами линию красную разместить, да так, чтобы линия была на заднем плане, а сами кругляши - на переднем. Как я только с z-index не игрался, не помогает. И позиционировать пробовал, и opacity менять пробовал, всё никак не могу это сделать. Народ, кто знает, помогите пожалуйста.
  17. Доброго времени суток. Сделан вот такой выплывающий блок по клику на маленькую иконку в правом нижнем углу https://jsfiddle.net/Ldg4upzq/9/ 1) как сделать, чтобы блок при открытие выезжал справа, а при закрытии уезжал влево? 2) каким трансформном можно сделать,чтобы крестик при наведение расходился на 4 полоски по диагонали? Спасибо)
  18. Что я хочу сделать. На странице очень много мелких картинок. При клике на одну из них, открывается модальное окно со слайдером внутри. В слайдере представлены все картинки существующие на странице, при чем первым слайдом будет та картинка, по которой кликнули. Но я завис на очень раннем этапе. Я уверен, что-то похожее уже делали, я не смог найти. Буду благодарен, если ткнете носом. Накидал пример из 3х картинок, но даже в консоли получаю ошибку. Не знаю почему. https://jsfiddle.net/mnu2zL3k/
  19. https://jsfiddle.net/fwyukjom/ селектор должен открываться с первого клика на ссылку "Select City", по моему мнению.А открывается только со второго и после этого работает нормально.(открывается-закрывается) где я ошибся?
  20. Доброго времени суток. Делаю галерею... В верстке все получилось (к сожалению не получается показать в jsfiddle) Перенесла в cms Карусель есть, но большое фото появляется только после нажатия на фото и например, перелистываешь на один дальше, то увидим, что фото выбора "зациклилось"... http://ruki24.aveas.ru/o-nas/ На самом деле я просто перемудрила... сделала зачем-то двумя скриптами, для табов и карусели.. А как сделать по другому не понимаю, чтобы при нажатие на фото в каруселе, открывалась большая фотка и прокрутка была только у маленьких?
  21. Приветствую! Может кто-нибудь уже сталкивался с такими проблемами. Есть сайт http://stroymechanika.intelinets.ru/ Модалки fancybox (заказать звонок (http://take.ms/OeqbJ), оставить заявку (http://take.ms/0dCvS)) отображаются некорректно на мобильных устройствах. Выглядят слегка растянуто, примеры: http://take.ms/3YomPG http://take.ms/BktjY Модалки работают на type: ajax Инициализируются вот так: $.fancybox({ href: url, type: "ajax", openSpeed: 0, closeSpeed: 400, openEffect: 'none', padding: 0, beforeShow: function(){ $(".fancybox-overlay").addClass("r741-opened"); if(typeof callback === "function"){ callback(); } }, beforeClose: function(){ $(".fancybox-overlay").removeClass("r741-opened"); }, tpl: { wrap: '<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div><div class="r741-message" ><div class="r741-message-inner" id="r741-message"></div></div></div>' } }) Что только не делал. В том числе все стили сносил, а все равно растянутая. Если еще подскажите почему на браузерах safari overlay наполовину перекрывает модалки, то вообще отлично будет.
  22. $(function() { $('p').delay(1700).each(function(i) { $(this).delay((i++) * 50).fadeTo(1000, 1); }) }); Подскажите пожалуйста, как сделать так, чтобы после десятого параграфа цикл остановился и показались все остальные параграфы сразу? Спасибо заранее:)
  23. Тривиальная задача, но не получается решить ее адекватно. Хочу сделать одностраничный сайт, с контентом , который будет подгружаться с php. Т.е. у меня будет несколько блоков в html, которые будут изменяться динамически. Данные я хочу брать из php, где они хранятся в массиве. <div class="menu"> <a href="#">Home</a> <a href="#">Product</a> <a href="#">Customers</a> </div> <div id="content"></div> Есть файл php с простым массивом, который возвращается в js <?php $arrayName = array('title' => 'Scheduling, CRM, and Invoicing Web Application - FieldPulse Software'); echo json_encode($arrayName); ?> json_encode возвращает строку {"title":"Scheduling, CRM, and Invoicing Web Application - FieldPulse Software"} Функция js, которая срабатывает после клика на ссылку. function loadPage(url) { $.ajax({ type: "POST", url: "content.php", data: 'page=' + url, dataType: "html", success: function(msg) { if (parseInt(msg) != 0) { msg = msg.substring(1, msg.length - 1); //удаляем символы { } в начале и конце строки $array = msg.split(":"); // разбиваем строку на массив по символу ":" $('title').html($array['title']); // новый title берем из массива, но в данном случае такой ячейки нет alert(msg); //для наглядности, выводит {"title":"Scheduling, CRM, and Invoicing Web Application - FieldPulse Software"} } else { alert ('file empty!'); } } }); } В результате такого разбиения получаем обычный массив. Мне надо получить ассоциативный массив где будет ячейка с именем "title" и она будет содержать соотв. строку из пхп. Как адекватно превратить результат выполнения функции json_encode в ассоциативный массив, чтобы можно было заменить необходимые поля в html?
  24. оцените пожалуйста форму, которая добавляет в базу рецепты коктейлей: http://fh79272k.bget.ru/files/works/coctails/1/ в первую очередь хотелось бы услышать отзывы об архитектурке
  25. Проблема следующая. Необходимо, чтобы после того как пользователь ввел и стер пароль, индикатор исчез. Т.е. последовательность действий 1. Вводим пароль 2. Удаляем его. Должен исчезнуть индикатор. В FF работает, в Хроме и Опере нет, почему? $('#field').focus(function() { //когда фокус на поле ввода пароля $('#field').keypress(function() { //проверяем значение поля после каждого нажатия клавиши if ($('#field').val().length > 0) { //если что-то ввели, запускаем проверку сложности пароля $('#field').pwstrength(); $('#pwindicator').show(); } else { // если ничего не ввели или ввели и затем удалили, прячем индикатор $('#pwindicator').hide(); } }) }); $('#field').blur(function() { //после потери фокуса проверяем значение поля, если пустое , прячем индикатор if ($('#field').val() == "") { $('#pwindicator').hide(); } }); https://jsfiddle.net/y6x512v9/1/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy