Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » вопросы по javascript

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116

Открыть новую тему     Написать ответ в эту тему

audi6b44



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ага!!
То у сервера и требования такое..
 
Требования.Для игры на нашем сайте необходимо выполнить следующие требования:Установить плагин Adobe Flash Player версии 11 или выше. Скачать этот плагин можно здесь.Соединение с сервером устанавливается, если открыт исходящий трафик на порты 843 и5672.В случае, если соединение не устанавливается, то попробуйте сделать следующее.
 
Добавлено:
Вот что появляется, если не обновляется страница.. верней, если иной раз из за медленного интернета не загружается страница..
 
 

Всего записей: 298 | Зарегистр. 22-09-2007 | Отправлено: 04:25 01-07-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
audi6b44
сервер не отвечает, не проблема javascript, а видимо что то ложится там.

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 04:42 01-07-2015
Weinaum



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
приветствую,  
стянул вот с этого сайта скрипт для параллакса - в разделе Engineering
хочу немного изменить под свои нужды - такое же число частей, только они по скроллу складываются а не разъезжаются.
Собственно, больших проблем в этом не увидел, в скрипте, отвечающем за это дело, изменил  

Код:
            $('.part2').Parallax({ property:'top', speed:0.10, start:0, delay:-100 });
            $('.part3').Parallax({ property:'top', speed:0.20, start:0, delay:-100 });
            $('.part4').Parallax({ property:'top', speed:0.30, start:0, delay:-200 });

 
на  

Код:
               $('.part1').Parallax({ property:'bottom', speed:0.70, start:120, delay:-100 });
            $('.part2').Parallax({ property:'bottom', speed:0.30, start:150, delay:-100 });
            $('.part3').Parallax({ property:'bottom', speed:0.10, start:100, delay:-200 });

т.е. опытным путем подобрал скорости ну и стили, чтобы выглядело симпатично и все парты складывались в одну деталь чуть выше центра экрана.  
 
Но при этом проблема в том, что при дальнейшем скролле движение первых трех партов продолжается, а мне бы хотелось как то зафиксировать их в определенной точке. Т.е. по скроллу эти 3 парта двигаются до опреленной точки, в которой они как бы сложились в одну деталь, и все, при дальнейшем скролле эта вертикальная скорость равна 0.
Возможно это реализовать и если да, то как?
 
 

Всего записей: 2152 | Зарегистр. 18-06-2006 | Отправлено: 00:27 12-07-2015 | Исправлено: Weinaum, 00:27 12-07-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Weinaum
тут поиграйтесь

Код:
        // get new position
        function getPosition() {
    
            // Calculate new position based on speed / scroll position / start position
            return ($(window).scrollTop() * options.speed) - (options.startPos * options.speed) + options.start;
 
        };
 
        function getEndPosition() {
            return (options.endPos * options.speed) - (options.startPos * options.speed) + options.start;
        }

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 03:46 12-07-2015
Weinaum



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
сорри, не силен в js - стартовые позиции для каждого объекта я вижу где задаю -в kaber.js и в css -  
а как определить для каждого объекта конечные позиции - не пойму...

Всего записей: 2152 | Зарегистр. 18-06-2006 | Отправлено: 10:17 12-07-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Weinaum

Цитата:
а как определить для каждого объекта конечные позиции - не пойму...

выделенный код их и считает.
но нужно видеть какой эффект получается, чтобы сказать что то более точно.

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 03:32 13-07-2015
Weinaum



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
спасибо, да, я понял, что именно в этом участке будет задаваться переменная для конечной позиции, только из за малых знаний js не понимаю, как реализовать....
сайт в разработке, то что получается сейчас можно увидеть тут - со следующего большого абзаца.
Т.е. мне хотелось бы добиться эффекта, когда все элементы сложились, вертикальные скорости бы остановились...

Всего записей: 2152 | Зарегистр. 18-06-2006 | Отправлено: 09:34 13-07-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Weinaum
не проще взять другой скрипт, с описанием, где больше параметров для манипуляций?
потому что сейчас мне не совсем понятно что вы хотите - снизу 3 элемента выезжают уже почти вместе, сразу начинают расползаться.. какой тогда смысл в паралаксе вообще?

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 18:58 13-07-2015
Weinaum



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
в принципе, мне без разницы, какой скрипт взять, лишь бы получилось то что задумано - т.е. данный скрипт я и взял, так как там вроде как ясно видно, где настраиваются по отдельности несколько элементов...

Цитата:
снизу 3 элемента выезжают уже почти вместе, сразу начинают расползаться..

 
э....кажется криво в некоторых браузерах - причем только если вот на сервере, локально если запускаю, все ок. И почему то только при первом запуске, при обновлении страницы, очистке кеша тоже нормально отображается...
 
вот маленькое кино записал - https://yadi.sk/d/Q8_hGZXshqqUC - вроде бы понятно, хоть и дергается чуть, вначале все элементы раздельно, потом 3 верхних начинают двигаться вниз с различной скоростью - верхний быстрее всего, 3-й сверху - медленнее, посередине - соот-но скорость средняя между ними.  
2 нижних элемента не двигаются, таким образом, через какое то время 3 верхних и 2 нижних сходятся...
А потом да, начинают расходиться...вот в точке, где все элементы сошлись, надо бы их и остановить...

Всего записей: 2152 | Зарегистр. 18-06-2006 | Отправлено: 22:18 13-07-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Weinaum
у вас там проблема гораздо больше - сейчас привязка идет к высоте окна вашего браузера, так как у меня, как и говорил, они появляются уже вместе и разъезжаются.
 
возможно вот этот скрипт даст лучший результат https://github.com/janpaepke/ScrollMagic/tree/development
, вот пример из его коллекции
http://janpaepke.github.io/ScrollMagic/examples/advanced/parallax_scrolling.html

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 00:12 16-07-2015
Weinaum



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
странно, я вроде бы проверяю и на больших, и на малых экранах - вроде везде одинаково работает...
Ну да ладно. Скрипт ваш посмотрел, на первый взгляд конечно мощнейшие возможности, но он и сложноват для меня - т.е. быстро сделать то что я хочу у меня не получается (
Скорее всего просто поступлю следующим образом: запущу сайт без этого скрипта, и буду уже дальше разбираться не спеша, что лучше - допилить до нормы тот что есть сейчас или задействовать то что вы предлагаете или какой еще другой скрипт...
Кстати, вот все таки интересно, чисто по логике программирования на js:
я почему то  думал, что реализовать то, что я хочу с имеющимся скриптом будет не очень сложно для знатока:
я вижу в firebug, как по скроллу изменяется строка -

Код:
<div class="exploded part1" style="transform: translate3d(0px, 398.575px, 0px);">

т.е. меняется не вся строка, а как раз текущая позиция, в данный конкретный момент это значение 398.575px.
Если я правильно понимаю, это как раз то значение, которое возвращает функция getPosition()
 
Меняется в сторону увеличения, вот я и думал, что можно как то простым условием обойтись, что-то типа, если эта функция возвращает число больше или равно 398.575, то скорость - speed = 0.
 
Однако не очень понимаю по синтаксису и по правилам, можно ли такое условие использовать, и если можно, то где, так как в процессе задействованы как минимум 2 скрипта, и getPosition() и speed используются как раз в разных.
 
Если моя логика ошибочна, или вообще я чушь пронес, сорри...

Всего записей: 2152 | Зарегистр. 18-06-2006 | Отправлено: 14:00 21-07-2015
BennyBlanco



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
есть код html
 
<input id="name1"  value="" >
<img id="image" src="" >
 
и скрипт  
 
$('#name1').hover(function(){$('#image').attr('src',$('#name1').val())});
 
при вводе в поле input, value передается в src картинки (при появлении курсора мышки над id="name1")
 
Что нужно изменить в скрипте что бы он работал при появлении курсора мышки над id="content" ?
<div id="content">
<input id="name1"  value="" >
</div>
<img id="mage" src="" >
------------------------------------------------------
А вообще то, нужно в реальном времени, передавать value инпута в src картинки. В скриптах не силен и так еле смастерил это.

Всего записей: 1992 | Зарегистр. 17-09-2009 | Отправлено: 03:20 30-08-2015 | Исправлено: BennyBlanco, 03:23 30-08-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
BennyBlanco

Цитата:
нужно в реальном времени, передавать value инпута в src картинки.

не нужно это делать в реальном времени. зачем передавать корявый или недоделанный URL, чтобы браузер делал кучу 404 запросов?

Цитата:
в скрипте что бы он работал при появлении курсора мышки над id="content"

заменить самый первый #name1 на #content

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 04:04 30-08-2015 | Исправлено: Mavrikii, 04:06 30-08-2015
BennyBlanco



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii

Цитата:
заменить самый первый #name1 на #content

Точно помню пробовал, не работало, сейчас работает , спасибо!
 

Цитата:
не нужно это делать в реальном времени. зачем передавать корявый или недоделанный URL, чтобы браузер делал кучу 404 запросов?

 
А если все-таки какой будет скрипт?

Всего записей: 1992 | Зарегистр. 17-09-2009 | Отправлено: 04:38 30-08-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
BennyBlanco

Цитата:
А если все-таки какой будет скрипт?

заменить .hover на .keyup

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 04:41 30-08-2015
BennyBlanco



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Благодарю

Всего записей: 1992 | Зарегистр. 17-09-2009 | Отправлено: 04:55 30-08-2015
UTF32KG

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Код:
 
<frameset cols="200,*" frameborder="NO" border="0" framespacing="0" rows="*">  
  <frame name="leftFrame" id="leftFrame" noresize scrolling="NO" src="frnavi.html">
  <frame name="mainFrame" id="mainFrame" src="html/schuhtitel.html">
</frameset>

 
кто подскажет как из leftFrame открыть в mainFrame другую страницу с помощью JavaScript ?
 
заранее благодарен

Всего записей: 32 | Зарегистр. 02-09-2015 | Отправлено: 07:09 09-09-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
UTF32KG
parent.getElementById('mainFrame').src = '...';

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 07:25 09-09-2015
Isuaven



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
JS никогда в глаза не видел, но тут встала конкретная задача написать небольшой скрипт такого функционала(для Greasemonkey/Tampermonkey): если на странице сайта example.com есть определенного вида кнопка, надо кнопку эту нажать, удостовериться, что она успешно нажалась(меняется вид кнопки при этом) и после этого закрыть вкладку.
Подскажите пожалуйста статей, чтобы почитать и реализовать это, а то даж не знаю, по каким словам пытаться гуглить

Всего записей: 42 | Зарегистр. 18-02-2005 | Отправлено: 01:53 20-09-2015
unreal666



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Isuaven
для начала изучи сам JS + DOM браузеров + Greasemonkey.

Всего записей: 6637 | Зарегистр. 14-02-2005 | Отправлено: 02:48 20-09-2015 | Исправлено: unreal666, 02:49 20-09-2015
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116

Компьютерный форум Ru.Board » Интернет » Web-программирование » вопросы по javascript


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru