» вопросы по javascript

Mavrikii
сорри, не силен в js - стартовые позиции для каждого объекта я вижу где задаю -в kaber.js и в css -
а как определить для каждого объекта конечные позиции - не пойму...

Weinaum

Цитата:

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

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

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

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

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

Цитата:

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

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

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

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

возможно вот этот скрипт даст лучший результат https://github.com/janpaepke/ScrollMagic/tree/development
, вот пример из его коллекции
http://janpaepke.github.io/ScrollMagic/examples/advanced/parallax_scrolling.html

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

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

есть код 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 картинки. В скриптах не силен и так еле смастерил это.

BennyBlanco

Цитата:

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

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

Цитата:

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

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

Mavrikii

Цитата:

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

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


Цитата:

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

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

BennyBlanco

Цитата:

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

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

Mavrikii
Благодарю

Код:
<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>

UTF32KG
parent.getElementById('mainFrame').src = '...';

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

Isuaven
для начала изучи сам JS + DOM браузеров + Greasemonkey.

del

Здравствуйте, есть такая функция:

имитирует функцию 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];
}

в search и пробела нет, но ты же его почему-то оставил

unreal666
ну да, без пробела должно быть)

Приветствую!

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

Подскажите, как из пользовательской функции JS отменить введенный в поле ввода символ. Например, если на странице такой код

Код: <input onkeypress="return false;" type="text" size="30">

gerzikon
проблема по моему в тайминге

gerzikon

Код: <input onkeypress="return myfun();" type="text" size="30">

Приветствую, возможно, не совсем в нужную тему, если что прошу простить и направить в нужную.
Есть такой сайт - http://solidnature.com/
Очень понравилась реализация галереи камней, так, что захотелось сайт этот слить.
Однако все оказалось не так просто: простыми механизмами сайт сохраняется только частично, большое кол-во необходимых скриптов подключаются динамически, и их подключение, равно как и расположение и подключение картинок изначально прописано также в основном js - main.min.js
Изучил main.min.js чуть не под микроскопом, вытащил нужные ссылки и как будто все что нужно - картинки, скрипты, видео, аудио - все скачалось. Однако локально не работает. Загружается заставка, лого и черный фон, картинки и музыка не подгружаются.
Анализируя сайт и локальную версию, вижу, что локально не подключены manifest.json и sounds.json, возможно из-за первого все проблемы...
В общем, хотелось бы понять, в чем дело, почему не подключается этот манифест, лежит на своем месте, в main.min.js подключение прописано - что ему не хватает?
Или проблема в чем то еще?

Weinaum
По какому протоколу этот сайт открывается локально?

unreal666
http

посмотри какие переменные стоят. Но можно сделать на флеш как там сделано. Могу бек ап полный скинуть а там есть sfw.

gnom20109
не совсем понял, что значит "Могу бек ап полный скинуть"?
буду благодарен за любую помощь, вообще же мне хотелось бы разобраться, что у меня локально не так, что пропустил, что забыл или не учел. Могу скинуть перечень файлов, которые у меня, либо же вообще целиком то что у меня есть.
И да, мне кажется, модерновый канвас менять на флеш не самый правильный вариант...

Weinaum
в отладчике смотреть не пробовал?
И про переменные скорее всего намекали, что возможно в них указаны пути, откуда грузить эти файлы.