Поиск по сайту
Результаты поиска по тегам 'jquery'.
Найдено 271 результат
-
Вот есть сайт, который работает и всё у него нормально, но со временем есть задача поставить больше страниц и конечно же "ухаживать" за ними. С недавних пор научился с одной страницы добавлять несколько объектов на все остальные куда они нужны. Так вот, я добавляю класс, добавляю инструкцию в js и чтобы например 1 див создать, мне нужно приписать ему класс, приписать в js ему функцию, и добавить на сайт в виде этого дива, Можно ли как нибудь создать такую форму, где заполнив данные, на сайт автоматически добавлялись эти нужные блоки, то есть, к примеру. : есть <div class="style">Что-то</div> и это уже есть на сайте, он содержит какой то блок с информацией, А есть необходимость чтобы введя в форму этот "style" он создавал нужный блок с настройками, автоматически добавлял ему css указанную, по типу .style {width:100px;height:100px;} чтобы между <div> ВОТ ТУТ </div> помещалось то что указанно в форме, например тект, чтобы была возможность выбрать картинку, Но суть в том что, чтобы эта форма добавляла в JS правило где содержится функция для этого класса .style , и чтобы не залезать в js просто редактировать его сразу из формы Чтобы он сам автоматически добавлял то что ему указанно, ну и чтобы сразу добавлял на нужную страницу Можно хотя бы узнать где такое найти, попробую сам изучить это, чтобы намного облегчить себе работу с сайтом. Да даже этот сайт в пример, я ввёл в окошки название страницы и информацию, и он вывел тут блок в котором вся суть, и присвоил ему нужный класс с функциями, Только мне ещё js нужно подключить к этому делу
-
Здравствуйте. Предлагаю свои услуги по верстке PSD макетов в HTML5/CSS3 с использованием несложных скриптов jQuery на основе bootstrap. Чистый, структурированный код. Внедрение различных jQuery плагинов и скриптов. Цена для каждого проекта индивидуальна и зависит от сложности макета и необходимого функционала. По цене со мной всегда можно договориться. Оплата: - WebMoney Интересует долгосрочное сотрудничество. Контакты: email: [email protected] Skype: скидываю в л/с Примеры верстки:
-
На странице есть много картинок, и чтобы сделать предварительную загрузку не комильфо прогонять каждый путь через массив, ибо путей много и вручную это долго. Как можно сделать по другому? Мой вариант будет правильным? При нажатии на маленькое изображение должно появляться большое без загрузки. $('.wrapper img').each(function(){ var att =$(this).attr('src'); var qwe = /(\.\w{3,4}$)/; att=att.replace(qwe,'_q.jpg'); var newI= $('<img src="'+att+'">'); $(this).click(function(){ $('.open').append('newI'); }); });
-
В чём заключается соль такого поведения: если изменить атрибут scr который пустой то плавный переход не происходит Если же в scr уже есть пусть к картинке и его изменить то, плавный переход работает корректно. Нажмите на qwe для сравнения
-
$('div').animate({ transform: 'translateX(400px)' }); Код корректен, но не работает. Как применить анимацию с перемещением блока на 400px?
-
Здравствуйте. Предоставляю услуги по HTML5/CSS3-верстке веб-сайтов с применением JavaScript/jQuery. Верстаю кроссплатформенно (медиазапросы, Bootstrap), кроссбраузерно, валидно . Преимущества: Умеренная (договорная) цена Разумные (договорные) сроки выполнения заказа Всегда на связи Удобная файловая структура готового проекта Имею наглядное портфолио выполненных работ Верстаю сайты разного уровня сложности Заинтересовались? Пишите: Моя почта или [email protected] Skype: romanonishencko И снова ссылка на портфолио >> http://bit.ly/2k9C253 Пара примеров из портфолио:
-
Как задать условия для видимости табов bootstrap 3, при размещении навигации табов в collapse меню?
Drunk_Monkey добавил вопрос в Для начинающих
Добрый день, реализовываю мега меню использую плагины Bootsrap: tabs и collapse ссылка на прототип (codpen) Нужная логика: При клике на родительскую категорию (Одежда, Техника, Для дома) открываются в сайдбаре, ее дочерние категории. — реализовано По клику на дочернюю категорию открывается, в правой колонке, содержимое связанного с дочерней категорией таба — реализовано Подкатегории (Мужская одежда, Женская …) первой родительской категории (Одежда) открыты по умолчанию — реализовано При клике на другую родительскую категорию, открываются ее дочерние и скрываются дочерние категории, предыдущей активной — реализовано При клике на родительскую категорию и открытии ее дочерних должен активироваться таб связанный с первой дочерней категорией — частично реализовано, срабатывает только один раз (при первом клике, на последующих, не срабатывет) При повторном клике на родительскую категорию с открытыми дочерними, дочерние скрываются + скрываться таб связанный с одной из ее дочерних категоий — не реализовано скрытие таба Возникли сложности со скрытием табов (последний пункт списка с логикой) и активацией таба первой дочерней категории, при клике по родительской. Код: $('li.panel').click(function() { $(this).children().find('a:first').tab('show'); Открывает таб первой подкатегории только один раз. Если я на примере кликну по род. категории «Техника», то откроются ее дочерние категории (Смартфоны, Планшеты) и активируется так первой подкатегории (Смартфоны) скриншот, но если если я после этого, к примеру, кликну по другой род. категории «Одежда», а потом снова кликну по категории «Техника», таб связанный с первой дочерней «Смартфоны» не будет активен — скриншот. -
Вот меню:https://jsfiddle.net/b5uma4re/2/ Если на вкладке "О нас" несколько раз наводить и убирать указатель мыши, то подменю будет выезжать несколько раз. Как сделать чтобы подменю реагировало только если указатель находится 500 миллисекунд ? т. е. если указатель продержался 400 миллисекунд и убрался то подменю не появляется.
-
Выпадающий список с автозаполнением, скроллом и вводом своих значений
Melodyn добавил вопрос в Для начинающих
Ёмкость заголовка зашкаливает, так что к сути. 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/ В общем, рыбятки, либо я жёстко туплю, либо ещё чего, но мне кажется, что решение, как истина - где-то рядом. -
Доброго времени суток всем, такая вот у меня смешная проблема... Не получается убрать стрелки и крестик тоже, а вот попробовал padding изменить все получилось, подскажите пожалуйста в чем причина? $container.find('a').fancybox({ 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'speedIn' : 200, 'speedOut' : 200, 'overlayOpacity' : 0.6, 'arrows' : false }); если нужно какой либо еще код скажите, я все добавлю, заранее спасибо.
-
Как применить трансформацию через анимацию 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 разработчик и делаете круто, то высылайте своё портфолио на [email protected] и вместе мы поработаем над интересными проектами Основные требования: Опыт работы в отрасли не менее 2 лет. Знание языков: HTLM, JS, CSS. Знание предпроцессоров LESS/SASS Знание фреймворков: Bootstrap/Foundation Знание библиотек: jquery.js, желательно знание js фреймворков: angular.js/vue.js/node.js Знание сборщиков проектов, таких как: webpack Расположение: Россия > Москва Указанные требования являются предпочтительными. Мы рассмотрим любые предложения, в том числе и варианты удаленного сотрудничества. Занятость/ЗП: Занятость/оплата - проектная с перспективой устройства у нас на фикс. С уважением, команда Freedots.
-
Здравствуйте, ищу работу HTML-верстальщиком (удаленно). Согласен выполнить первые заказы бесплатно что бы доказать себе и вам, что я работоспособен. Пишите мне на почту или в скайп. Скайп: Andrei.Rabotov E-mail: [email protected] Портфолио.docx
-
Задача: При изменении размеров окна элементы должны фейдиться. То есть исчезать с эффектом. я так полагаю, что нужно делать через скрипт. Прошу помощи и мудрого совета.
-
Посередине первого экрана будет кнопка скрола ко второму. Что нужно писать в джиквери, что бы прокрутить вниз на один экран?
-
Есть футер и есть шапка. Футер не фиксированный. Между ними контент. Первый экран контента один большой слайдер. Как его растянуть на всю секцию первого экрана? Шаблон адаптивный. Максимальная ширина контента 1200px. Пробую прикрутить jquery плагины со слайдерами, но как их вытянуть на высоту 100%? Думал через абсолют, но во всех слайдерах чёрт ногу сломит и где-то глубоко в коде скриптом задаются стили и позиционирование. И не факт, что абсолютом заведётся. То есть в итоге задача растянуть по высоте и ширине слайдер или бэкграунд слайдера, что бы он был на всю ширину экрана и резиновый по высоте. Но контент слайдера должен быть максимально по ширине 1200px при этом бэкграунд на всю ширину. Писать свой слайдер как-то не комильфо. Может у кого-то есть идеи или кто-то знает наверняка как это сделать?
-
На странице есть блок, с атрибутом 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.
-
Приветствую Всех! Около пары месяцев изучаю 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 полоски по диагонали? Спасибо)
-
Что я хочу сделать. На странице очень много мелких картинок. При клике на одну из них, открывается модальное окно со слайдером внутри. В слайдере представлены все картинки существующие на странице, при чем первым слайдом будет та картинка, по которой кликнули. Но я завис на очень раннем этапе. Я уверен, что-то похожее уже делали, я не смог найти. Буду благодарен, если ткнете носом. Накидал пример из 3х картинок, но даже в консоли получаю ошибку. Не знаю почему. https://jsfiddle.net/mnu2zL3k/
