Ru-Board.club
← Вернуться в раздел «Web-программирование»

» вопросы по javascript

Автор: Weinaum
Дата сообщения: 12.07.2015 10:17
Mavrikii
сорри, не силен в js - стартовые позиции для каждого объекта я вижу где задаю -в kaber.js и в css -
а как определить для каждого объекта конечные позиции - не пойму...
Автор: Mavrikii
Дата сообщения: 13.07.2015 03:32
Weinaum

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

выделенный код их и считает.
но нужно видеть какой эффект получается, чтобы сказать что то более точно.
Автор: Weinaum
Дата сообщения: 13.07.2015 09:34
Mavrikii
спасибо, да, я понял, что именно в этом участке будет задаваться переменная для конечной позиции, только из за малых знаний js не понимаю, как реализовать....
сайт в разработке, то что получается сейчас можно увидеть тут - со следующего большого абзаца.
Т.е. мне хотелось бы добиться эффекта, когда все элементы сложились, вертикальные скорости бы остановились...
Автор: Mavrikii
Дата сообщения: 13.07.2015 18:58
Weinaum
не проще взять другой скрипт, с описанием, где больше параметров для манипуляций?
потому что сейчас мне не совсем понятно что вы хотите - снизу 3 элемента выезжают уже почти вместе, сразу начинают расползаться.. какой тогда смысл в паралаксе вообще?
Автор: Weinaum
Дата сообщения: 13.07.2015 22:18
Mavrikii
в принципе, мне без разницы, какой скрипт взять, лишь бы получилось то что задумано - т.е. данный скрипт я и взял, так как там вроде как ясно видно, где настраиваются по отдельности несколько элементов...

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


э....кажется криво в некоторых браузерах - причем только если вот на сервере, локально если запускаю, все ок. И почему то только при первом запуске, при обновлении страницы, очистке кеша тоже нормально отображается...

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

возможно вот этот скрипт даст лучший результат https://github.com/janpaepke/ScrollMagic/tree/development
, вот пример из его коллекции
http://janpaepke.github.io/ScrollMagic/examples/advanced/parallax_scrolling.html
Автор: Weinaum
Дата сообщения: 21.07.2015 14:00
Mavrikii
странно, я вроде бы проверяю и на больших, и на малых экранах - вроде везде одинаково работает...
Ну да ладно. Скрипт ваш посмотрел, на первый взгляд конечно мощнейшие возможности, но он и сложноват для меня - т.е. быстро сделать то что я хочу у меня не получается (
Скорее всего просто поступлю следующим образом: запущу сайт без этого скрипта, и буду уже дальше разбираться не спеша, что лучше - допилить до нормы тот что есть сейчас или задействовать то что вы предлагаете или какой еще другой скрипт...
Кстати, вот все таки интересно, чисто по логике программирования на js:
я почему то думал, что реализовать то, что я хочу с имеющимся скриптом будет не очень сложно для знатока:
я вижу в firebug, как по скроллу изменяется строка -

Код: <div class="exploded part1" style="transform: translate3d(0px, 398.575px, 0px);">
Автор: BennyBlanco
Дата сообщения: 30.08.2015 03:20
есть код 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 картинки. В скриптах не силен и так еле смастерил это.
Автор: Mavrikii
Дата сообщения: 30.08.2015 04:04
BennyBlanco

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

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

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

заменить самый первый #name1 на #content
Автор: BennyBlanco
Дата сообщения: 30.08.2015 04:38
Mavrikii

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

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


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


А если все-таки какой будет скрипт?
Автор: Mavrikii
Дата сообщения: 30.08.2015 04:41
BennyBlanco

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

заменить .hover на .keyup
Автор: BennyBlanco
Дата сообщения: 30.08.2015 04:55
Mavrikii
Благодарю
Автор: UTF32KG
Дата сообщения: 09.09.2015 07:09

Код:
<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>
Автор: Mavrikii
Дата сообщения: 09.09.2015 07:25
UTF32KG
parent.getElementById('mainFrame').src = '...';
Автор: Isuaven
Дата сообщения: 20.09.2015 01:53
JS никогда в глаза не видел, но тут встала конкретная задача написать небольшой скрипт такого функционала(для Greasemonkey/Tampermonkey): если на странице сайта example.com есть определенного вида кнопка, надо кнопку эту нажать, удостовериться, что она успешно нажалась(меняется вид кнопки при этом) и после этого закрыть вкладку.
Подскажите пожалуйста статей, чтобы почитать и реализовать это, а то даж не знаю, по каким словам пытаться гуглить
Автор: unreal666
Дата сообщения: 20.09.2015 02:48
Isuaven
для начала изучи сам JS + DOM браузеров + Greasemonkey.
Автор: ashqelon
Дата сообщения: 14.10.2015 14:02
del

Автор: Sutar
Дата сообщения: 31.10.2015 11:25
Здравствуйте, есть такая функция:

имитирует функцию str_replace() в PHP.


Код: function str_replace(search,replace,subject){
var i=0,
j=0,
temp='',
repl='',
sl=0,
fl=0,
f=[].concat(search),
r=[].concat(replace),
s=subject,
ra=Object.prototype.toString.call(r)==='[object Array]',
sa=Object.prototype.toString.call(s)==='[object Array]';
s=[].concat(s);
for(i=0,sl=s.length;i<sl;i++){
if(s[\i]===''){continue;}
for(j=0,fl=f.length;j<fl;j++){
temp=s[\i]+'';
repl=ra?(r[j]!==undefined?r[j]:''):r[0];
s[\i]=(temp).split(f[j]).join(repl);}
}
return sa?s:s[0];
}
Автор: unreal666
Дата сообщения: 31.10.2015 16:02
в search и пробела нет, но ты же его почему-то оставил
Автор: Sutar
Дата сообщения: 31.10.2015 20:07
unreal666
ну да, без пробела должно быть)
Автор: D1D1D1D
Дата сообщения: 06.11.2015 21:44
Приветствую!

Можно ли внутри тега A задать условие открытия веб-ссылки, в случае, когда локальный файл не был найден? Т.е. типа мини-программа в теге: <a href="fghfg.html" onclick="http://fghfg.ru/fghfg.html">?
Автор: gerzikon
Дата сообщения: 10.11.2015 21:26
Подскажите, как из пользовательской функции JS отменить введенный в поле ввода символ. Например, если на странице такой код

Код: <input onkeypress="return false;" type="text" size="30">
Автор: vs6262
Дата сообщения: 11.11.2015 12:38
gerzikon
проблема по моему в тайминге
Автор: unreal666
Дата сообщения: 11.11.2015 14:14
gerzikon

Код: <input onkeypress="return myfun();" type="text" size="30">
Автор: Weinaum
Дата сообщения: 22.11.2015 12:14
Приветствую, возможно, не совсем в нужную тему, если что прошу простить и направить в нужную.
Есть такой сайт - http://solidnature.com/
Очень понравилась реализация галереи камней, так, что захотелось сайт этот слить.
Однако все оказалось не так просто: простыми механизмами сайт сохраняется только частично, большое кол-во необходимых скриптов подключаются динамически, и их подключение, равно как и расположение и подключение картинок изначально прописано также в основном js - main.min.js
Изучил main.min.js чуть не под микроскопом, вытащил нужные ссылки и как будто все что нужно - картинки, скрипты, видео, аудио - все скачалось. Однако локально не работает. Загружается заставка, лого и черный фон, картинки и музыка не подгружаются.
Анализируя сайт и локальную версию, вижу, что локально не подключены manifest.json и sounds.json, возможно из-за первого все проблемы...
В общем, хотелось бы понять, в чем дело, почему не подключается этот манифест, лежит на своем месте, в main.min.js подключение прописано - что ему не хватает?
Или проблема в чем то еще?
Автор: unreal666
Дата сообщения: 22.11.2015 14:25
Weinaum
По какому протоколу этот сайт открывается локально?
Автор: Weinaum
Дата сообщения: 22.11.2015 17:43
unreal666
http
Автор: gnom20109
Дата сообщения: 22.11.2015 17:45
посмотри какие переменные стоят. Но можно сделать на флеш как там сделано. Могу бек ап полный скинуть а там есть sfw.
Автор: Weinaum
Дата сообщения: 23.11.2015 11:39
gnom20109
не совсем понял, что значит "Могу бек ап полный скинуть"?
буду благодарен за любую помощь, вообще же мне хотелось бы разобраться, что у меня локально не так, что пропустил, что забыл или не учел. Могу скинуть перечень файлов, которые у меня, либо же вообще целиком то что у меня есть.
И да, мне кажется, модерновый канвас менять на флеш не самый правильный вариант...
Автор: unreal666
Дата сообщения: 23.11.2015 11:56
Weinaum
в отладчике смотреть не пробовал?
И про переменные скорее всего намекали, что возможно в них указаны пути, откуда грузить эти файлы.

Страницы: 12345678910111213141516171819202122

Предыдущая тема: jQuery: Перемещение якоря на верх страницы


Форум Ru-Board.club — поднят 15-09-2016 числа. Цель - сохранить наследие старого Ru-Board, истории становления российского интернета. Сделано для людей.