JavaScript

4,723 questions in this forum

1. jQuery.index() и другие моменты)

   Здравствуйте. Придумал себе задачку и застрял в реализации) Допустим есть такой код http://jsfiddle.net/9f535con/ Изначально задумывалось так: По клику на цифры убирается класс active и добавляется той цифре на которой кликнуто + всем другим соответствующим цифрам. То есть тыкнул на цифру 2 - все цифры 2 должны быть с классом active. Думал пользоваться jquery.index(), но наверно я не до конца понимаю как работает эта функция, поэтому получаю отказ кода работать) В планах было еще вот что: Как видите второй блок с горизонтальной прокруткой, задумывалось. что если там существует элемент с классом active - прокрутка должна крутиться так, чтобы этот элемент был в поле види…

   Asked by Нарек, November 17, 2015

   0 votes
   4 answers
2. Пейджер для слайдера

   Здравствуйте! Уважаемые форумчане, просьба помочь сданной проблемой. Имеется слайдер - http://supersimpleslider.com/. Очень хороший, только в нем нет так называемого пейджера - маркеры, которые показывают количество слайдов а также выделяет активный слайдер. Подскажите, пожалуйста, как можно "докрутить" маркеры к этому слайдеру? Заранее благодарю за помощь.

   Asked by volshebnyi, November 16, 2015

   0 votes
   3 answers
3. if/else в onclick

   <div class="price" onclick="$(this).find('.popup_block').css('height', '660px');"><span class="name" style="font-size: 12px;">Подробнее</span><div class="popup_block" style="height: 660px;">При нажатии на подробнее, блоку добавляется 660px высота, а когда нажимаю снова на ту же кнопку, то высота на 0 не становится. Решил что нужно сделать проверку если высота больше 0, то ставить 0, а если равна 0, то ставить 660px. Подскажите, пожалуйста, как в данный onclick добавить проверку?

   Asked by FitTech, November 16, 2015

   • if
   • onclick
   0 votes
   6 answers
4. Динамическая сетка галереи как в google images - как ускорить?

   Привет! Есть вот такая страница с фотками: http://apriori.leveler.ru/apriori/fotogalereya.html Хотелось отойти от скучной сетки и для равномерного заполнения листа объектами я использовал FreeWall Он изменяет размеры и расположение элементов для равномерного заполнения листа. Адаптивный. Но он, гад, безбожно тормозит. Хотя на демосайте у них всё хорошо. Вопрос - он ли тормозит? И как можно ускорить первоначальную прорисовку? Может, есть более интересные альтернативы? PhotoWall я пробовал - почему-то не подружились. Надо передавать массив картинок в JSON, мне это не оч удобно. да и ошибки в нем, не смог исправить

   Asked by d0ublezer0, November 13, 2015

   • jquery
   • grid
   • layout
   • gallery
   0 votes
   2 answers
5. Круглый прогресс бар

   Здравствуйте. Возникло две проблемы с круглым прогресс баром. Первая проблема: Как в коде js нужно изменить строчку, что бы значения процентов присваивалось уникальному классу? $(document).ready(function () { progressBarUpdate(23, 100);});Сейчас вот так: а нужно вот так (не понятно только с процентом): Вторая проблема: Как сделать вывод процентов так, что бы цифра была в div'e(как сейчас), а вот сам процент был в span? $(".status").html(x + "%");-- Код можно посмотреть тут: jsfiddle

   Asked by Temiks, August 25, 2014

   0 votes
   9 answers
6. Менять ширину одного блока при изменении другого

   Нужно менять ширину блока .middleв зависимости от ширины блока .right. Сделать при загрузке страницы получается, но нужно, чтобы скрипт выполнялся постоянно (отслеживал ширину правого блока и менял ширину среднего блока). Не могу понять, как сюда .on()прикрутить. Вот пример

   Asked by Torawhite, November 13, 2015

   0 votes
   17 answers
7. return -1

   Для чего здесь return 1 и return -1, ведь и без цифр всё работает? function compareNumeric(a, { if (a > return 1; if (a < return -1;}var arr = [ 1, 2, 15 ];arr.sort(compareNumeric);alert(arr); // 1, 2, 15

   Asked by DivMan, November 13, 2015

   0 votes
   2 answers
8. Вывод цены товара в зависимости от страны

   Здравствуйте. Есть интернет магазин, в котором каждый товар имеет две цены (в зависимости от страны покупателя, для первой - одна цена, для остальных - другая) и js-скрипт определения страны посетителя. Подскажите, каким способом эти цены лучше отображать посетителю? У меня сейчас две идеи: 1) цены для каждой из стран находятся в двух скрытых блоках (.price-1 и .price-2). При получении страны пользователя добавлять body класс .country-1 или .country-2, после чего с помощью css выводить определенную цену следующим способом: .country-1 .price-1, .country-2 .price-2 {display:block}. Неплохой вариант, как мне кажется, быстрее остальных, только непонятно, как к этому отнесутся…

   Asked by alex_web64, November 12, 2015

   0 votes
   2 answers
9. Метод slice

   var arr = ["Почему", "надо", "учить", "JavaScript"];var arr2 = arr.slice(1, 3); // элементы 1, 2 (не включая 3)alert( arr2 ); // надо, учитьПочему код выведет надо учить, а не "Почему"? Ведь в скобках говориться, то, что после первого элемента, удалить следующие три.

   Asked by DivMan, November 12, 2015

   0 votes
   3 answers
10. Более оптимальный код

    Здравствуйте. Есть такой код: var a = true, b = 0; if(a) { for(var i = 0; i < 1000; i++){ a++; b++; };} else { for(var i = 0; i < 1000; i++){ a++; };};Как его записать более оптимально?

    Asked by alex_web64, November 12, 2015

    0 votes
    8 answers
11. массив и цикл

    Где у меня ошибка? var arr = ["Яблоко", "Апельсин", "Слива"];var i = 0;while (i < arr.length;) { i++; console.log( arr[i] ); }

    Asked by DivMan, November 11, 2015

    0 votes
    1 answer
12. Ошиблись или я не правильно понял?

    Функция isNaN – стандартная функция JavaScript, которая возвращает true, только если её аргумент – NaN (не число). Функция Number возвращает NaN, если задать ей строку, которая не представляет собой допустимое число. В результате, условие звучит так: «выполнить, если только theNumber не является не-числом». var theNumber = prompt("Выбери число ", "");if (!isNaN(theNumber)) alert("Твоё число – квадратный корень из " + theNumber * theNumber);По описанию получается, если ввести букву, то условие должно выполниться, а на практике не выполняется. ! - не isNaN - является не числом !isNaN не является числом, какой смысл, здесь писать !isNaN, если isNaN и !isNaN - это то…

    Asked by DivMan, November 10, 2015

    0 votes
    2 answers
13. API слайдера Fotorama

    Доброе утро. Пытаюсь разобраться с API Fotorama. Задача следующая. Есть исходные изображения, которые подгружаются в слайдер при первой загрузке страницы. Надо при изменении выпадающего списка менять сами изображения в слайдере. В документации написано, что это можно сделать при помощи метода load(), но при этом надо соблюсти закономерности, которые применялись при изначальной загрузки изображений data(). Попробовал сделать так: $(function(){/* загрузка изображений при первом заходе на страницу*/ $('.fotorama').fotorama({ data: [ {img: 'images/7.jpg', thumb: 'images/7.jpg'}, {img: 'images/8.jpg', thumb: 'images/8.jpg'}, {im…

    Asked by slo_nik, November 10, 2015

    0 votes
    8 answers
14. Сбор всех необходимых данных со страницы в json

    Здравствуйте. У меня на странице есть много checkbox, textarea, input и других подобных тегов, которое содержат какую-то информацию. Подскажите мне алгоритм, как это все проще собрать в json. Проходить все элементы циклом? Или есть более оптимальное решение?

    Asked by alex_web64, November 10, 2015

    0 votes
    13 answers
15. треугольник с помощью while

    Есть код for (var line = "#"; line.length < 8; line += "#") console.log(line);Я его переделал на while var line = "#";while (line.length < 8) { console.log(line); line +=;}Где ошибка, не могу понять? Сделал так, но всё равно не правильно var line = "#";while (line.length < 8) { console.log(line); line = line + "#";}

    Asked by DivMan, November 10, 2015

    0 votes
    7 answers
16. Слайдер jQuery с текстовыми ссылками.

    Доброй ночи. Помогите, пожалуйста, найти слайдер, где вместо превью изображений можно вставлять обычный текст. При клике по тексту нужна смена слайдов. Сейчас использую на сайте "Fotorama", но в этом слайдере нет возможности вставить текст вместо превью. Просмотрел в инете с два десятка слайдеров, но не нашёл где можно использовать текст вместо изображений превью. Заранее благодарю за помощь.

    Asked by slo_nik, October 13, 2015

    0 votes
    4 answers
17. Плагин обратного отсчёта времени

    Добрый день. Возникла проблема с работой плагина в браузерах Google Chrome и Opera. Вот ссылка на пример. Ранее плагин работал при помощи php, функцией strtotime() задавался интервал дат. Понадобилось переделать установку диапазона на jquery. Попробовал сделать так $(function() { var d = new Date() var sDate = Date.parse('2015-04-15T12:00:00Z') / 1000 var eDate = Date.parse('2015-04-17T24:00:00Z') / 1000 var nDate = Date.now() / 1000 JBCountDown({ secondsColor : "#7AC855", minutesColor : "#7AC855", hoursColor : "#7AC855", daysColor : "#7AC855", startDate : sDate, endDate : eDate, now …

    Asked by slo_nik, April 16, 2015

    0 votes
    5 answers
18. 0,5*2 = 8?

    Сижу голову ломаю пол часа, почему js выдает 8 при (1,5-1)*2 ? Что я такого упустил? upd: Блин, ну как всегда, тему создаешь потом увидишь ошибку.. Проблема в "," вместо точки...

    Asked by Нарек, November 5, 2015

    0 votes
    1 answer
19. [XMLHTTP] Как написать запрос для выпадающего списка.

    Есть у меня код на js, спойлер например. Я хочу сделать что бы после того как нажал в область которую он раскрыл передавались и вставлялись данные которые нам по запросу передаст нейкий скрипт. Вся проблема в том, что я мало знаком с JS и тем более с XMLHTTP технологией. Результат который мы должны будем отправить для вставки в спойлер, скорее всего будет массивом. И возможно в будущем он будет немаленьким, так что прийдется разбить его на куски, и соответственно в том же спойлере сформировать что то типа листалки страниц (стр. 1, 2, 3 и т.д.). К примеру пусть 1на страничка спойлера хранит 10-15 значений из массива.

    Asked by KGB1st, November 4, 2015

    0 votes
    2 answers
20. Не работает скрипт во всех браузерах кроме Mozilla FireFox

    Доброго времени суток! Обращаюсь к знатокам своего дела! Ребят, подскажите малоопытному )) Не работает скрипт ни в одном браузере кроме Mozilla Firefox.. Вроде все просто, суть - показывать/скрывать поля при выборе значения select в форме Подскажите в чем дело, что не так и как это исправить? Вот тело: <form name="" id="" method="post" action="" onsubmit=""> <div style="padding-bottom:10px; "> <select > <option id="" class="3" value="">Вы новый пользователь?</option> <option id="" class="1" value="">Я новый пользователь</option> <option id="" class="2" value="">У меня уже есть кабинет</option> …

    Asked by ellato44, October 19, 2015

    • form
    • input
    • display
    • jquery
    0 votes
    12 answers
21. Вытаскиваем и сравниваем значения value

    На странице есть input и select: <input id="111" type="text" name="blabla" value="02"><select id="222" name="ololo"><option></option><option value="01">Текст 1</option><option value="02">Текст 2</option><option value="03">Текст 3</option></select>Нужно написать скрипт, который выбирает option со значением value, равным значению value в input'е и подставляет ему атрибут selected. Или, как вариант, можно присвоить значение value из input'а первому (пустому) option из списка. То есть, результатом работы скрипта должно быть следующее: <input id="111" type="text" name="blabla" value="02"><select id…

    Asked by LUC, November 1, 2015

    0 votes
    2 answers
22. jQuery tabs на select не переходить на вкладку а переходить принудительно в другую вкладку

    jQuery UI Tabs 1.8.18 jQuery tabs на select не переходить на вкладку а переходить принудительно в другую вкладку Подскажите как поступить ? Вот код: form.find("#ctrlTabs").tabs({ select: function (event, ui) {при переходе на определенную вкладку с индексом 2 осуществляется проверка (действие), и если нет (не выполняется условие) - то принудительно нужно открыть другую вкладку, как сделать? if (ui.index == 2) { $('#ctrlTabs').tabs("select", 0); - не работает............. } }, }); если же в хроме в консоли пишу $('#ctrlTabs').tabs("select", 0); - то переходит... что вот мешает? может какое другое со…

    Asked by Alexys, November 3, 2015

    0 votes
    2 answers
23. Как отключить балун

    Как отключить балун на яндекс карте чтобы не открывался при щелчке на метку?

    Asked by raptor-dm, November 1, 2015

    0 votes
    8 answers
24. Взять стиль из объекта

    Есть объект, в котором прописаны некоторые CSS-свойства. Хочется применить их к элементу. Делаю так (самое интересное ошибки нет) <!DOCTYPE html><html><head><meta charset="utf-8"><style>#d1 {width:200px; border:1px solid #ccc; margin:20px;}</style></head><body><button onclick="run(s)" id="Button1">Button1</button><div id="d1">div 1</div><script>var s = {id:'d1', background:'orange', padding:'10px', border:'2px solid green'};function run(s) { var el = document.getElementById(s.id), k; for (k in s) { if (k != 'id') { console.log('el.style.' + k + ' = ' + '"' + s[k] + '"'); e…

    Asked by user89, October 29, 2015

    0 votes
    5 answers
25. [jQuery / fadeTo / opacity] Плавное проявление картинок

    Спасибо. Сделал на CSS3

    Asked by iBars, November 1, 2015

    • jQuery
    • fadeTo
    • opacity
    0 votes
    0 answers