Search the Community
Showing results for tags 'jquery'.
-
Снова приветствую обитателей форума. Оцените, пожалуйста, мою вторую верстку: http://exteriordesign.besaba.com/ Буду рад получить как можно больше замечаний и советов от опытных специалистов.
-
Вот основная тема: http://demiart.ru/forum/index.php?showtopic=233970 Добрый день. Ищу исполнителя для следующей работы. _ ТЗ _Заказчик занимается электромонтажными работами. Ему необходим сайт описывающий несколько услуг, конкретно сборка электрощитов и продажа комплектующих для электрощитов. Карта сайта: Главная, Услуги, Галерея, Информация, Контакты Сайт должен быть написан на HTML. Код должен быть аккуратным и нормально читаться (мне потом его обслуживать)). При отсутствии основных и значимых элементов в коде, разговор дальше не ведем. (К примеру отсутствие - доктайпа, исключает продолжение работы с таким исполнителем)CSS обязателен, никаких стилей в теле самого сайта. Галерея должна быть выполнена на быстром и легком скрипте. Сайт не должен растягиваться в ширину. Фиксированная ширина, к примеру - 980 px. Цветовая гамма: белая подложка, серые тона или черная графика. Возможно исполнение с какими-то техническими графиками, схемами, планами. То есть должно быть понятно, что это технический сайт. Не нужно рюшечек, радуг и прочей красоты. Контора называется "Электробокс", видел у них валяется эскиз логотипа: коробка с шнуром и вилкой, но как понял четкого понимания на данный момент нет как это будет выглядеть.___ Бюджет : В данной работе, самое геморное, это придумать дизайн-оформление, поэтому не исключаю привлечение дизайнера, а далее это банальная визитка в 5 страниц. Стоимость работы предлагает мастер. Деньги не мои, если понравиться заказчику то он волен оплатить любой счет. +Возможно логотип и прочая стилистика.___ Варианты, примеры, вопросы и тд, можно присылать сразу заказчику elbox.su(собака)gmail.com, но все технические вопросы лучше - писать мне в личку, или оставляйте тут. Регион - Москва, оплата электронно.
-
Проблема в том что анимация работает только на первом списке li, как мне сделать так чтоб она работала на всем списке? Демо
-
Ребята, подскажите, пожалуйста, как реализовать подобный прогрессбар?
-
Прошу помощи 1. Есть слайдер, который через определенное время присваивает класс .active текущему слайду (всего 3 слайда). 2. Есть 3 других блока, которые находятся за пределами слайдера. Нужно: Чтобы одновременно с присвоением класса .active слайдеру, такой же класс присваивался соответствующему по позиции блоку который находится за пределами слайдера.
-
Ищем хорошего верстальщика в команду. Мы - это htdt.ru . Вакансия с подробностями и тестовым заданием на хантим: http://hantim.ru/jobs/22684-html-css-javascript-verstalschik Желательно в штат, но если понравишься - возможна и удаленка.
-
Всем привет, у меня такой трабл возник. Задумал сделать анимацию css свойства box-shadow. Задуманно так. Сначала свойство blur должно уменьшаться, потом обратно увеличиваться и так в цикле. Но к сожалению ничего не работает. Вот код http://jsbin.com/ApUbIRE/5/edit Помогите разобраться почему нее работает
-
Полдня бьюсь, не могу понять, как настроить свои сообщения об ошибках в этом валидаторе. http://jaymorrow.github.io/validatr/ $.validatr.messages = {...} Полностью игнорируется, выводятся сообщения по-умолчанию браузера. В Фаерфоксе по-английски, в хроме по-русски, в опере возвращается пустая строка. Выкопал, что присвоение ошибка происходит вот в этом коде var target = e.target, $target = $(target), options = this.options, msg = target.getAttribute('message') || $.data(target, 'validationMessage'), // msg = $.data(target, 'validationMessage'), error = $(this.template.replace('{{message}}', msg));Ну а дальше что-то раскопать не получается. В оф. документации ничего по этому поводу нет.
-
<html> <body> <header> <div id="" class="right_link"> отменить операцию и вернуться на <a href="#">главную страницу</a> </div> </header><br><br><hr><form class="form-horizontal" action="#"> <h3>Форма предварительного технического задания</h3> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam <div class="control-group"> <label class="control-label" for="inputName">Ваше имя и фамилия:</label> <div class="controls"> <input style="margin-left:2em" type="text" id="inputName" placeholder="Имя" class="span2"> <input type="text" id="inputName2" placeholder="Фамилия" class="span2"> </div> </div> <div class="control-group"> <label class="control-label" for="inputTel">Контактный телефон:</label> <div class="controls"> <input type="text" id="inputTel" placeholder="+7 123 4567890" class="span4"> </div> </div> <div class="control-group"> <label class="control-label" for="inputEmail">Ваш email дрес:</label> <div class="controls"> <input type="text" name="inputEmail" placeholder="email" class="span4"> </div> </div> <div class="wrapper"> <div class="content"> <div class="control-group"> <label class="control-label" for="inputMessenger"> Дополнительно: </label> <div class="controls" name="inputMessenger"> <div class="param"> <select class="span2" name="sel_mess"> <option>skype</option> <option>icq</option> <option>fax</option> </select> <input type="text" name="messenger" placeholder="Мессенджер" class="span2" > <input type="button" value="+" id="form_status_added"> </div> </div> </div> </div> <div class="control-group"> <label class="control-label" for="input_project_name">Название проекта:</label> <div class="controls"> <input type="text" name="input_project_name" placeholder="Введите название" class="span4"> </div> </div> <div class="control-group"> <label class="control-label" for="input_site_address">Адрес сайта:</label> <div class="controls"> <input type="text" name="input_site_address" placeholder="Введите адрес" class="span4"> </div> </div> <div class="control-group"> <label class="control-label" for="type_of_project">Тип проекта:</label> <div class="controls" name="type_of_project"> <select class="span4"> <option>Сайт - визитка</option> <option>Интернет - магазин</option> <option>Другое</option> </div> </div></form> </body><script> $(function() { $("#form_year_added").on("click",function () { var number_year = $("#form_year_number").text() -1; $("#form_year_number").html(number_year); $("<div class='param'><label for='year_" + number_year + "'>" + number_year + " год</label> <input type='text' id='year_" + number_year + "' name='year[]'></div>" ).appendTo( ".list_year" ); }) $("#form_status_added").click(function () { $("<div class='param'><select class='span2' name='sel_mess'><option>skype</option><option>icq</option><option>fax</option></select><input type='text' name='messenger' placeholder='Мессенджер' class='span2'></div>" ).insertBefore("#form_status_added"); }) }); </script></html> C уважением, Морозов Юрий.
-
Сверстать такое мне не проблема, как можно стилизовать jquery плагин и какой лучше выбрать? это пример что надо реализовать. Думаю не только мне пригодится такое
-
Добрый день! Подскажите пожалуйста слайдер, который бы работал по следующему принципу: - Есть некий блок с "Новинками" товаров - У каждого товара (внутреннего блока) задана фиксированная ширина (в px) - При уменьшении окна браузера, если то количество товаров, которое было показано первоначально, не влезает в родительский блок, то добавляется еще один слайд (кнопка слайдера), а количество товаров соответственно уменьшается (отступы между блоками товаров должен автоматически выровниться по ширине. Чтобы понять, как это должно работать, можно обратиться к рисунку:
-
Доброго времени суток. Предлагаю свои услуги по направлениям: - верстка макетов (html5,css3,js; кроссбраузерно, валидно); - верстка + адаптация под Wordpress ( верстка + реализация темы WP с требуемым функционалом, кроме интернет-магазинов); - редактирование готовых тем WP. Портфолио Связаться со мной: icq: 400222421 skype: sun_ray_ e-mail: lugovaya.alyona @ gmail.com Цены и сроки зависят от поставленных задач.
-
Есть скрипт здесь Работает на JQuery v1.9.1 Пробовал его JQuery 1.10.2 и JQuery 2.0.3 Не работает, что делать в принципе прочёл что надо что-то править для Обновление JQuery 1.9 <script src="http://code.jquery.com/jquery-1.9.0.js"> </script> <script src="http://code.jquery.com/jquery-migrate-1.0.0.js"> </script> А для JQuery 2.0 <script src="http://code.jquery.com/jquery-2.0.0.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.1.1.js"></script> Что надо делать и что править, кто знает?
-
Здравствуйте Есть такой код: <div class="blok"> <div>Здесь текст</div> <div>Здесь текст</div> <div>Здесь текст</div> <div>Здесь текст</div> </div> Как на jquery посчитать количество div'ов в div class="blok"?
-
Главный вопрос этого топика не как СДЕЛАТЬ, а как ДЕЛАТЬ. Понимаю, что каждый может поступать по-своему, как ему удобнее, но все-же хотелось послушать мнения разных людей Итак. Как на любом сайте я планирую форму добавления/редактирования записей. Хочу, чтобы она появлялась в плавающем div. Есть два варианта 1) форма уже загружена на странице, на которой есть ссылка на добавление записи. Одна страница, значит может иметь несколько таких загруженных и скрытых форм. Плюсы: форма отображается сразу, не нужно время на загрузку. Минусы: страница может содержать данные. которые не потребуются, что немного замедляет загрузку. 2) форма загружается по ajax. Плюсы: не грузятся не нужные данные. Так как форма генерируется на сервере, могут быть заполнены некоторые поля.(Что важно при редактировании) Минусы: нужно время на загрузку. Дальше Обработчик формы. Тоже есть варианты 1) сделать, например, таким: http://mysite.ru/blogs/adblog/somevar 2) или http://mysite.ru/blogs/adblog а, somevar втолкнуть в какой-нить скрытый <input> Сама ссылка для добавления <!DOCTYPE html> <html> <head> <title>JS Bin</title> </head> <body> <script type='text/javascript'> function hclick(hlink) { alert (hlink.href); // естественно здесь процедура подгузки/показа формы и т.д. } </script> <a href='http://site.ru/sitepart/addcomment/some-id' onclick='hclick(this);return false;'>link1</a> </body> </html> Вот тут я смутно представляю, как можно сделать по-другому. (т.е. чтобы обрабатывался клик по ссылке через Джаву скипт. Плюс, как на меня в том, что пользователь видит куда идет ссылка (внизу в браузере), а что она откроется в плавающем div а не в новой вкладке, думаю беспокоить не будут. Все, же лично мне, когда я навожу на ссылку внизу вижу "javascript:void()" это не особо нравится. Валидация для каждой (или почти каждой) формы должна быть валидация на стороне клиента (или это далеко не обязательно?) Если да, то возле каждой формы должно быть что-то типа <div class="form"> <script> $(document).ready( function(){ $('#someform').addvalidator( 'name' : 'required', 'useremai' : array('email', 'required') ); }); </script> <form id='someform'> <!-- Form data --> </div> Если форма грузиться по ajax? Должен грузиться весь участок кода. или: правила заспределятся в JSON, а клиентский скрипт из данных JSON выделяет правила (которые помещаются в пустышку) и саму форму, которая и помещается в плавающий div Ну пока все. думаю вопросы будут еще по ходу. Конечно, я бы мог посмотреть некоторые готовые решения (я так и делаю иногда) но не факт, что там будет хорошо сделано. А иногда там так запутано все, что не распутать. Буду благодарен за советы или наводки на "правильные" решения.
-
Недавно узнал про сервис jsbin.com . Посмотрел. Понравилось. Только вот не могу понять: в видеотуториале открывают какую-то консоль и с помощью команд настраивают внешний вид и добавляют свои библиотеки. Насколько я понял, у автора видеотуториалов Хром. А что за консоль? В фаерфоксе есть что-то похожее? В фаербуге не нашел как вводить команды. Можете подсказать? Вижу тут людей много пользуются этим сервисом, должен хоть кто-то знать.
-
Добрый день. Помогите новичку, пожалуйста. Я в самом начале изучения Javascript вообще и JQuery в частности. Поэтому сам пока не могу осилить. Итак: На сайте есть div с id="info". Внутри дива параграф p с каким-то текстом. Задача, показать этот div пользователю при просмотре сайта с возможностью его закрыть. Если div был закрыт кликом или тапом по иконке сокрытия, больше этот div пользователю не показывать в течении года или до изменения текста внутри параграфа. Если я правильно всё понимаю, то это выглядит примерно так: Когда пользователь кликает или тапает на иконку закрытия, JQuery добавляет этому диву класс hide, а плагин JQuery Cookies добавляет кукис со значением = содержимому параграфа. Когда пользователь переходит на другую страницу или перезагружает браузер, функция проверяет наличие и содержание кукиса, и если он есть и совпадает с существующим текстом, то div получает класс hide, в противном случае, всё начинается с начала. Помогите. Как оформить это в код. Заранее благодарен.
-
Показ/скрытие попапов по клику на контрол и скрытие попапов по клику вне их
konfuji posted a question in JavaScript
Возникла задача сделать на странице всплывающие окна со следующими условиями: — одновременно на странице должен показываться только один попап; — при клике вне открытого попапа, тот должен закрыться. Реализовал вот так: http://jsfiddle.net/a7z6S/2/ Опыта в JS совсем немного, поэтому объясните, пожалуйста что сделал не так. -
Здравствуйте! Предлагаю услуги по вёрстке сайтов из PSD в HTML4 / HTML5, CSS2 / CSS3, подключение jquery-плагинов. В общей сложности занимаюсь этим уже 3 года. Имею большой опыт кроссбраузерной, валидной верстки с соблюдением семантичности. Некоторые из работ: - http://financemaster.lt - http://drupaloutsourcing.com/ - http://qublive.us.to/ - http://smartdoc.com.ua/ - http://www.prodam-auto.com.ua/ - http://soft-group.com Связаться со мной можно: skype: stompeg e-mail: stompeg.yalta@gmail.com icq: 275 545 732 В Skype и Email бываю чаще. По ценам: главная = от $40 внутренние = от $15 Пишите и вы не пожалеете! Работу сдаю в срок.
-
Jquery, Последовательное выполнение функций разных div в одном скрипте.
SCHNITZER posted a question in JavaScript
Идея простая. Есть блок, id=’animation_block’. В нем находятся четыре div-а, с display:none. Эти блоки имеют id: im1, im2, im3, im4. В каждом своя текстура. Я хочу, что бы они плавно появлялись и исчезали по очереди, и так по кругу. Как я себе представляю код: <script type="text/javascript"> $(document).ready(function () { setInterval(function () { $('#im1').fadeIn(1000).fadeOut(400); $('#im2').fadeIn(1000).fadeOut(400); $('#im3').fadeIn(1000).fadeOut(400); $('#im4').fadeIn(1000).fadeOut(400);}, 0); }); </script> Но анимация происходит не последовательно, а вместе. Знаю, как решить вопрос setTimeout, но хотелось бы без этого обойтись. Помогите, пжлста! Хотелось бы реализовать именно на jQuery, в JS полный чайник. Пытался сделать с queue, бился несколько часов, безуспешно (queue могла помочь?). Заранее, спасибо! -
Помогите, проблема в скрипте. Сам не могу разобраться.
alex_stepanow posted a question in JavaScript
Вот в чем проблема: есть скрипт галереи с разбивкой на страницы. Разбивает по 8 фотографий на 1 страницу. Но после 6 страницы не показывает фотографии. Не знаю как это исправить. Буду очень признателен, если кто-то поможет. Вот код списка фотографий: <div id="allItems">Количество товаров:<span class="productsCount">0</span></div> <div id="fullImage"> </div> <ul id="gallery-list"> <li><img src="images/1.jpg" style="width: 239px; height: 305px;" /><span class="description">Название1</span></li> <li><img src="images/2.jpg" style="width: 239px; height: 305px;" /><span class="description">Название2</span></li> <li><img src="images/3.jpg" style="width: 239px; height: 305px;" /><span class="description">Название3</span></li> <li><img src="images/4.jpg" style="width: 239px; height: 305px;" /><span class="description">Название4</span></li> <li><img src="images/5.jpg" style="width: 239px; height: 305px;" /><span class="description">Название5</span></li> </ul> <div class="pagination"> <div class="links"> </div> </div> Вот ссылка на скрипт: http://alexstepanow.ho.ua/js/gallery.js Вот ссылка на "рабочий" код и скрипт: http://www.fabrikafutbolok.com/gallery -
Здравствуйте. Прошу помочь со следующей проблемой. Есть скрытая контактная форма (display:none), которая становиться видимой и всплывает с помощью jQuery при нажатии кнопки "Заказать". На сайте несколько таких кнопок, все работает хорошо. Однако есть и несколько кнопок "Подробнее", при нажатии которых всплывает div, состоящий из двух div'ов - слева текстовое описание, а справа должна быть эта же форма. Важно, что бы там была именно та же самая форма, с тем же id и теми же name-атрибутами для полей - это нужно для верификации. Так вот, вопрос - как ее туда вызывать? Раньше я просто несколько раз прописывал в каждое такое окно новую форму, однако когда дошло до варификации с помощью jquery.validate оказалось, что этот плагин не рассчитан для работы с несколькими формами - заставить его, конечно, можно, однако нужно плясать с бубном, а я в jQuery пока не настолько силен. Другими словами можно сказать, что при нажатии кнопки "Подробнее" должно происходить то же, что и при нажатии кнопки "Заказать" плюс еще вызывался дополнительный div с описанием. Спасибо.
-
Доброго времени суток. Вопрос следующий: есть сайт, нужно для него меню сделать горизонтальное- на 3-4 пункта меню, меню будет находиться прям в верхнем правом углу, задача: сделать так что-бы при прокрутке сайта вниз эта менюха так и оставалась вверху. Подскажите что вообще для этого использовать- jQuery или Javascript -я просто по ветке дизайнера развиваюсь и в технической части слаб и только осваиваю её. Спасибо за внимание, всем бобра)
-
Наверняка история не нова и у кого-то есть решение... подключен jQuery от гугла - https://ajax.googlea...2/jquery.min.js простецкая функция jQuery(document).ready(function(){ jQuery('#dreamod').on('click',function(){ jQuery('#menu').css('display', 'block'); }); }); На айпаде "тупит", срабатывает с задержкой в 2-3 секунды. В тоже время на старом убитом смарте (ведро 2.3) скрипт отрабатывается как на писишнике, т.е. мгновенно. Как бороться?
-
Предположим, есть 2 блока с фонами, которые "не скроллятся" и которые расположены на разных концах страницы: http://jsbin.com/ecahoj/6/edit Первый блок ведет себя просто великолепно, но со вторым такого не прокатит. Как решить данную проблему? Для наглядности, можно убрать в css no-repeat для фонов, тогда получится приблизительно нужный результат, но так дела не делаются
