JavaScript

4,723 questions in this forum

1. Что еще желательно прочитать ?

   Прочитал курс learn.javascript.ru, затем прочитал Флэнага Подробное руководство по JS, понимание о js стали неплохими!!! теперь практика и еще раз пратика ? что еще прочитать по js ? оптимизация и производительность кода ? или до этого еще рановато?

   Asked by ilyas, June 17, 2014

   0 votes
   19 answers
2. Помогите разобраться со скроллингом сайдбара

   Добрый день! Хочу у себя на сайте сделать что-то подобное как на http://vz.ru . Когда прокручиваешь страницу, боковые блоки упираются в свое окончание контента и тоже прокручиваются до футера. Но из-за нехватки знаний jquery не могу разобратся. Нашел из файл, где это все хранится в http://vz.ru/vengine.js и понял, что все прокручиваемые колонки имеют класс fixed_wrap, а не прокручиваемая fixed_wrap2. Я вырезал кусок из файла js и подключал его в head и ничего не происходит, вот код initFixColumn: function() { if (jQuery.browser.mobile) return; var initColumns = function() { jQuery(".fixed_wrap2").each(function() { var div = jQuery(this); if (div.height() &gt…

   Asked by ampsd, June 25, 2014

   • jquery
   • fixed
   • scrolling
   0 votes
   2 answers
3. принцип работы калькулятора

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

   Asked by cyklop77, June 24, 2014

   0 votes
   8 answers
4. Как правильно организовать загрузку

   Хочу странного )) У меня есть слайдер, в котором первая картинка на сервере выводится в центре, а все остальные урлы к картинкам записываются в data-src к пунктам превью. Вобщем, вот тут все понятно http://codepen.io/amelice/pen/lazAK. Слайдер работает так, при нажатии на кнопки контрола ( вперед и назад, пункты превью) вытаскивается дата-срс с нужного пункта и пишется в src на центральной картинке. Проблема в том, что загрузка картинки начинается только когда происходит событие - приходится ждать когда картинка не маленькая. Мне кажется, что можно как то оптимизировать этот момент, чтоб можно было сразу не грузить все картинки, а по мере необходимости, ну и чтоб не тормо…

   Asked by amelice, June 18, 2014

   0 votes
   16 answers
5. Fancybox окно фиксированной ширины

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

   Asked by vip, June 23, 2014

   0 votes
   4 answers
6. offset().top

   var ofTop = $('#toScroll').offset().top; $(window).scroll(function(){ var scTop = $(this).scrollTop(); console.log(ofTop,scTop) if ( (scTop + 20) > ofTop ) { $('#toScroll').addClass('fixed') } else { $('#toScroll').removeClass('fixed') } }) Есть блок который должен ездить при скролле страницы, аля bootstrap. в хроме, мозиле, опере все работает в сафри нет вывел в консоле ofTop в хроме, мозиле, опере отдает правильное значение 519, а в сафари 2561... Что я делаю не так?

   Asked by vladmih, June 23, 2014

   0 votes
   5 answers
7. Не работает элементарный код

   Цикл не работает, в консоли ошибки нет, этот код проход по тэгам img и просто добавляет событие click после готовности документа, почему то не работает, кликаю на картинку она не скрывается window.onload = function() { var images = document.getElementsByTagName("img"); for(var i = 0; i < images.lenght; i++) { var image = images[i]; if (image.addEventListener) image.addEventListener("click", hide, false); else image.attachEvent("onclick", hide); } function hide(event) { event.target.style.visibility = "hidden"; }};

   Asked by ilyas, June 20, 2014

   0 votes
   3 answers
8. Получение ссылок из блока с рекламой в скрипт

   Всем привет, в джавасрикпт я почти ничего не смыслю так что решил обратиться к вам, я думаю все знают что такое так ру и кликандер. В чем суть вопроса, можно ли сделать так что бы кликандер открывал в новом окне ссылки из блока с рекламой от так ру ? Вот код кликандера <script type="text/javascript">var params = "menubar=yes,location=yes,resizable=yes,scrollbars=yes,status=yes"function PopShow3() {CookieTest=navigator.cookieEnabled;if(CookieTest){ClickUndercookie = GetCookie('clickunder');if (ClickUndercookie == null){var ExpDate = new Date ();ExpDate.setTime(ExpDate.getTime() + (24 * 60 * 60 * 1000));SetCookie('clickunder','1',ExpDate, "/");window.open("http://ya.…

   Asked by denisman, June 19, 2014

   0 votes
   0 answers
9. Печать другой страницы (window.open;w.print)

   Здравствуйте, уважаемые знатоки! Помогите, пожалуйста, разрешить ситуацию. На моём сайте присутствуют ссылки на открытие и печать другого документа во всплывающем окне с помощью window.print. То есть при нажатии на ссылку печатается не текущая страница, а открывается другая, а затем при помощи кода, указанного ниже, печатается автоматом: <a href="/example" onclick="w = window.open(this.href, '1402961340926','width=500,height=300,toolbar=0,menubar=0,location=0,status=0,scrollbars=1,resizable=0,left=0,top=0'); w.print(); setTimeout('w.close()', 500); return false;">ПЕЧАТАТЬ ДРУГУЮ СТРАНИЦУ</a> Всё прекрасно работает. Однако проблема заключается в том, что если …

   Asked by Сергей Милорадович, June 18, 2014

   • javascript
   0 votes
   2 answers
10. Stellar.js и own scroll property

    Есть паралакс плагин - stellar.js. И я задаю ему свои параметры для скролла из-за того, что окно я скролю не обычным способом, а через translate. Все бы хорошо, но на ресайзе возникает проблема - которую я итак и этак пыталась решить, но в конечном итоге все было не то - внешний вид картинки просле ресайза отличался от вида при первой загрузке в таком же разрешении. http://html2css.ru/paul4/ $.stellar.scrollProperty.myScroll = { getLeft: function($element) { return offsetMainLeft; }, // setLeft: function($element, val) { // $element.scrollLeft(0); // }, getTop: function($element) { return 0; } } $("#main-viewport").stellar({ scrollProperty: 'myScroll', posi…

    Asked by Zverushka, June 18, 2014

    0 votes
    1 answer
11. Вопрос по робокассе

    Подключаю робокассу, но возникли мелкие вопросы (гайд посмотрела, почитала). Мне удалось сформировать запрос на тестовый сервер и он выдал нужную страничку, а не ошибку. Заявки result уходят на почту, 2 страницы success и fail прописаны в настройках робокассы. 1)___ Теперь можно активировать аккаунт и все готово? Или нужно проделать еще что-то? От success и fail - мне не нужно никаких расшифровок входящий данных, а просто вывести сами страницы. И такой вопросик - в сформированном урл для оплаты я не прописываю валюту платежа, да и собственно осуществляю редирект напрямую, без подгрузки микроформы, где можно выбрать валюту. Пока я не активирую аккаунт - я не могу…

    Asked by Zverushka, June 3, 2014

    0 votes
    20 answers
12. Не возводит в квадрат

    Хочу написать функцию, которая будет возводить в квадрат, именно через цикл! Но у меня почему та цикл не считает квадрат, хотя должен. В чем ошибка http://jsfiddle.net/8VTvm/ ?

    Asked by WEB-best, June 15, 2014

    0 votes
    8 answers
13. setTimeout не срабатывает

    http://jsfiddle.net/Zverushka/GddQh/ Никакой задержки

    Asked by Zverushka, June 16, 2014

    0 votes
    4 answers
14. Замена картинки при наведении мыши в области сложной формы

    Здравствуйте. ​ ​Я не слишком опытен в JS, но немного программировать могу. ​ ​Возникла задача заменять либо часть картинки, либо всю картинку при наведении курсора на области этой картинки, которые должны быть сложной формы. ​В итоге должно выглядить так: есть фото системного блока, и при наведении на его элементы, они заменяются (либо вся картинка), на те-же самые, но подсвеченные элементы. ​ ​Как реализовать подобное? Подскажите пожалуйста.

    Asked by Welsoni, June 14, 2014

    0 votes
    3 answers
15. Javascript

    Здравствуйте! Мне бы не помешала небольшая помощь. Суть моей проблемы в том что я не могу понять какой скрипт нужно указать для того что бы он со строки забрал например имя и вставил его в другое место после нажатия кнопочки) Например: У меня есть анкета, человечек ее заполняет и в поле имя он написал Иван Петров (все совпадения с реальными людьми случайны), нажал кнопочку ок и ему вылазит окошко в котором написано "Поздравляем Вас Иван Петров Ваших мозгов вам хватило заполнить одно поле, можете забрать свой миллион в психбольнице!" Вот что то типо такого. Или если кто знает где можно найти информацию об этом скрипте скиньте ссылочку пожалуйста.

    Asked by Skimus, June 15, 2014

    • Javascript
    • строка
    • новичку
    • помощьб
    0 votes
    1 answer
16. Скрипт зума простра фото

    Ищу скрипт иили билиотеку http://shop.eurydike.ru/catalog/topcoat/classic/palto_model_61386_1/ как здесь при навдении на фото справа просмотр. Подскажите название, или может есть другое более гибкое решение?

    Asked by okunev2, June 15, 2014

    0 votes
    4 answers
17. Вернуть скролл на место

    http://jsfiddle.net/Zverushka/7LXJg/ суть проблемы

    Asked by Zverushka, June 14, 2014

    0 votes
    7 answers
18. Скрипт фото галлереи для картчоки товара

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

    Asked by okunev2, June 15, 2014

    0 votes
    3 answers
19. Не вычисляется scrolleft при загрузке страницы

    Есть строчки в коде http://html2css.ru/paul3/index.html#nav-contacts Информация выводится в консоль. var offsetMainLeft = $("#main-viewport").scrollLeft(); console.log(offsetMainLeft); console.log($("#main-viewport").scrollLeft()); setTimeout(function() { console.log($("#main-viewport").scrollLeft()); }, 500);Не понимаю почему мы получаеv 0, когда грузится по якорю сразу, dom сформирован...

    Asked by Zverushka, June 14, 2014

    0 votes
    1 answer
20. Регистрация. Далее преобразованный(готовый) файл к печати...

    Доброго времени суток, Господа форумчане... Не подскажете в каком направлении мне копать, что бы откопать такое сокровище как "после того как я регистрируюсь на сайте, каким то волшебным образом мои данные выводятся на другой странице уже в формате, которую я уже не смогу изменить..."? Меня это очень интересует. Я бы хотел себе сделать такой же функционал, что бы человек зарегестрировался и получил файл к печати. В форматах либо PDF или JPEG. Вот пример того что я хочу: http://savepic.net/5740215.htm

    Asked by sinequanon, June 14, 2014

    • form
    • pdf
    • jpg
    • script
    0 votes
    4 answers
21. Модальное окно jquery ajax

    Здравствуйте! Нужна помощь! Я набросал скрипт на JQuery по сокращении статьи и добавлении ссылки "читать дальше", но теперь не могу сделать что бы по нажатию на эту ссылку открывалась полная статья в модальном окне, с помощью JQuery ajax наверное. (или что-то вроде того). Спасибо.

    Asked by Даниил Виттманн, June 12, 2014

    0 votes
    8 answers
22. Google Maps API Проложить маршрут от м.Берестейка (Киев) к заданному адресу / Google API

    Привет всем! Такая проблема, как по нажатию кнопки сделать построение маршрута от метро Берестейка к определенному адресу (адрес известен) ?. <button class="route btn btn-primary" id="travelMode1" data-travelmode="WALKING">Пешком</button> <button class="route btn btn-primary" id="travelMode2" data-travelmode="DRIVING">На авто</button> function initialize() { var settings = { zoom: 17, center: new google.maps.LatLng(50.445068, 30.420486), mapTypeControl: true, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU }, navigationControl: true, …

    Asked by ataman, June 11, 2014

    • Google API
    0 votes
    8 answers
23. скроллинг анимация на мобильных устройствах

    Есть вот такой лендинг http://portfolio.alexlebedev.name/kubicom/ Там есть блок "Схема работы с нами", который должен появляться с анимацией. Все хорошо работает на десктопах, т.е анимация происходит в тот момент когда блок появляется в зоне видимости. Но проблема появляется на мобильных устройствах, анимация начинается когда блок находится примерно по центру ( на смартфонах), на планшете чуть ниже. Вот как это реализовано: https://codeo.me/57V Сделал пример на js.bin http://jsbin.com/batohode/3/edit Здесь все работает хорошо...

    Asked by swandev, June 8, 2014

    0 votes
    4 answers
24. Не коректно работает .hover в скрипте для SVG карты

    Имеется карта SVG при наведении курсора на область ее цвет изменяется. На первый взгляд все работает, но после того как курсор убран с области скрипт возвращает значение прописанное в последнем "color", а должен брать значение конкретной области. Также скрипт использует только значение последнего "color_hover". Получается наведя на область №1 она становится синего цвета а должна быть красная, после того как курсор убран с области ее цвет становится черным, а должен быть белым. Есть код такого вида: var paths = { Ob: { color: '#ffffff', color_hover: '#ff0000', name: '<b>Область №1.</b>', path: 'M 203,209 L 204,206 L 209,201 L 217,201 L 220,…

    Asked by Lexss, June 9, 2014

    0 votes
    2 answers
25. правильный duration для анимации

    Не могу придумать правильно распределить duration для анимации тикера. Если окно меньше 684 пикселя, то тикер двигается горизонтально, алгоритм движения такой: -вычисляю ширину первого элемента ссылки списка и двигаю margin-right самого списка на эту ширину. -при окончании анимации убираю первый элемент в конец. восстанавливаю значение списка и т.д. и дальше по такому алгоритму двигаются остальные элементы. Проблема в том, что элементы списка по ширине разные, если прописать константу для duration, то длинные элементы двигаются быстро, а короткие медленно. а нужно чтобы двигались одинаково. Я попробовала так: var el = ticker.settings.list;var widths = 1; …

    Asked by amelice, June 6, 2014

    0 votes
    5 answers