JavaScript

4,723 questions in this forum

1. Обновление контента в блоке без перезагрузки страницы

   Есть страница index.html Есть блок, например с классом content, в котором много блоков с различным контентом. Есть также навигационное меню, со множеством ссылок, и необходимо чтобы при нажатии на одну из ссылок меню обновлялся контент в блоке с классом content, затем при нажатии на другую ссылку меню старый контент исчезал, а появлялся новый. Слышал что это делается с помощью AJAX, но до конца не понял как. Спасибо за помощь.

   Asked by spyrofunk, March 28, 2016

   • html
   • css
   • javascript
   • jquery
   • ajax
   0 votes
   4 answers
2. самодельный коллбек

   помогите пожалуйста решить проблему часто использую jquery-функцию $.ajax. поэтому решил вынести её в отдельный объект следующим образом: var ajaxRequest = function(dataObj, requestFileName) { $.ajax({ url: 'js/project/ajax/' + requestFileName, type: "post", data: dataObj, success: function(json) { console.log('--' + JSON.parse(json)); return JSON.parse(json); } }); }; и затем могу хоть 100 раз обращаться к ней из любого места программы следующим лаконичный способом: var dotsObj = new ajaxRequest({graph_id: graph_id}, 'getDots.php'); проблема в том, что JS асинхронен. т…

   Asked by cyklop77, March 27, 2016

   • js
   0 votes
   4 answers
3. Fabric js пауза в анимации canvas

   Всем привет, вот незадача - не могу никак понять по какому принципу осуществить остановку анимации объектов в канве (скажем при наведении на объект курсора). По гуглам искал, находил, смотрел, читал, но так ничего и не смог оживить. Плюс к тому осваиваю библиотеку fabric.js - скорей всего там есть возможность паузы (думаю даже в StaticCanvas). Кто что может посоветовать?

   Asked by Jack_V, March 27, 2016

   • canvas
   • js
   • fabricjs
   0 votes
   0 answers
4. Соеденить два дубликата узла

   Здравствуйте. У меня есть два блока, к примеру <div id="z">z</div> <div id="x">x</div> Мне нужно их по очереди клонировать, а в конечном результате получить этот код в виде строки '<div id="z">z</div><div id="x">x</div>' Как это правильно сделать? Это для тестов https://jsfiddle.net/0wo1z717/

   Asked by alex_web64, March 27, 2016

   • clonenode
   0 votes
   5 answers
5. Использование not в jQuery

   У меня в примерах справочника используются вкладки, активная помечается классом active. Вот здесь показано. https://webref.ru/css/opacity#field_css_example В JS пытаюсь указать, что на элемент с классом active щёлкать не надо. Но всё равно срабатывает. $('.webrefExample-tabs-result').not('.active').click(function() {... Как правильно использовать not в данном случае?

   Asked by Vlad, March 27, 2016

   0 votes
   2 answers
6. длина многомерного массива

   помогите пожалуйста разобраться 1 пример js-скрипт делает ajax-запрос и получает ответ в виде массива. вывести в консоль количество элементов в массиве через .length получается $.ajax({ url: 'js/project/ajax/getDots.php', type: "post", data:{graph_id: graph_id}, success: function(json) { json = JSON.parse(json); console.dir(json); console.log(json.length); } }); $sql = 'SELECT * FROM `dots` WHERE `graphs_id` = ' . $_POST["graph_id"]; $result = mysql_query($sql); // or die(mysql_error()); $response = array(); if($resu…

   Asked by cyklop77, March 26, 2016

   0 votes
   5 answers
7. Поиск элементов в контексте

   Требуется найти все определенные элементы лежащие в контексте другого элемента. Например нужно найти все $('a') в $('div.parent') <div class="parent first"> <a>1</a> <div class="parent second"> <a>2</a> </div> <div> <a>3</a> </div> </div> При клике на ссылке 3 я нахожу ближайшего родителя с классом .parent, в нашем случае это $('div.parent.first') Теперь мне нужно найти все ссылки лежащие в этом .parent (т.е. 1 и 3) кроме ссылки 2, для которой ближайшим родителем с классом .parent является $('div.parent.second')

   Asked by Switch74, March 24, 2016

   0 votes
   8 answers
8. Помогите начинающему

   как написать такую функцию, чтобы если в <div class=" class-1 class-2"> один тег img тогда удаляем класс .class-2, если не один тогда оставляем

   Asked by Fizruke, March 24, 2016

   0 votes
   5 answers
9. Сапёр на движке Phaser от и до.

   Делаем сапёра на движке Phaser. Часть 1: подготовка графики. Вообще говоря любая игра обязана начинаться с тетрадки. Описывая игру в тетрадке вы понимаете чего вы хотите добиться от игры и набрасываете план действий. Все мастодонты инди-игр советуют начинать именно с этого шага и я бы не стал им пренебрегать. С другой стороны когда мы делаем клон игры (особенно такой простой как сапёр), можно смело пропускать "этап тетрадки" и сразу начать придумывать внешний вид. Ведь это гораздо интересней Как я и обещал, я постараюсь описывать создание игры в мельчайших подробностях. Поэтому первым делом расчехляйте свои фотошопы или гимпы. Предупреждаю сразу, что я пользуюсь фотош…

   Asked by Great Rash, March 4, 2016

   • phaser
   • сапёр
   • javascript
   0 votes
   8 answers
10. Уникальный класс Div на JS

    Ребят, помогите, пожалуйста, решить проблему. У меня есть 2 формы ввода текста и кнопка "Добавить". Мы указываем текст в полях для ввода, При нажатии кнопки "Добавить" в нижней части должна создаваться строка с указанными в полях данными. Вот макап http://prntscr.com/aizxpi. Подскажите, пожалуйста, как сделать, чтобы при нажатии кнопки "Добавить" созданный div имел уникальный класс (к примеру 1, 2, 3, 4 и т.д). У меня есть вот такой рабочий код https://jsfiddle.net/jy876zm0/4/ . К сожалению все попытки решить вопрос через i++ не удается, у всех классов индекс 0 (создается <div class="task-text0">) Ребят, подскажите, пожалуйста, как можно решит…

    Asked by VIVA, March 23, 2016

    0 votes
    2 answers
11. Активность меню и выбор меню

    Есть 4 таб меню, надо было, чтобы меню всегда было раскрыто, но вот теперь возникла проблема. Сейчас у меня подключена активность на меню, т.е. где находишься та вкладка и меняется, сейчас получается из-за изначальной задачи, у меня теперь активно два пункта >.<.... Если я убираю :first, то получаются активными все страницы. $( document ).ready( function () { $( '.menu_dop .tab-content:first' ).show( 0 ); $( '.menu_dop .tab:first' ).addClass( 'selected' ); $( '.menu_dop .tab' ).click( function () { $( '.menu_dop .tab' ).removeClass( 'selected' ); $( this ).addClass( 'selected' ); $( '.menu_dop .tab-content' ).hide( 0 ); $( this ).f…

    Asked by Mary_RND, March 21, 2016

    0 votes
    18 answers
12. js myCarousel

    Я воспользовалась вроде очень простой карусели, но возникла проблема прокрутки. Мне надо отображение 4 изображений, но если их ровно 4 или меньше и нажать стрелки прокрутки, то они соответственно все равно крутят их по кругу... Пыталась найти в настройках, как убрать кнопки, но там такой опции нет. Как это можно обойти? T_T Вот источник http://www.gmarwaha.com/jquery/jcarousellite/documentation.php

    Asked by Mary_RND, March 21, 2016

    0 votes
    8 answers
13. JS гугл карты

    Доброго времени суток. Работаю сейчас с xslt в umi Вопрос такого плана: Есть гугл карта, для двух городов, у одной один адрес, а у другой - 6, На карте есть 6 полей с описание, адресом и телефоном, если на поле нажимаешь, то карта показывает маркер на нужном адресе Я сделала обращение к полям, т.е. заполняется все отлично через админку. Если у офиса поменяется адрес, то ничего сложного нет, заходишь в админку, меняешь координаты в созданном специально для этого поле, все хорошо. Но! Есть одна неприятность при создании нового адреса. У плашек есть тип данных Адрес, на каждый новый адрес, надо создать в типе данных новое поле для координат. И каждый раз прописывать во…

    Asked by Mary_RND, March 16, 2016

    0 votes
    12 answers
14. Object.defineProperty

    Почему не работает alert? https://jsfiddle.net/jLdr97po/ writable: false запрещает менять значение свойства, значит значение не должно меняться, а вывестись старое значение, но почему оно не выводится? Второй alert, вообще никак не связан с объектом, почему он не выводится? и вот так тоже не работает https://jsfiddle.net/jLdr97po/1/

    Asked by DivMan, March 18, 2016

    0 votes
    7 answers
15. используя bootstrap3 получить device mode

    Всем привет, А нет ли возможности используя bootstrap3 получить ( и вывести на странице для отладки) какой из режимов(device mode) используется в данный момент ? Я имею в виду col-xs-, col-sm-, col-md- ...

    Asked by mstdmstd, March 21, 2016

    0 votes
    2 answers
16. Почему в мобильном Хроме нет того же обработчика что и на десктопном?

    Здравствуйте! Есть сайт. В десктопном Хроме на кнопку "Добавить в корзину" с кодом <input type="submit" name="addtocart" class="addtocart-button" value="Добавить в корзину" title="Добавить в корзину"> вешается обработчик Virtuemart.addtocart = function (e){... на событие click. Обработчик располагается в подключаемом файле /components/com_virtuemart/assets/js/vmprices.js?vmver=8847 Когда я начал отлаживать через кабель браузер в мобильнике, то там на событие click оказалось нет того же самого обработчика, хотя вышеуказанный vmprices.js также подключен в коде страницы. Почему в мобильном Хроме 42.0.2311.111 не висит указанный обработчик события клика по кнопке "До…

    Asked by borus, March 18, 2016

    0 votes
    3 answers
17. фигурные скобки

    Почему если это код запустить в песочнице, то он будет работать, а если в консоле, то не работает? { alert("Блок")}

    Asked by DivMan, March 18, 2016

    0 votes
    1 answer
18. Скрипт замены классов не работает в Chrome, почему

    есть скрипт заменяющий классы группе блоков и присваивающий определённый класс по ip function bir_0(){ $(".display").addClass('display_none'); $(".display").removeClass('display_block'); $("#bir_0").addClass('display_block'); $("#bir_0").removeClass('display_none');}function bir_1(){ $(".display").addClass('display_none'); $(".display").removeClass('display_block'); $("#bir_1").addClass('display_block'); $("#bir_1").removeClass('display_none');}function bir_2(){ $(".display").addClass('display_none'); $(".display").removeClass('display_block'); $("#bir_2").addClass('display_block'); $("#bir_2").removeClass('display_none');}function bir_3(){ $(".display").addClass('display…

    Asked by Dimasik, March 18, 2016

    • javascript
    • select
    • chrome
    • замена классов
    • jquery
    0 votes
    0 answers
19. Для colorpicker установить дефолтовое значение

    Всем привет На канве есть несколько текстовых элементов и и событие вызова диалога выбора цвета для фона текстового элемента Проблема в том что если кликнуть на текстовом элементе без цвета фона то открывается диалог с серой левой частью : Если же кликнуть на текстовом элементе с установленным фоном то диалог в левой части отображает текущее значение и цвета для выбора Хочется установить дефолтовое значение для первого случая Событие клика имеет код: /** * Change Background Color */ jQuery('.openTextBackColorPicker').on('click tap', function(event){ alert( "openTextBackCol…

    Asked by mstdmstd, March 18, 2016

    0 votes
    0 answers
20. Привязка контекста "bind"

    Здравствуйте. Подскажите пожалуйста такой момент: var user = { firstName: "Вася", sayHi: function() { alert( this.firstName ); } }; setTimeout(function() {user.sayHi();}, 1000); вот в этом примере автор говорит: "А что, если до срабатывания setTimeout (ведь есть целая секунда) в переменную user будет записано другое значение? К примеру, в другом месте кода будет присвоено user=(другой пользователь)… В этом случае вызов неожиданно будет совсем не тот!" и приводит вот такое решение: var user = { firstName: "Вася", sayHi: function() { alert( this.firstName ); } }; setTimeout(bind(user.sayHi, user), 1000); Так ведь и здесь до срабатывания кода мо…

    Asked by Mixail.09, March 15, 2016

    0 votes
    8 answers
21. Meteor JS

    Ребят, кто использовал метеор, помогите. Заколебался верстать и ждать ребилда. Сохранишь одну строчку в стилях и ждешь пол минуты ребилда. У кого был опыт с ним, решали проблему как-то?

    Asked by vladmih, March 17, 2016

    0 votes
    0 answers
22. Запрет на изменение размеров блока

    Здравствуйте. Есть три картинки. При клике на первую картинку она увеличивается в размерах. (получилось) При клике на вторую картинку - первая картинка уменьшается в размерах. (получилось) При клике на третью картинку - первая картинка запоминает свой размер и больше не изменяется. (не получилось) Как можно реализовать запрет на изменение блока только с помощью JQ? (Задача по JQ) Я думаю нужно сделать при клике на 3 картинку свойства !important, но не получается написать его с помощью JQ. ... <img src="img.jpg" alt="" class="img-circle" id="img-1" ><img src="img.jpg" alt="" class="img-circle" id="img-2"><img src="img.jpg" alt="" class="img-circle" id="img-…

    Asked by Temiks, March 16, 2016

    0 votes
    2 answers
23. Примитивы

    Что такое примитивы в JS? Я не понимаю самого слова.

    Asked by DivMan, March 15, 2016

    0 votes
    8 answers
24. Небольшая проблема с аккордеоном

    Проблема на самом деле смешная и решение простое, я это понимаю, но впадаю почему-то в ступор, когда начинаю над ней думать. И почему понять не могу. (может просто устала уже) У меня есть аккордеон, который раскрывает скрытый текст. Нажимаешь кнопочку и текст появляется. Вопрос. Как сделать чтобы текст "читать полностью" при раскрытие менялся на "скрыть текст" и соответственно обратно. Вот код аккордеона, для раскрытия текста по кнопке: $( '.accordionButton' ).click( function () { $( '.accordionButton' ).removeClass( 'on' ); $( '.accordionContent' ).slideUp( 'normal' ); if ( $( this ).prev().is( ':hidden' ) == true ) { $( this ).addClass( 'on' ); …

    Asked by Mary_RND, March 16, 2016

    0 votes
    2 answers
25. проблемка с mouse_wheel

    Добре. Содрал код с небезызвестной статьи по маус_вилл, кое-как его под себя адаптировал, задача в том, чтобы при прокрутке колеса каждому из 4х li поочередно присваивался класс. В файрфоксе работает правильно, в остальных браузерах, которые, очевидно, используют wheelDelta, отсчет прыгает через 1. Прошу помощи, сам понять не могу - то ли где-то синтаксис неправильный, то ли у wheelDelta значение не 120.. //ловит событие window.onload = function() {if (window.addEventListener) window.addEventListener("DOMMouseScroll", mouse_wheel, false);window.onmousewheel = document.onmousewheel = mouse_wheel;};//считает номер livar nav_num=0,mouse_wheel = function(event) {if (false…

    Asked by Justus, March 16, 2016

    • mouse_wheel
    0 votes
    0 answers