Search the Community

Доброго времени суток! Есть тестовая страница http://poligonteam.ru/ Задача: поместить фоновое слайд шоу Supesized v3.2.7 в первый параллакс слайд (Stellar.js). Собственно на данный момент часть слайд шоу помещено в первый слайд (текст и кнопки навигации), но смена изображений происходит в body (Slide1 и Slide4 имеют прозрачный фон). В jQuery (да и вообще в JavaScript) понимаю плохо, но стараюсь разобраться. Просматривая код (Supersized), натолкнулся на такую запись (function($){ /* Place Supersized Elements —————————-*/ $(document).ready(function() { $('body').append('<div id="supersized-loader"></div><ul id="supersized"></ul>'); }); $.supersized = function(options){ Весь код (не сжатый) Что нужно вписать вместо "body" и/или как правильно разместить элементы, чтобы выполнить задачу? UPD Присвоил элементу id="slide1" дополнительный class="supersized_place" заменил "body" в коде плагина. Получилось, так - (function($){ /* Place Supersized Elements —————————-*/ $(document).ready(function() { $('div.supersized_place').append('<div id="supersized-loader"></div><ul id="supersized"></ul>'); }); $.supersized = function(options){ Ну и соответственно изменил position для элементов слайд шоу с fixed на relative и absolute. Вроде все получилось, как и хотел) P.S. если заметите ошибку или не точность, ПОЖАЛУЙСТА сообщите мне об этом. На ошибках учатся...

function tween(fig,param, shift, time) { var element = []; var what = []; var from = []; // Начальное значение var to = []; // Конечная значение var duration = time; // Длительность var start = new Date().getTime(); // Время старта var now; var progress; for (i = 0; i < fig.length;i++) { element[i] = fig[i]; what[i] = param[i]; from[i] = element[i][what[i]]; to[i] = element[i][what[i]]+shift[i]; } setTimeout(function tweenTimer() { now = (new Date().getTime()) - start; // Текущее время progress = now / duration; // Прогресс анимации for (i = 0; i < element.length; i++) { element[i][what[i]] = (to[i] - from[i]) * progress + from[i]; } draw(); if (progress < 1) // Если анимация не закончилась, продолжаем setTimeout(tweenTimer(), mSPF); else for (i = 0; i < element.length; i++) { element[i][what[i]] = to[i]; } }, mSPF); }//Отрисовка всех фигур function draw() { ctx.clearRect(0,0,400,600); //Рисуем фигуры drawFigure(leftQ); drawFigure(rightQ); drawFigure(rect); } //отрисовка многоугольника function drawFigure(fig) { ctx.strokeStyle = 'rgba(255,255,255,'+fig.alpha+')'; ctx.beginPath(); ctx.moveTo(fig.Xv[0], fig.Yv[0]); for (i = 1; i < fig.Vc; i++) //Цикл, последовательно соединяющий вершины линиями { ctx.lineTo(fig.Xv[i], fig.Yv[i]); } ctx.lineTo(fig.Xv[0], fig.Yv[0]); //ctx.stroke(); console.log('ololo'); ctx.fillStyle = 'rgba('+fig.color[0]+','+fig.color[1]+','+fig.color[2]+','+fig.alpha+')'; ctx.fill(); }Вот, собственно, функция твина и функция отрисовки. mSPF = 40, но и при 200 ситуация не меняется. Картинка остается неподвижной вплоть до окончания анимации. Фигуры у меня - четырехугольники, в твин передается ссылка на координаты, альфа канал и т.п. Как исправить? Да, если поставить брэкпоинт на середине анимации, то фигура сдвинется.

Сразу дам ссылку на проблему — http://jsfiddle.net/mrnobody/6RkSd/ Есть слайды, когда я перехожу на второй слайд (или любой другой, кроме первого и последнего), то он появляется на долю секунды и перекрывается последним. в моем случае слайдом под номером 4. PS: Еще заметил, переключился на слайдер -> случилось перекрытие, и если я открою веб-инсперктор, то показывается нужный слайд. PPS: Нашел решение дописать mode: 'fade', но нужно чтобы они именно перелистывались. PPPS: Правильно работает только в Опере 12.16.

В общем ситуация такова. После перезагрузки (через простую кнопку обновить страницу или через F5, ctrl+F5) у браузеров на webkit (В Safari не проверял, но в Opera последней и Chrome) скрипт отрабатывает и после этого браузер возвращает значение на исходную. Ни один из ниже приведённых примеров и многих других вариантов придуманных и найденных не выполняет свою задачу. Пара вариантов: $("html, body").animate({scrollTop:400},"slow") $(window).scrollTop(400); document.getElementById("bottom").scrollIntoView(true); Пробовал сделать после загрузки самой страницы аналогично. $(window).load(function(){ }); window.onload = function(){ } Думал может я дурак какой конфликт с другими скриптами, нет делал в пустом документе результат тот же. В других браузерах всё нормально. Подскажите как обойти этот момент.

Всем привет. Начинать всегда сложно. Вот мне бы начать. Подскажите с чего и как лучше? Может книжку посоветуете? Как кто начинал?

Привет всем-всем! В общем цель, написать валидный, а так же кроссбраузерный сайт с IE6 включительно. IE6 эхом отдается в моей голове и я уже не первый день ругаюсь в поисках решения. У меня были проблемы с отображением блоков в IE6, но совершенно не хотелось верстать таблицами и прочими дьявольскими методами. Да-да, я решил написать JS, который должен найти dom-элемент по id (блок) и заменить его содержимое, содержимым из файла notify.html. Мое рассуждения свелись к XMLHttpRequest. Именно он играет важную роль в загрузке нашего html файла. function readFile(file,callback,cache) { var rawFile = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP"); rawFile.open('GET', file+(cache=(cache===true) ? '?r='+Math.random() : ''), true); rawFile.onreadystatechange = function() { if(rawFile.readyState===4) { if(rawFile.status===200||rawFile.status==0) { args={}; callback.call(rawFile.responseText, args); } } } rawFile.send(null);}Первый аргумент в функции это путь к нашему файлу, второй callback, третий убирает кеширование добавление ?r=рандомное число. Мы запускаем нашу callback функцию в контексте rawFile.responseText и на всякий добавляет args аргументы. Функция определения браузера <IE6. function findIE6() { if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ var ieversion=new Number(RegExp.$1); if (ieversion<=6) return true; }}Прелестно, теперь <IE6 в рукаве, идем дальше. Функция записи/замены контента в блок с ID. function setContent(id) { var obj = document.getElementById(id); obj.innerHTML=this;}obj.innerHTML=this рассмотрим дальше. Функция scriptLoader можно назвать init'ом на нашем сайте. Данная функция просто запускает другие. function scriptLoader() { if(findIE6()==true) { readFile('/ie6/notify.html', function() { setContent.call(this,'notify'); }, true); } } scriptLoader();Ну собственно если IE6 найден, выполняем нашу функцию readFile. Опять же, первый аргумент это путь к файлу, второй аргумент это callback функция, которая запускается в контексте rawFile.responseText (помните?), а функция внутри setContent, запускается в контексте нашей обертки. По сути я сам боюсь даже это объяснить, exp'ы не хватает, но суть в obj.innerHTML=this, где this и есть наш rawFile.responseText. __________________________________________________________________________________________________ Ладно-ладно, помудрили и хватит. Все действительно работает, загружается, вставляется, НО вставляется исключительно PLAIN TEXT. Т.е. на html элементы реакции нет. Для наглядности вышлю скриншот. https://www.dropbox.com/s/qkoo30i170j8h1e/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202013-12-18%2014.51.54.png p.s. Скорее всего проблема в том, что сама по себе data является текстовым узлом и никак не ассоциируется с dom элементами. Следовательно нужно написать html парсер. Что скажите господа и дамы, есть идеи? Заранее благодарю! Мне кажется или решение с php будет удобнее и быстрее во всех смыслах...

Ребята, подскажите, пожалуйста, как реализовать подобный прогрессбар?

Прошу помощи 1. Есть слайдер, который через определенное время присваивает класс .active текущему слайду (всего 3 слайда). 2. Есть 3 других блока, которые находятся за пределами слайдера. Нужно: Чтобы одновременно с присвоением класса .active слайдеру, такой же класс присваивался соответствующему по позиции блоку который находится за пределами слайдера.

Подскажите как сделать, что бы перед отправкой на сервер данных с формы, появилось окно подтверждения и при выборе отмены данные не были отправлены на сервером, методом "post". Вот что сделал я: PHP: <form name="auth3" action="index.php" method="POST"><button class="edit" name="edit" value="1" type="submit">Изменить</button><button class="del" name="del" value="Значение заполняется из БД" type="submit" onclick="destroy();" >Удалить</button></form>JS: <script type="text/javascript"> function destroy(){confirm("Bы уверены, что хотите уничтожить эту страницу?")}</script>Если нажать на кнопку "удалить" появляется сообщение "Bы уверены, что хотите уничтожить эту страницу?" , но при выборе отмены данные все равно отправляются на сервер стр. обнавлеться и строка удалеться.

Добрый вечер всем! Подскажите пожалуйста какой-нить скрипт желательно js, чтобы при наведении мышки на фото оно разворачивалось по горизонтали и менялось на другое фото. Что-то типа вот этого: http://shpargalkablog.ru/2012/01/pri-navedenii-na-kartinku-ona.html. пробовал вставлять - не получилось. МОж. чего не доделал.??? . Я в яве как-бы не спец вообще, скопировать могу....а.... Спасибо!

Вот в чем проблема: есть скрипт галереи с разбивкой на страницы. Разбивает по 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

k

Добрый день, уважаемые форумчане! Сделал простецкую заготовку ползунка на JS - не могли бы поругать код? http://jsbin.com/ococij/1/ - ссыль

Собственно, если кому будет интересно, не сколько ради оценки, сколько для поделиться опытом ... Проект Mindstages, написанный за полтора месяца вдвоем для создания презентаций в режиме онлайн. То есть, идея была следующей: У пользователя есть фиктивно неограниченный монтажный стол, который помогает разложить какие-то объекты на плоскости, сделать для них расшифровку, задать анимацию и сохранить все на сервере. Любой человек может посмотреть онлайн перзентацию. Timeline несколько урезан в связи с тем, что отрефакторить игрушечку мы не успели. На проекте использован хардкорный JS, jQuery и Canvas. jQuery нас подвел т.к. есть много багов, которые просто так не заметны и выползают из версии в версию. Данные планировалось передавать c помощью web-sockets, а сервеная часть в основном сделана на Nodo.JS( извините, выложить не могу ) ... В целом можете забрать сорцы и поиграться с начинкой вот тут. Вообще мы могли уработать Adobe через пару лет, но у нас не было подходящего финансирования и команды. Поднято много опыта, понято много интересного( user exp, ui design, серьезные программы, данные, HTML и JS, будущее и реалии ) ...

Здравствуйте! Хотел бы узнать, если кто-нибудь сталкивался.. В общем, проблема в следующем: Нужно сверстать письмо таким образом, чтобы блоки с информацией можно было скрыть\открыть по клику на ссылку. Возможно ли это?

Учусь верстать под html5/css3+js, недавно увидел на дежурка.ру кучу бусплатных psd-шников с дизайном аудио плееров, решил что будет отличной практикой, пока почти готов один(http://wiic.ru/work_players/), сейчас берусь за вот этот: Если есть желающие попрактиковаться и заодно пополнить своё портфолио - добро пожаловать, пишите, как бы вы реализовали тот или иной psd-плеер из представленных. От себя же могу предоставить возможность выкладывать их все на ту же страничку с вашей подписью и ссылкой на ваши контакты(с вашего позволения, естественно). PS: важна именно вёрстка, а не работоспособность, хотя это тоже является обязаностью front-end разраба, но все же, для новичков, как мы, важнее именно внешняя схожесть с макетом.

Есть большое число значений переменной Х. Допустим это 4 000 456 000 (значения - числа от 1 до 4 000 456 000). Можно ли сделать, чтобы переменная рандомно принимала любое из 4 000 456 000 значений?

Здравствуйте, уважаемые форумчане!) Есть страница (самая обычная html страница) можно ли как-то сделать следующее: пользователь заходит на страницу и при нажатии кнопки "редактировать" может изменить содержание какого-то div. *содержимое этого div'a берётся из текстового файла и туда же сохраняется после редактирования* Если да, то расскажите как)) p.s. создал в разделе js т.к. думаю что для реализации нужен js, но если вы знаете как это можно реализовать на php тоже подойдёт =) p.p.s. в *...* написано то как я себе это представляю. Спасибо за внимание!

Код для валидации даты var day = parseInt(R.substring(0, 2), 10) ; var month = parseInt(R.substring(2, 4), 10); var year = 2000 + parseInt(R.substring(4, 6), 10); var tmpDate = new Date(year, month-1 /* нумерация с 0 */ , day), newYear = tmpDate.getFullYear(), newMonth = (tmpDate.getMonth()+1), newDate = tmpDate.getDate(); if (newMonth < 10) newMonth = "0" + newMonth; if (newDate < 10) newDate = "0" + newDate; var zzz = ' ' + newDate + newMonth + newYear + R.substring(6, R.length); как сделать, чтобы год выводился в формате YY?

Закончил изучение Javascript по Флэнегану.Подкиньте пожалуйста книг по Node.js.Желательно русские,но и английский сойдёт.

Добрый день. Хочется услышать мнение опытных верстальщиков - можно ли отдавать такую работу условному заказчику? Есть ли грубые ляпы? Пора уже брать реальные заказы, или пока еще потренироваться на кошках? Верстал интернет-магазин с бесплатного макета: в архиве http://gfile.ru/atIs на сайте http://www.freepsd.w...zina-elwau.html HTML: http://popugaev38.ru/index.html http://popugaev38.ru/object.html http://popugaev38.ru/catalog.html http://popugaev38.ru/contacts.html CSS: http://popugaev38.ru/css/style.css JS: http://popugaev38.ru/js/main.js

Помогите, никак не могу себе сделать так чтобы увеличивалось при наведении на картинку. Пример тут.http://static.livedemo00.template-help.com/wt_39965/index-1.html Загрузил картинку - http://static.livede...ges/magnify.png подключил скрипт - http://static.livede.../hover-image.js к ссылке добавил класс - <a class="lightbox-image" href=",,,,,,,," ><img src=",,,,,,,,," alt=""> под картинкой поствил <span style="top: 0px;"></span></a> но ничего не работает. я попробовал поискать в интернете - но на запрос о подсказке zoom - в выдаче только тема про тултипы.. вся надежда на вас.

Попытаюсь объяснить проблему: Грузится стартовая страница AJAXом подгружается отдельная часть страницы со скриптом Изменение title загруженной страницей Однако скрипт почему-то отказывается работать (как будто в другом окне несуществующий title изменяет) // тег <title> обозначен ID=ttl document.getElementById('ttl').value='Страница 2'; Что не так?

Здравствуйте. Хочу спросить у опытных разработчиков, есть ли аналоги данной карусели(или слайдера, не знаю, как правильно это назвать) или более менее похожее на это - http://www.citroen.ua/home/#/home/, только реализованной не на флеше? Если есть дайте пжл ссылку или название плагина. За ранее благодарен.

Не могу найти скрипт скролл бара. Нужен как в гугле - https://docs.google.com/viewer?url=http%3A%2F%2Fresearch.google.com%2Farchive%2Fbigtable-osdi06.pdf Там как-то спарсить не удалось немного, помогите, пожалуйста, найти скрипт.