Search the Community

Приветствую камрады! Появилась у меня задачка: необходимо скопировать часть html кода сгенерированного у пользователя на странице сайта и передать на сервер. Интересующий код является сторонним виджетом js с использованием jquery. Есть ли какая либо возможность скопировать исходный код виджета у пользователя? Можно по запросу разрешения у пользователя. Лично сам рассматриваю примерно такой вариант: Пользователю предлагается форма копирования, в которой находится виджет. Пользователь его копирует в свободную форму и отправляет на сервер. Как этот процесс можно реализовать?

Доброе утро, не подключается скрип, все делаю по инструкции, но не работает((( подскажите в чем может быт ошибка, я предполагаю, что не правильно прописываю этот скрипт <script>$(document).ready() ({ $('.bxslider').bxSlider({ pagerCustom: '#bx-pager'}); });</script>ссылка моего слайдера http://sport.teslalight.com.ua/index-slider.html скачал отсюда http://bxslider.com/examples/thumbnail-pager-1

Основные навыки: HTML5 + CSS3Нарезка всех картинок в один спрайт, уменьшение нагрузки на серверJavaScript любой сложности, фреймворк jQueryАдаптивная, резиновая, фиксированная версткаЧистый, рукописный кодБраузеры: IE8+, FF16+, Opera10.5+, ChromeПо пиксельная версткаВерстка по идеологии BEMСоблюдение сроковпортфолио на фрилансе

Всем привет. Понадобилось сделать вот такую штуку: http://cl.ly/image/462m0n0Z1M0F. То есть нужно, чтобы текущий элемент был выше всех, а два соседних, соответственно, пониже. Естественно, всё это должно анимированно происходить. Также нужно, чтобы это нормально работало по бесконечному кругу, т.к. с несколькими плагинами я почти добился похожего поведения, но у всех одна беда — в определённый момент карусель обновляется и всё перестаёт работать, как нужно. Может, видел кто-то именно такой плагин? Или реализацию в каком-нибудь из популярных существующих (bxSlider, owlCarousel и т.д.)?

Доброго времени суток, уважаемые форумчане! Подскажите пожалуйста, не могу понять, что не так с jQuery jplayer. При загрузке страницы в Хроме бесконечная обработка запроса, если обновить страницу в консольке наблюдаю ошибку 403. Права доступа к файлам 0644, пути прописаны правильно, что не так? audiorussia.com Код: $("#jquery_jplayer_1").jPlayer({ ready: function () { $(this).jPlayer("setMedia", { oga: "/audio/1.ogg", mp3: "/audio/1.mp3" }); }, swfPath: "/js", supplied: "oga, mp3", play: function() { $(this).jPlayer("pauseOthers"); }, wmode: "window", smoothPlayBar: true, keyEnabled: true});

День добрый, коллеги ! Вопрос такой: Есть , при загрузке страницы, <div> со свойством display: none, в котором собственно, есть форма с CKeditor-ом. Когда я этот div показываю, через функцию show() CK Editor в нем есть, но он неактивен (кнопки на панели нажимаются, но текст ввести никакой нельзя) Подобную проблему нануглил только тут , но теме уже 4 года, и разумеется, оно не помогло. Кто то с таким сталкивался ??? UPD: пытался прикрутить еще пару-тройку wysiwyg редакторов - проблема та же самая

Подскажите плагин на подобии wow.js, но только чтобы анимация откатывалась при обратной прокрутке. Пример http://wedesignthemes.com/themes/role/

Пациент: http://demo.imatte.us/fomru/project_people.html Выпадающие меню при клике на эти ссылки работают не правильно. При клике открывается меню, но при выводе курсора из этих меню оно скрывается. Если после этого наводить курсор на любую из этих ссылок, то откроется их меню. Подскажите, как сделать чтобы при unhover'е меню не скрывалось, и при уже открытом меню при наведении на другую ссылку не открывалось другое меню. Спасибо.

Собственно все видно в примере. Нажимаем на кнопку "push" и зрим. http://jsbin.com/bujayufibobi/1/ Как избавится от этого дёрганья при начале анимации? Колонки конечно же не фиксированные и видимо это одна из проблем такого дерганья. Значит предполагаю, что надо заранее как-то считать ширину и куда-то ее передавать. Также, если использовать fadeIn, вместо show, то подобного дерганья не наблюдается. Откуда возникла проблема. Проблема возникла из-за того, что в одном из модулей DLE используется функция ShowOrHide() (эта функция идет вместе с DLE в одной из js библиотек) и я собственно думаю сейчас, как в этой библиотеке правильно заменить функции show() и hide() на те, которые дрожания анимации не вызывают. Или же не заменить, а дописать, если такая возможность имеется.

Разработал WEB-сайт с нуля - не использовал и не заимствовал готовые решения и вся анимация адаптирована мной под дизайн сайта. Дизайн сайта разрабатывал полностью свой и при div-ной верстке не брал готовые макеты, код сайта мой. Надеюсь на объективную оценку сайта, сейчас я его еще дорабатываю, старался сделать его масштабируемым. Адрес сайта - http://test-syte.ucoz.ru/ Прошу не начинать флуд в моей теме и все провокации будут мною игнорироваться.

Здравствуйте, создал сайт используя div-ную верстку и стандарт HTML5 , оцените - http://test-syte.ucoz.ru/

Здравствуйте! Подскажите, пожалуйста, какой плагин лучше использовать для подобной карусели. Может кто-нибудь из опыта порекомендует. Обычно встречаются карусели картинок с одинаковой шириной, а тут для блока ширина разная. В этом основная проблема.

Есть элемент с классом blue. Нужно выбрать ближайший сверху (отмечен крестиком) элемент класса red. Примерная иерархия объектов на рисунке. Подскажите как это сделать.

Почему бы разработчикам браузеров не сделать инъекцию популярных библиотек, фреймворков?, дабы не качать от куда то, просто вызвать как любой объект или метод javascript, ведь уже меньше будет запросов на сервак, или возникнут какие то проблемы? Если нужна более новая версия к примеру того же angular, можно уже просто тогда загрузить.

Уважаемые коллеги, Мы ищем Back end Node.js разработчиков уровня Senior и Middle для работы со сложными коммерческими высоконагруженными проектами. Основные задачи: Распределение нагрузки на серверной части Разработка высоконагруженных ресурсов Сопровождение высоконагруженных проектов компании. Нужно знать и уметь: Node.js (опыт работы от 2 - х лет ) JavaScript JQuery Html5 CSS/SCSS Single Page Application Ajax За более детальной информацией, пишите ed@ugr.com.ua Skype: eugenika.d

Смена класов(отдельно) для пунктов меню Вот есть такая структура меню: и есть такой вот скриптик для отображения активной вкладки меню: Вопрос в следующем. Как сделать, чтобы добавление класса происходило индивидуально, а не как сейчас(что к любому активному пункту добавляется класс "activeClass")?

Имеется архив вида: 2014 - статья - статья 2013 - статья - статья Хотелось бы изначально держать статьи архива скрытыми, при клике на определённый год открывать список статей только этого года. Вопрос стандартный: как можно реализовать?

http://codepen.io/anon/pen/gbtcf уверен, там какая-то маленькая ошибка. Таб простой дико и ясен. Нужный эффект при active у меня записан как .menu li:active{...}, а скрипт дает значение active только когда не .menu li:active, а .menu a: active. И в скрипте менял хоть убей, но не то) и чего-то не удаляет класы перед назначием нового

вот весь код http://codepen.io/anon/pen/hcyka Проблема в том, что при выборе пункта, он не остается активным, до выбора следующего. Я смотрел все темы на этом форуме и ничего не нашел для моего случая. Главная загвоздка в том, что блок, где отображается инфа и блок, где пункты меню - не должны быть вместе, а раздельно (т.к. пункты должны быть в меню, которое выезжает сбоку, а контент закреплен отдельно от меню) прошу, сделайте мне кодик) там я так понимаю надо дописать js. А я в js не шарю почти) Всем зарание спасибо огромное.

помогите пожалуйста решить проблему на страничке при наведении и отведении курсора на блок .pic, внутри него появляется надпись и исчезает. если очень быстро и беспорядочно водить курсором над блоками .pic , то многие надписи не исчезают проблема в том, что мне нужно чтобы после отведения курсора надписи точно исчезали

Столкнулся с проблемой, нужно вставить html в input, но вместо значения html в input выводится сам html те надо вывести значение переменной myvar по клику на инпуте, делаю так var myval = "<span class='test'>some value</span>"$(this).val(myval);а как в input вывести значение самого html ?

В международный интернет-стартап по тематике управления активами на финансовых рынках разыскивается UX/Front End разработчик. Прекрасная возможность принять участие в развитии инновационного проекта на крупнейшем мировом финансовом рынке совместно с профессионалами отрасли, и возможно, получить долю в проекте. Требования: * Свободное владение JavaScript, jQuery, опыт работы с Ajax; * Знание HTML/CSS, HTML5 API и опыт создания кроссбраузерных решений; * Опыт работы с client-side MVC/MVVM фреймворками (например, Angular, Knockout, Backbone, итп) и разработки интерактивного UI; * Опыт работы с ASP.Net (Razor view engine); * Проактивный подход к работе и самостоятельность; * Умение и желание работать в условиях гибких и быстрых процессов стартапа; * Английский язык на уровне чтения технической документации. Будет огромным плюсом: * Опыт работы с MVC4 и знание C#; * Опыт и/или жгучее желание работы в области трейдинга, финансов, инвестиций – на валютном (Forex), фондовом и сырьевом рынках; * Знание торговых платформ, сервисов копи-трейдинга и ПАММ счетов. Также будет плюсом: * Опыт создания высоконагруженных сайтов; * Опыт работы с Highcharts; * Опыт адаптивной верстки под различные устройства; * Разговорный английский, достаточный для обсуждения интеграции с англоязычными партнёрами; * Навыки в области UX: - Построение моделей поведения пользователей, проработка UX flow; - Создание скетчей и прототипов (NinjaMock, Axure). Условия: * Гибкий график работы * Отсутствие дресс-кода * Конкурентая зп (100-150 тыс. руб. по результатам собеседования) * Опцион – возможность получить долю в компании Расположение офиса: м. Алтуфьево/Бибирево, 10 минут пешком E-mail: HR@strategystore.org

Добрый день. Хочу совместить Jquery UI slider и ajax галерею. Проблема в том, что при изменении рейнджа больше чем на один шаг, изображения не проматываются адекватно. При изменении диапазона на один шаг, скрипт работает нормально. Видео: http://screencast.com/t/loDxRlNEncq Сэмпл кода в котором это обрабатывается: var ScrollToright= function (Steps){ console.log ("Steps!!!!!!!!! "+Steps); th.find('li').stop(true, true) var next_li = th.find('li.showed:last').next() if(next_li.length!=1) return; var all_li = th.find('li.showed:not(:first)') var first_li = th.find('li.showed:first'); var additionalCollection = th.find('li.showed:first'); var trueIndexli = th.find('li.showed:first').index()-1; var next_li_add; console.log ("trueIndexli "+trueIndexli); /*for ( var i = 0; i < Steps; i++ ) { additionalCollection = additionalCollection.add(th.find('li.showed').eq(i)); }*/ for ( var i = 0; i < Steps; i++ ) { trueIndexli= trueIndexli+i; additionalCollection = additionalCollection.add(th.find('li').eq(trueIndexli)); } //additionalCollection.css('background','red'); //th.find('li.showed').eq(0).css('background','red'); //console.log("additionalCollection "+additionalCollection); //additionalCollection.css('background','red'); if (Steps>1){ first_li = additionalCollection; all_li = th.find('li').not(additionalCollection); next_li_add = additionalCollection.last().next(); next_li = next_li_add; } if (Steps>4) { all_li = additionalCollection.nextAll(); } next_li.addClass('showed').css('opacity', '0') var left = $(first_li).width()+20 first_li.animate( { 'left': '-'+left+'px', 'opacity': '0' }, __this__.speed, function(){ __this__.normalize($(this)) $(this).removeClass('showed'); __this__.check_nav(th) __this__.check_count(th); } ); all_li.animate( { 'left': '-'+left+'px' }, __this__.speed, function(){ __this__.normalize($(this)) } ); next_li.animate( { 'left': '-'+left+'px', 'opacity': '1' }, __this__.speed, function(){ __this__.normalize($(this)) } ); __this__.ajax_li(th, "right") //PUSH BACK totalCountinThisLoad= th.find("li").size(); if (totalCountinThisLoad > newcount1) newcount1 += totalCountinThisLoad-newcount; totalCountShow=th.find("li.showed").size(); totalCountLeft=totalCountinThisLoad-totalCountShow; // if (totalCountShow>5) totalCountShow = 5; totalCountLeft=totalCountinThisLoad-totalCountShow; Maxrange=(totalCountinThisLoad-totalCountShow+1)*10; $( ".slider1" ).slider( "option", "max", Maxrange); $( ".slider1" ).slider("value", $( ".slider1" ).slider("value") + Steps); if ( ( $( ".slider1" ).slider("value") == $( ".slider1" ).slider( "option", "max") ) && ( th.find('li.showed:last').nextAll("li").size()>0) ) { var remain = th.find('li.showed:last').nextAll("li").size(); $( ".slider1" ).slider("value", $( ".slider1" ).slider("value") - (remain*10) ); } }var ScrollToLeft = function(Steps) { var stepback = Math.abs(Steps); console.log ("Steps!!!!!!!!! "+stepback); th.find('li').stop(true, true) var next_li = th.find('li.showed:first').prev() if(next_li.length!=1) return; var last_li = th.find('li.showed:last') var additionalCollection = th.find('li.showed:last'); var trueindex = last_li.index(); var totalShowed = th.find('li.showed').length-1; //th.find('li.showed').eq(totalShowed).css('background','black'); console.log("totalShowed "+totalShowed); console.log("trueindex "+trueindex); for ( var i = 0; i <stepback; i++ ) { if (i<=4){ totalShowed = totalShowed-i; additionalCollection = additionalCollection.add(th.find('li.showed').eq(totalShowed)); } } if (stepback>1) last_li = additionalCollection; //additionalCollection.css('background','green'); var left = $(last_li).width()+20 var all_li = th.find('li.showed:not(:last)') next_li.addClass('showed').css('opacity', '0').css('left','-'+left+'px') all_li.css('left','-'+left+'px') last_li.css('left','-'+left+'px') last_li.animate( { 'left': 0+'px', 'opacity': '0' }, __this__.speed, function(){ __this__.normalize($(this)) $(this).removeClass('showed'); __this__.check_nav(th) __this__.check_count(th); } ); all_li.animate( { 'left': 0+'px' }, __this__.speed, function(){ __this__.normalize($(this))} ); next_li.animate( { 'left': 0+'px', 'opacity': '1' }, __this__.speed, function(){ __this__.normalize($(this))} ); __this__.ajax_li(th, "left") //PUSH BACK $( ".slider1" ).slider("value", $( ".slider1" ).slider("value") - 10); totalCountinThisLoad= th.find("li").size(); if (totalCountinThisLoad > newcount) newcount += totalCountinThisLoad-newcount; totalCountShow=th.find("li.showed").size(); totalCountLeft=totalCountinThisLoad-totalCountShow; totalCountLeft=totalCountinThisLoad-totalCountShow; $( ".slider1" ).slider( "option", "max", Maxrange); Prevli = th.find('li.showed:first').prevAll("li").size(); if ( ( $( ".slider1" ).slider("value") == 0 ) && ( th.find('li.showed:first').prevAll("li").size()>0 ) ) { $( ".slider1" ).slider("value", $( ".slider1" ).slider("value") + Prevli*10); }}th.find( ".slider1" ).bind( "slide", function(event, ui){ totalCountinThisLoad= th.find("li").size(); if (totalCountinThisLoad > newcount) newcount += totalCountinThisLoad-newcount; totalCountShow=th.find("li.showed").size(); totalCountLeft=totalCountinThisLoad-totalCountShow; totalCountLeft=totalCountinThisLoad-totalCountShow; Maxrange=(totalCountinThisLoad-totalCountShow+1)*10; $( ".slider1" ).slider( "option", "max", Maxrange); deltaValueStep = (ui.value-ValueOldOnSlide)/10; //console.log("deltaValueSte "+deltaValueStep); if ( ui.value>ValueOldOnSlide){ // console.log("step"+step); //console.log("Its scroll down") ScrollToright(deltaValueStep); } if ( ui.value<ValueOldOnSlide){ //console.log("Its scroll up") ScrollToLeft(deltaValueStep); } }); Скрипт целиком: http://pastebin.com/LdqPPS7K Ссылка на сайт, где можно попробовать, как работает скрипт: http://testing.site-services.ru/

Добрый день. Ползунок в jquery ui slider в крайних положениях уходит за пределы трэка ровно наполовину. Какие есть варианты, чтобы он оставался внутри? Ссылка на сайт: http://testing.site-services.ru/

Доброго времени суток! Поставил на сайт вот этот плагин http://jquery-plugins.net/sticky-kit-jquery-plugin-for-making-sticky-elements . Сайт на адаптивной верстке в две колонки. При размере экрана меньше 900 пикселей эти две колонки превращаются в два блока, один под другим. Но скрипт получается не понял что ничего не надо скролить и получается один блок заезжает на другой и очень серъезно. И появилась такая идея, что надо просто остановить его работу когда экран меньше 900 пикселей, только я не знаю как. Помогите. Вот страница с демо, только надо уменьшить размер окна, чтобы она заработала http://leafo.net/sticky-kit/examples/3.html Вот сам скрипт http://leafo.net/sticky-kit/src/jquery.sticky-kit.js А вот получается как он выводится http://leafo.net/sticky-kit/example.js Или напишите в какую сторону надо искать, гугл особо ничем не помог, только еще больше запутался. Спасибо за помощь