Search the Community

Как применить трансформацию через анимацию JQ $('.abz span:last').click(function(){ $('.w').animate({ transform: 'scale(.9)' }); });

https://jsfiddle.net/5259to6a/ Нужно чтобы при щелчке внешний блок появлялся с помощью функции slideDown, и только после его появления внутренний абзац появлялся в помощью c анимации.

При наведении указателя мыши объект появляется, при отведении указателя мыши объект удаляется. Применил функцию off чтобы, при нажатии объект не удалялся при отведении мыши. Как сделать чтобы при обратном щелчке вновь объект удалился и работал как прежде? https://jsfiddle.net/zb9q7e8b/2/

Такой вопрос, как сделать чтобы при клике на .prev-label осуществлялся клик на элемент с классом owl-prev?

Вакансия 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.

Здравствуйте, ищу работу HTML-верстальщиком (удаленно). Согласен выполнить первые заказы бесплатно что бы доказать себе и вам, что я работоспособен. Пишите мне на почту или в скайп. Скайп: Andrei.Rabotov E-mail: Andrei.Rabotov@gmail.com Портфолио.docx

Задача: При изменении размеров окна элементы должны фейдиться. То есть исчезать с эффектом. я так полагаю, что нужно делать через скрипт. Прошу помощи и мудрого совета.

Посередине первого экрана будет кнопка скрола ко второму. Что нужно писать в джиквери, что бы прокрутить вниз на один экран?

Есть футер и есть шапка. Футер не фиксированный. Между ними контент. Первый экран контента один большой слайдер. Как его растянуть на всю секцию первого экрана? Шаблон адаптивный. Максимальная ширина контента 1200px. Пробую прикрутить jquery плагины со слайдерами, но как их вытянуть на высоту 100%? Думал через абсолют, но во всех слайдерах чёрт ногу сломит и где-то глубоко в коде скриптом задаются стили и позиционирование. И не факт, что абсолютом заведётся. То есть в итоге задача растянуть по высоте и ширине слайдер или бэкграунд слайдера, что бы он был на всю ширину экрана и резиновый по высоте. Но контент слайдера должен быть максимально по ширине 1200px при этом бэкграунд на всю ширину. Писать свой слайдер как-то не комильфо. Может у кого-то есть идеи или кто-то знает наверняка как это сделать?

Приветствую Всех! Около пары месяцев изучаю 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

Всем привет, В проекте с 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+... Спасибо!

Всем привет! Народ, есть у меня страничка: Страница . Там есть раздел "История компании". Там слайдер. У этого слайдера есть "пагинатор" - кругляши для перехода между стлайдами. Мне надо между этими кругляшами линию красную разместить, да так, чтобы линия была на заднем плане, а сами кругляши - на переднем. Как я только с z-index не игрался, не помогает. И позиционировать пробовал, и opacity менять пробовал, всё никак не могу это сделать. Народ, кто знает, помогите пожалуйста.

Доброго времени суток. Сделан вот такой выплывающий блок по клику на маленькую иконку в правом нижнем углу https://jsfiddle.net/Ldg4upzq/9/ 1) как сделать, чтобы блок при открытие выезжал справа, а при закрытии уезжал влево? 2) каким трансформном можно сделать,чтобы крестик при наведение расходился на 4 полоски по диагонали? Спасибо)

На странице есть блок, с атрибутом 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.

Что я хочу сделать. На странице очень много мелких картинок. При клике на одну из них, открывается модальное окно со слайдером внутри. В слайдере представлены все картинки существующие на странице, при чем первым слайдом будет та картинка, по которой кликнули. Но я завис на очень раннем этапе. Я уверен, что-то похожее уже делали, я не смог найти. Буду благодарен, если ткнете носом. Накидал пример из 3х картинок, но даже в консоли получаю ошибку. Не знаю почему. https://jsfiddle.net/mnu2zL3k/

https://jsfiddle.net/fwyukjom/ селектор должен открываться с первого клика на ссылку "Select City", по моему мнению.А открывается только со второго и после этого работает нормально.(открывается-закрывается) где я ошибся?

Здравствуйте. Предлагаю свои услуги по верстке PSD макетов в HTML5/CSS3 с использованием несложных скриптов jQuery на основе bootstrap. Чистый, структурированный код. Внедрение различных jQuery плагинов и скриптов. Цена для каждого проекта индивидуальна и зависит от сложности макета и необходимого функционала. По цене со мной всегда можно договориться. Оплата: - WebMoney Интересует долгосрочное сотрудничество. Контакты: email: 3dben@mail.ru Skype: скидываю в л/с Примеры верстки:

Приветствую! Может кто-нибудь уже сталкивался с такими проблемами. Есть сайт 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 наполовину перекрывает модалки, то вообще отлично будет.

Доброго времени суток. Делаю галерею... В верстке все получилось (к сожалению не получается показать в jsfiddle) Перенесла в cms Карусель есть, но большое фото появляется только после нажатия на фото и например, перелистываешь на один дальше, то увидим, что фото выбора "зациклилось"... http://ruki24.aveas.ru/o-nas/ На самом деле я просто перемудрила... сделала зачем-то двумя скриптами, для табов и карусели.. А как сделать по другому не понимаю, чтобы при нажатие на фото в каруселе, открывалась большая фотка и прокрутка была только у маленьких?

$(function() { $('p').delay(1700).each(function(i) { $(this).delay((i++) * 50).fadeTo(1000, 1); }) }); Подскажите пожалуйста, как сделать так, чтобы после десятого параграфа цикл остановился и показались все остальные параграфы сразу? Спасибо заранее:)

Тривиальная задача, но не получается решить ее адекватно. Хочу сделать одностраничный сайт, с контентом , который будет подгружаться с 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?

Проблема следующая. Необходимо, чтобы после того как пользователь ввел и стер пароль, индикатор исчез. Т.е. последовательность действий 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/

оцените пожалуйста форму, которая добавляет в базу рецепты коктейлей: http://fh79272k.bget.ru/files/works/coctails/1/ в первую очередь хотелось бы услышать отзывы об архитектурке

Привет всем. Помогите, пожалуйста, разобраться. Задача следующая : после того, как пользователь заполнит и нажмет на кнопку отправки формы, должно появится модальное окно с текстом "Спасибо" и форма отправится на почту. Искал в сети примеры, но ничего так и не заработало. Последний вариант, на котором остановился, как самый простой. Есть форма <form id="ajaxform" action="" class="promo__form" name="mail" method="post" ectype="text/plain"> <p> <input placeholder="имя" name="name" class="input" required="required" type="text"> <input placeholder="телефон" name="phone" class="input pull-right" required="required" type="text"> </p><input name="submit" value="узнать подробности" class="custom-button" type="submit"> </form> Здесь взял плагин http://malsup.com/jquery/form/ и подключаю его (в конце страницы, если это имеет значение) <script src="js/jquery-2.1.3.min.js"></script> <script src="http://malsup.github.com/jquery.form.js"></script> Есть обработчик <?php header("Location: {$_SERVER['HTTP_REFERER']}"); if($_POST['submit']) { $name = substr(htmlspecialchars(trim($_POST['name'])), 0, 1000); $phone = substr(htmlspecialchars(trim($_POST['phone'])), 0, 1000); $from = substr(htmlspecialchars(trim($_POST['email'])), 0, 1000); $message = substr(htmlspecialchars(trim($_POST['message'])), 0, 1000000); $message .= "\n" ."My phone: ".$phone; $headers = 'From: '.$from . "\r\n"; $headers .= "MIME-Version: 1.0" . "\r\n"; $headers .= "Content-type:text/plain;charset=utf-8" . "\r\n"; $to = 'example@email.com';// Your email here mail($to, $name, $message, $headers); } exit; ?> И сам jQuery $('#ajaxform').ajaxForm(function() { //$('#modal-thanks').fadeIn(); alert("Thank you for your comment!"); }); Результат работы : после заполнения формы и нажатия на кнопку, всплывает alert с текстом, НО на почту ничего не приходит. В чем проблема? Ломаю голову второй день, не могу понять, что не так.

Вот такая простая структура. Идея в том, чтобы на странице показывалось только 3 элемента. Остальные, если они есть, подгружались при нажатии на кнопку. https://jsfiddle.net/vk1zuajm/2/ На данный момент завис на том, что элементы после 3-го не прячутся. eq() принимает целые числа, number - целое число. Почему не работает так как надо?