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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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 117 118 119 120 121 122 123 124 125

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

audi6b44



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

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

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

Всего записей: 16612 | Зарегистр. 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.
Возможно это реализовать и если да, то как?
 
 

Всего записей: 2157 | Зарегистр. 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;
        }

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



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

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

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

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

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

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



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

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

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

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



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

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

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

Всего записей: 2157 | Зарегистр. 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

Всего записей: 16612 | Зарегистр. 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 используются как раз в разных.
 
Если моя логика ошибочна, или вообще я чушь пронес, сорри...

Всего записей: 2157 | Зарегистр. 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 картинки. В скриптах не силен и так еле смастерил это.

Всего записей: 1995 | Зарегистр. 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

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



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

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

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

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

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

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

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

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

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

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



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

Всего записей: 1995 | Зарегистр. 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 = '...';

Всего записей: 16612 | Зарегистр. 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.

Всего записей: 6678 | Зарегистр. 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 117 118 119 120 121 122 123 124 125

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


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

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

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru