Search the Community
Showing results for tags 'jquery'.
-
Привет народ! Я в верстке не силен, но вот как-то наговнокодил что-то вроде этого: www.goodrest.info У меня проблема в следующем: некоторые браузеры , в частности последняя версия Хрома, тормозит неправильно отображая топ меню (посмотрите сами), в опере часом тоже наблюдается, в чем причина такого бага? Я понимаю что сам один сплошной баг, но все же , может кто-то поймет причину? я не пойму...=( Спасибо!
-
Набираем команду разработчиков. Работаем за идею, параллельно расширяем горизонты знаний, наполняем портфолио, обмениваемся опытом и просто общаемся Обсуждаем возникающие идеи, вместе беремся за разработку и продвижение. Зачастую, появляется интересная идея и тухнет из-за отсутствия средств или кол-ва знаний для разработки. Для этого и собираем команду, чтоб не терять такие идеи, а воплощать =) Требуются: Верстальщик - знание или желание изучить Bootstrap приветствуется Веб дизайнер Художник Приветствуются программисты со знаниями: PHP, JS, Jquery, Symfony Заинтересованных, просьба обращаться в скайп: nukduken
-
Друзья, 15 октября в Москве состоится первая международная конференция jQuery Russia, посвященная популярной Javascript библиотеке. В преддверии этого события мы (ITmozg.ru) готовим интервью с руководителями JQuery Foundation, один из которых - Dave Methvin, разработчик ядра jQuery - будет главным спикером конференции. Все желающие могут присоединиться и задать свой вопрос, посвященный jQuery! Воспользуйтесь возможностью спросить о выходе новой версии jQuery, о прошедших и предстоящих конференциях JQuery, о будущем развитии библиотеки и обо всем, что вам интересно или будет полезно в работе. Задать вопрос!
-
jQuery на событие submit формы генерирует событие клик для submit
AlOshka posted a question in HTML Coding
Всем привет! Такое дело, есть фидл. В чём его суть. Если нажать на кнопку, чтобы отправить форму, то получим всё как и задумано - сперва сообщение 'click!, затем 'submit!'. Но вот если поставить курсор в тектовое поле и жамкнуть по enter'у, то алерты вылезут те же и в том же порядке! Т.е. по кнопке мы не нажимали, а просто засабмитили форму по enter'у, но jquery всё-равно генерирует событие 'click' для кнопки 'submit'. На хрена он это делает?? Как заставить его не страдать такой фигнёй? -
Здравствуйте уважаемые форумчане. Подскажите, пожалуйста, есть слайдер у него есть желтая подложка под серым фоном (web programming, mobile programming, DESIGN), смена слайдов происходит после наведения курсора на стрелки перетаскивание мышкой влево-вправо, и также при нажатии. Вот такой функционал http://attractgroup.com/ru/index У меня задача сделать такой же, только не юзать код из этого сайта. Может кто-то сталкивался с подобным в инете? Я гуглил, но готовый не находил, а клепать с 2х скриптов не лучший вариант, наверняка есть подобный, просто может с другой подложклой, это уже не беда, в стилях можно переделать. З.Ы. пока что сделан вариант: при нажатии меняются, а подложки нет. З.Ы.Ы. если что пишите в аську - 450236182, скайп - konstantinskiy, с меня печеньки
-
Здравствуйте, дорогие поситители форума Как сделать чтоб при клике на один из блоков подгружалсо контент, или в моем случае блок с фильтром. http://vitaliy-dyblyuk.ru/projects/5project_avto_schyny/www/index.html то есть при клике на подбор по шинам, подбор по авто и так далие. Должно происходит следуещие: 1) Должен менятсо фон 2) Должен подгружатсо другой блок с контентом но он в начале должен быть не видным. Жду откликов С уважением Виталий
-
Собственно, нужно скрыть сайдбар после того, как страницу проскроллили. Как в группах ВКонтакте. Сделал свою версию. Все, конечно, хорошо, но при резкой прокрутке от и до сайдбара к контент-части не добавляется margin-right. <script type="text/javascript"> a = $('.acont').offset().top + $('.acont').height() + 75; $(window).scroll(function(){ if($(this).scrollTop() > a){$('.acont').hide(300,function(){$('.scont').css('margin-right',0);});} else {$('.scont').css('margin-right','225px');$('.acont').show(300);} }); </script> Ссылка на демо: Ссылка
-
Имеется вот такой плеер http://jsfiddle.net/...active/YwfLf/7/ Мне нужно было разделить каждый трек в свой класс music, но сделав это перестали работать клавиши переключений треков(стрелочки вверх вниз), я знаю что можно сделать переключение методом отбора по id, но у меня нет знаний чтобы это реализовать, еле как сделал закрытие плеера..... прошу вас помоч
-
Всем привет! Только недавно попробовал хоть чуть-чуть освоить Javascript в результате чего родил вот такой вот сайт: http://www.gvadesign.ru С горем пополам подключил туда два плагина. Один - не безызвестный PrettyPhoto (по нажатии на блок, тот разворачевается во всплывающем окне) и второй - сортировку работ (вот плагин: http://codecanyon.ne...-plugin/2669205) И вот, собственно, затык. Как вы можете наблюдать на сайте, когда нажимаем на одну из работ, срабатывает PrettyPhoto и картинка раскрывается во всплывающем окне. Но если воспользуемся фильтром (нажмите, например, "графический дизайн"), PrettyPhoto работать перестанет и работа окроется в своем окне (в случае, например, ссылки на YouTube (в разделе "Видео") произойдет переход на сам портал) Как сделать так, чтоб скрипт с PrettyPhoto отрабатывал нормально как до фильтра, так и после? Учитывая, что я с диким скрипом вообще их еле-еле запихал, то с этой проблемой даж не пойму, где концы искать...
- 3 replies
-
- pretty photo
- jquery
-
(and 4 more)
Tagged with:
-
Смотрел курс по jQuery от tuts+ и там оборачивали код в такую конструкцию: (function() { /* код */ })(); Перевести речь не смог, а текста к этому уроку не было. Также встретил это в уроке по созданию таймера здесь. Скажите, пожалуйста, чем эта конструкция отличается от кода без ее присутствия? В инете нигде на нашел про это информацию, а если где-то и есть такое, то записывается как очевидное и не поясняется.
-
Не работает mootools, c jquery работает <script type="text/javascript"> function show_payment_form(name) { var pays = new Array( 'rupay','yandex','egold','paypal','wm' ); var fx = new Array(); for( i=0; i<pays.length; i++ ) { if( pays[i] != name ) { fx[i] = new Fx.Style( name, 'opacity' ).set(0); $(pays[i]).setStyle( 'display', 'none' ); } else { $(pays[i]).setStyle( 'display', '' ); fx[i] = new Fx.Style( name, 'opacity' ).start(0,1); } } } </script> - Код взят от J1.5 Как заставить этот код работать в J2.5 - J3.0?
-
Собственно, если кому будет интересно, не сколько ради оценки, сколько для поделиться опытом ... Проект Mindstages, написанный за полтора месяца вдвоем для создания презентаций в режиме онлайн. То есть, идея была следующей: У пользователя есть фиктивно неограниченный монтажный стол, который помогает разложить какие-то объекты на плоскости, сделать для них расшифровку, задать анимацию и сохранить все на сервере. Любой человек может посмотреть онлайн перзентацию. Timeline несколько урезан в связи с тем, что отрефакторить игрушечку мы не успели. На проекте использован хардкорный JS, jQuery и Canvas. jQuery нас подвел т.к. есть много багов, которые просто так не заметны и выползают из версии в версию. Данные планировалось передавать c помощью web-sockets, а сервеная часть в основном сделана на Nodo.JS( извините, выложить не могу ) ... В целом можете забрать сорцы и поиграться с начинкой вот тут. Вообще мы могли уработать Adobe через пару лет, но у нас не было подходящего финансирования и команды. Поднято много опыта, понято много интересного( user exp, ui design, серьезные программы, данные, HTML и JS, будущее и реалии ) ...
-
Привет, сообщники! Подскажите пожалуйста как заставить элемент прокручиваться вместе со страницей, но до определенного момента, например до верха. И чтобы он там оставался в фиксированном положении?? Может быть какой скриптик есть Заранее большое спасибо!
-
На http://red-book-cms....-bootstrap.html увидел пример модального окна. Но при клике на оверлей окно закрывается. Автор не отвечает уже 2 недели. Может кто подсказать? Начало: <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="http://yandex.st/jquery/1.8.3/jquery.min.js"></script> <script src="js/bootstrap-transition.js"></script> <script src="js/bootstrap-modal.js"></script> Конец: <!-- Кнопка по нажатию на которую будет показано окно: --> <a data-toggle="modal" data-target="#mayoOkno" class="btn btn-primary">Показать модальное окно!</a> <!-- Модальное окно: --> <div id="mayoOkno" class="modal hide fade" tabindex="-1" role="dialog"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> ×</button> <h3>Заголовок модального окна</h3> </div> <div class="modal-body"> <!-- Содержимое модального окна[...] --> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal">Закрыть</button> <button class="btn btn-primary">Просто кнопка</button> </div> </div>
-
Друзья, как сделать так, как реализовано на сайте apple http://www.apple.com/ru/osx/server/ Под картинкой 2 кнопки, "клиент" и "сервер", при нажатии на них меняется картинка. Пробовал сам, получилось вот так http://jsfiddle.net/Ftfhb/9/ . Но как-то коряво
-
Всем привет. Помогите, пожалуйста, правильно установить скрипт «обратного звонка» CallMe на Drupal 6. Нашёл рабочую инструкцию для семёрки, она звучит примерно так: скачать скрипт, распаковать его в корень сайта и корень темы; в *.info файле темы прописать scripts[] = callme/js/callme.js; установить jQuery update и в настройках выставить версию 1.7; очистить кэш. Однако для шестёрки эта инструкция не подходит. Хотя бы потому, что jQuery Update для D6 максимум версии 1.3.2, и с ней скрипт работать не будет. Если же в *.info-файле или в шаблоне (page.tpl.php) темы, помимо самого скрипта, подключить jquery.js, который поставляется вместе с ним, то «обратный звонок» начинает работать, НО любой процесс, который Drupal выполняет на странице вида /batch?op=start&id= (например, проверка ссылок с помощью модуля Link checker) после этого зависает. То есть вообще не выполняется, просто останавливается сразу после запуска с бесконечно бегающим прогресс-баром. Итоги имеем: Либо работающие процессы /batch?op=start&id=. Либо работающий скрипт CallMe. Как, блин, заставить работать всё сразу?
-
Здравствуйте, уважаемые знатоки верстки. У меня вопрос такой: как можно реализовать шаблон с фиксированной шириной, чтобы при увеличении масштаба элементы на странице (div-ы) у которых задана ширина, не выходили за окно монитора - без нижней полосы прокрутки. Вот пример реализации http://digital.redsign.ru/, ширина задана фиксированная 1120px, но мастабируется без проблем, а также левые баннеры скрываются, для более удобного просмотра. Если кто знает, прошу помочь. Также требуется опытный верстальщик для удаленной работы.
-
Здравйствуйте ! у меня возникла проблема ! Я вставил слайдер и картинки все хорошо по задумке нужно кнопки вставить под слайдер ! а сейчас кнопки навигации на слайдере ! я вписал z-index: -5 кнопки встали нормально только вот они потеряли ссылки ! незнаю как исправить чтоб и кпонки были снизу и ссылками они были! вот код слайдера /* * jQuery FlexSlider v1.0 (Release) * http://flex.madebymufffin.com * * Copyright 2011, Tyler Smith * Free to use under the MIT license. * http://www.opensourc...mit-license.php */ /* Необходимые стили для FlexSlider *********************************/ .flexslider { height: 302px; width: 901px; margin: 0; padding: 0; position: relative; } .flexslider .slides li {display: none; list-style-type:none;} /* Скрываем слайды доя загрузки JS. Избегаем дергания изображений */ .flexslider .slides img { height: 302px; width: 901px; display: block; position: relative; right: 0; } /* Тема по умолчанию для FlexSlider *********************************/ .flexslider {} .flexslider .slides li {position: relative;} /* Стиль заголовков */ .flex-caption {width: 849px; padding: 3%; position: absolute; right: 0; bottom: -20px; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 15px; line-height: 18px; overflow:hidden; } /* Навигация */ .flex-direction-nav li a { height: 94px; width: 94px; display: block; } .flex-direction-nav li a.next { background: url(theme/right.png) no-repeat 0 0; position:absolute; top: 100px; left: 860px; } .flex-direction-nav li a.prev { background: url(theme/left.png) no-repeat 0 0; position:absolute; top: 100px; right:860px; z-index:-5; } .flex-direction-nav { list-style-type:none;} вот код style.css /* Theme Name: plus Theme URI: Description: r plus Version: 1.0 Author: Author URI: */ /* Css Document */ * {padding: 0; margin: 0} body { background: #fff; font-family: Arial, Verdana, sans-serif } /*——————————-header———————————*/ .header { background: #fff; width: 901px; margin: 0 auto } .header-top { height: 108px; width: auto } .logo { height: 85px; width: 221px; float: left; padding: 8px 0 17px 0 } .contacts { height: 108px; width: 635px; float: right } .contacts-first span{ font-family: "Arial black", sans-serif; font-size: 11px; font-weight: bold; padding: 19px 40px 0 0; color: #1a1a1a; float: left } .contacts-first span h1{ font-family: arial, regular, sans-serif; font-weight: normal; font-size: 40px; color: #808080 } .contacts-last { position: relative; top:16px; left:35px } .contacts-last ul li { list-style-type:none; line-height: 15px } .contacts-last ul li span { font-family: arial, sans-serif; font-size: 11px } .contacts-last ul li span a{ font-family: arial, sans-serif; font-size: 11px; color:#009245; text-decoration:underline } .contacts-last ul li span a:hover{ font-family: arial, sans-serif; font-size: 11px; color:#009245; text-decoration: none; } .contacts-last ul li a { font-family: arial, sans-serif; font-size: 18px; color: #009245; list-style-type: none; line-height: 20px; text-decoration:none } /*——————————-menu-nav——————————--*/ .menu { background: red; height: 39px; padding: 2px 0 0 0; margin: 0 0 20px 0 } .menu ul li { float:left; list-style-type:none; padding: 0 10px } /*——————————menu-end———————————*/ .slider { width: 901px; height: 302px; position:relative; margin: 0 auto; background: white; -webkit-box-shadow:0 1px 4px #818181; -moz-box-shadow:0 1px 4px #818181; box-shadow:0 1px 4px #818181; } .slider:before, .slider:after { content:""; position:absolute; z-index:-2; } .slider:before { top:10px; bottom:10px; left:0; right:0; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-box-shadow:0 0 15px rgba(0,0,0,0.6); box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-border-radius:10px / 100px; border-radius:10px / 100px; } .slider-fon { position:absolute; top:240px; background-color:white; width:100%; height:62px; opacity:0.8; filter:alpha(opacity=80); } .slider-text { position:absolute; top:243px; left:19px; width:100%; color:black; text-align:center; padding: 9px 0 }
- 2 replies
-
- slider
- FlexSlider v1.0
-
(and 1 more)
Tagged with:
-
Кто-то встречал похожий переключатель?
-
Здравствуйте, подскажите есть ли какой-то jquery range плагин что бы наиболее подходил для такой задачи? Или по какому запросу искать в гугле? Это же не обычный range.
-
Здравствуйте. Хочу спросить у опытных разработчиков, есть ли аналоги данной карусели(или слайдера, не знаю, как правильно это назвать) или более менее похожее на это - http://www.citroen.ua/home/#/home/, только реализованной не на флеше? Если есть дайте пжл ссылку или название плагина. За ранее благодарен.
-
Только сегодня начал юзать jQuery и не могу понять ошибку, помогите, вот простой пример: $(document).ready(function() { $.alert('Zhuk Vitaliy') }); Google Chrome пишет такую вот ошибку: "uncaught syntaxerror unexpected token illegal" Что делать господа, помогите
-
Здравствуйте! Столкнулся со следующей проблемой. Работаю с фреймворком bootstrap, его силами создается модальное окно, которое вызывается следующей ссылкой: <a href="order.php?id={$ser_id}" data-toggle="modal" data-target="#zakaz">Заказать кондиционер</a> При этом bootstrap подгружает в модальное окно содержимое файла order.php с нужным результатом, который меняется в зависимости от $ser_id. Проблема в том, что таких ссылок на странице несколько, у всех разный $ser_id. И соответственно результат работы файла order.php тоже разный. Но модальное окно открывается старое, с первым результатом работы. Обновляется оно только при обновлении страницы. Как это починить? Т.е. после закрытия модального окна его надо уничтожить, чтобы при новом вызове оно сгенерировалось заново.
-
<script type="text/javascript"> jQuery(document).ready(function($){ var select = $('a[href$=".bmp"],a[href$=".gif"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".BMP"],a[href$=".GIF"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".PNG"]'); select.attr('class', 'rlightbox'); $( ".rlightbox" ).rlightbox(); }); </script> Вот линк на то о чем я говорю - http://berezovsky.org.ua/wptvk/ Сайт пашет на вордпрессе, этот код я дернул из плагина fancybox он насколько я понимаю автоматом добавляет к изображениям класс - rlightbox в моем случае. То есть раньше там был другой класс собсно фансибокса, этот класс .rlightbox нужен в моей карусели (шоб она горела синим пламенем). Все работает нормально) изображения открываются во всплывающем окне, но почему-то нет перехода от одного изображения к следующему (даже если я вставил галерею..) Конечно в плагине FancyBox есть переход от одного изображения к другому... но он падла нарушает мою карусель) Может как-то можно исправить этот код который добавляет класс? или я туплю и дело вовсе не в нем? :-) Благодарю за помощь...