Подскажите со скриптом

[Kenshi24]

Добрый вечер, подскажите пожалуйста как написать скрипт который при загрузке страницы и при смене шишины окна браузера задает ширину элементу с классом .test, вычисляя ее по формуле:

ширина .test = целая часть от ((ширина контейнера, в котором он находится) - 100) / 140

[raptor-dm]

$(document).ready(function(){

 

 

$(window).bind('load resize',function(){

     $('.test').width((ширина контейнера, в котором он находится) - 100) / 140);

});

 

 

});

 

так?

Edited February 14, 2015 by raptor-dm

[Kenshi24]

$(document).ready(function(){

 

 

$(window).bind('load resize',function(){

     $('.test').width((ширина контейнера, в котором он находится) - 100) / 140);

});

 

 

});

 

так?

Не работает(((

http://jsfiddle.net/p28bh7L3/

То есть ширина вообще не меняется(

Edited February 15, 2015 by Kenshi24

[raptor-dm]

 

$(document).ready(function(){

 

 

$(window).bind('load resize',function(){

     $('.test').width((ширина контейнера, в котором он находится) - 100) / 140);

});

 

 

});

 

так?

Не работает(((

http://jsfiddle.net/p28bh7L3/

То есть ширина вообще не меняется(

 

во первых там ошибка синтаксиса

во вторых библиотека jquery не подключена

в третьих вот http://jsfiddle.net/p28bh7L3/2/

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

 

p.s. у меня на локалке события load отлично срабатывает на jsfiddle нет почему та, я думаю на сайте у вас отлично будет работать.

Edited February 15, 2015 by raptor-dm

[Kenshi24]

 

 

$(document).ready(function(){

 

 

$(window).bind('load resize',function(){

     $('.test').width((ширина контейнера, в котором он находится) - 100) / 140);

});

 

 

});

 

так?

Не работает(((

http://jsfiddle.net/p28bh7L3/

То есть ширина вообще не меняется(

 

во первых там ошибка синтаксиса

во вторых библиотека jquery не подключена

в третьих вот http://jsfiddle.net/p28bh7L3/2/

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

 

p.s. у меня на локалке события load отлично срабатывает на jsfiddle нет почему та, я думаю на сайте у вас отлично будет работать.

 

Да, что-то с формулой накосячил, спасибо! Кстати как целую часть числа извлечь в JS?

[raptor-dm]

 

 

 

$(document).ready(function(){

 

 

$(window).bind('load resize',function(){

     $('.test').width((ширина контейнера, в котором он находится) - 100) / 140);

});

 

 

});

 

так?

Не работает(((

http://jsfiddle.net/p28bh7L3/

То есть ширина вообще не меняется(

 

во первых там ошибка синтаксиса

во вторых библиотека jquery не подключена

в третьих вот http://jsfiddle.net/p28bh7L3/2/

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

 

p.s. у меня на локалке события load отлично срабатывает на jsfiddle нет почему та, я думаю на сайте у вас отлично будет работать.

 

Да, что-то с формулой накосячил, спасибо! Кстати как целую часть числа извлечь в JS?

 

это?

http://javascript.ru/Number/toFixed

Edited February 15, 2015 by raptor-dm

[sookhrob]

Подскажите пожалуйста похожий скрипт прокрутки страницы при скроллинге как тут https://disk.yandex.ru/download/#desktop (обратите внимание что при прокрутке меняется URL)

Планируется использовать либо на чистом HTML (предпочтительно) либо на CMS Wordpress.

что то похожее на http://wordpress-club.com/demo/site/scroll-to.htmlно со скроллингом 

Edited March 6, 2015 by sookhrob

[raptor-dm]

Подскажите пожалуйста похожий скрипт прокрутки страницы при скроллинге как тут https://disk.yandex.ru/download/#desktop (обратите внимание что при прокрутке меняется URL)

Планируется использовать либо на чистом HTML (предпочтительно) либо на CMS Wordpress.

что то похожее на http://wordpress-club.com/demo/site/scroll-to.htmlно со скроллингом 

http://alvarotrigo.com/fullPage/examples/scrollBar.html#secondPage

если что там настройки есть. в низу examples есть там есть демки выбирайте на здоровье.

Edited March 7, 2015 by raptor-dm

[sookhrob]

 

Подскажите пожалуйста похожий скрипт прокрутки страницы при скроллинге как тут https://disk.yandex.ru/download/#desktop (обратите внимание что при прокрутке меняется URL)

Планируется использовать либо на чистом HTML (предпочтительно) либо на CMS Wordpress.

что то похожее на http://wordpress-club.com/demo/site/scroll-to.htmlно со скроллингом 

http://alvarotrigo.com/fullPage/examples/scrollBar.html#secondPage

если что там настройки есть. в низу examples есть там есть демки выбирайте на здоровье.

 

Раптор, спасибо за ответ.

Fullpage от alvarotrigo адаптивный? Помоему нет. Как сделать его адаптивным? 

Edited March 13, 2015 by sookhrob