JavaScript

4,723 questions in this forum

1. https в iframe

   Помогите пожалуйста новичку в javascript. Исходные данные: Есть основная страница с адресом http://bla.com Есть iframe на этой странице у которого адрес https://bla.com/secure.html (HTTPS). Нужно по клику в iframe вызвать функцию на родительской странице: parent.MyFunction(); Получаю ошибку acceess denied. Поскольку это разные протоколы, то браузер считает что это межсайтовый скриптинг. Что можно сделать в такой ситуации?

   Asked by graf, August 1, 2011

   0 votes
   1 answer
2. Ошибки в IE при работе с style.display и странное HTML Object

   Здравствуйте! Решил недавно написать свой framework на подобие jQuery с возможностью удобной выборки селекторов и последующей с ними работы. Все прекрасно получилось и замечательно работает за исключением пары глючных модулей для вкладок и ротации контента. Собственно, проблема заключается в хитроподобном баге Internet Explorer, который до сих пор(тестил в последней версии IE Edge) проглатывания первого элемента массива с указателями на HTML Object'ы документа при попытке переключения z-index элементов прокрутки. Код: // Micro module rotate some contents // [element] :: ( #parents fixed container -> .slide selector ) rotate: function(e,c,t) { var e = this.html…

   Asked by xShift, October 29, 2015

   • IE
   0 votes
   2 answers
3. canvas: прыгающий текст

   Здравствуйте. Понадобилось реализовать на канве бегущий в разные стороны короткий текст, у которого случайные буквы во время анимации подпрыгивают или зеркально отражаются. Пока что реализовал таким образом: перед началом анимации на невидимой канве генерируется текст в нескольких вариантах, сохраняется в массиве в png и выводится методом drawImage. Каждые несколько кадров выводится другой вариант сохраненного изображения, создавая видимость прыгающих букв. В принципе, на текущий момент почти все устраивает, но, может быть, у кого-нибудь есть на примете более удачный вариант реализации?

   Asked by hedgehog, April 17, 2012

   0 votes
   2 answers
4. jquery hide() не работает

   Здравствуйте, коллеги! Помогите, пожалуйста, разобраться. Делаю простецкое классическое двухуровневое вертикальное меню, в котором список пунктов второго уровня должен появляться справа от списка пунктов первого уровня при наведении мышью на пункт-родитель. Появляется, работает. Но нужно скрывать меню второго уровня, если мышь его покинула, чтобы оно не оставалось висеть. И вот тут проблемы. $('#vertical-multilevel-menu>li').on('hover', function() { $('ul.child-item').hide(); var curul = $(this).find('ul.child-item'); curul.show(); curul.mouseout(function() { $(this).css('border-color', 'red'); $(this).hide(); }); }); mouseout отрабатыв…

   Asked by Elflight, January 15, 2013

   0 votes
   2 answers
5. Работа с файлами.

   Возможна ли работа с клиентскими файлами и папками (создание и наполнение)? Я вычитал в интернете про оператор createFolder и про createTextFile с createFile. Это действительно возможно?

   Asked by ВовчиГ, February 16, 2011

   0 votes
   6 answers
6. Ajax подгрузка + history

   Решил осуществить давнюю мечту - подгрузку данных на ajax и, найдя здешнюю статью (а вот и она), дико обрадовался, но вот беда - при нажатии на ссылку, контент конечно подгружается в нужный div, меняется URL, но через секунду перезагружается вся страница и показывается уже другая (та, которая должна появляться у тех, у кого JS отключен в браузере). Что делать - ума не приложу. JavaScript начал изучать совсем недавно и, наверное, поэтому ничего и не смог сделать. Ссылку на свой сайт кинуть не смогу, так как делаю на Денвере, но вот мой JS скрипт (измененный оригинальный): function supports_history_api() { return !!(window.history && history.pushState); } functi…

   Asked by RedBrains, July 27, 2011

   0 votes
   2 answers
7. Глюк jQuery или я чего-то не понимаю?

   HTML: <ul class="b-sideMenu> <li class="cur"><span>1</span></li> <li><span>2</span></li> <li><span>3</span></li> </ul> JS #1: $('#menu :not(.cur) SPAN').each(function(){ console.log($(this).text()) }); $('#menu').on('click', ':not(.cur) SPAN', function(){ console.log($(this).text()) });В консоль выводится "2" и "3" (логично). События click работает для всех SPAN. Почему? Должно работать для 2 и 3. JS #2: $('#menu >:not(.cur) SPAN').each(function(){ console.log($(this).text()) }); $('#menu').on('click', '>:not(.cur) SPAN', function(){ console.log($(this).text()) });В консоль…

   Asked by VJiK, February 11, 2012

   0 votes
   9 answers
8. карусель на Jquery

   Добрый день, есть карусель в блоке "Свадебные фото" на странице http://demo.htmlfromdesign.by/sbum/_index.html, карусель работает через плагин Roundabout - v2.2.1. У меня вопрос, как можно изменить размеры боковых миниатюр? Можете подсказать другой плагин

   Asked by idex, February 15, 2012

   0 votes
   1 answer
9. Изображение в новом окне

   Есть код на пхп, когда кликаешь по ссылке, на новой странице он выводит картинку и инфу, КАК передать мои данные пхп скрипта в JS, чтобы они открылись в новом всплывающем окне? Видел что-то похожее в интернет-магазинах, когда кликаешь открывается увеличенное изображение и описание к нему! может есть простое универсальное средство!? Вот так щас выводится изображение на страницу, а надо кликая по ссылке в новом окне, а какой код js в тег ссылки добавить я не пойму: <a href="http://$bodytext"><img src="mages/$pic">открыть в новом окне</a>

   Asked by okunev2, January 26, 2008

   0 votes
   1 answer
10. Позиция div в IE6

    Помогите с такой проблемой: Есть div, который позиционируется на уровне курсора. В Opere все нормально отрабатывает. targetElement.style.top = mY; в IE6 такой номер не проходит. Как это пофиксить?

    Asked by sviloga, June 26, 2011

    0 votes
    5 answers
11. Не всегда срабатывает скрипт

    Здравствуйте столкнулся с проблемой, не могу понять почему скрипт не всегда срабатывает. по замыслу это бургер меню которое работает только если ширина окна меньше чем 1025 после загрузки страницы или после ресайза, когда страница загружена результат всегда тот который и ожидался, а после ресайза иногда не срабатывает и меню не открывается, потом после следующего ресайза может заработать , может есть идею в почему так? function windowSize(){ myWidth = document.documentElement.clientWidth; if(myWidth<1025) { $("button.btn").on("click", function(){ $(".nav-collapse>ul").toggleClass("nav_active"); }); } } $(window).on…

    Asked by laliev, November 24, 2015

    0 votes
    1 answer
12. Доработка модуля joomla! кусочком jquery...I NEED HELP!

    Дорогие друзья - специалисты....пишет вам новичок из новичков так сказать. Поставили задачу написать сайт. Написал под управлением CMS Joomla!....теперь руководитель увидел на сайте московского головного управления нашей организации в новостном блоке на главной кнопочку "ещё новости", по нажатию которой в этом блоке появляется +5 материалов(но тот сайт написан под битриксом) .... и необходимо сделать такую же на нашем теперь. Никакого даже близко похожего модуля/компонента/плагина я не нашёл для Joomla. Взял модуль RAXO-ALL-MODE вот этоти в темплейте vert.php у меня таки хватило ума вставить саму кнопку....а теперь самая насущная проблема - я не знаю как заставить кнопочк…

    Asked by kovalenko, June 2, 2011

    0 votes
    3 answers
13. Проверка правильности заполнения формы

    Здравствуйте Есть форма в которой есть input для ввода даты (формат даты - yyyy-mm-dd) Как сделать проверку на jQuery что поле заполнено именно так?

    Asked by Jey Val Star, January 23, 2015

    0 votes
    7 answers
14. почему не работает delay?

    form.addClass("cart-product-adding"); btn.prop("disabled", true).text("Минутку"); // тут идет AJAX вызов и ждем ответ. после него изменяем статус кнопки и формы form.removeClass("cart-product-adding").addClass("cart-product-added"); btn.text('Готово').delay(200); form.removeClass("cart-product-added"); btn.text('В корзину').delay(1000).prop("disabled", false); Это логика формы добавления в корзину. Задача показать процесс добавления, пока ajax не вернет ответ. Сообщить об этом и поменять вид кнопки обратно по завершении обработки. Почему не работает delay в этом случае? Всё без остановки пролетает на последних четырех строчках UPD: нашел. потому что нужно исп…

    Asked by d0ublezer0, February 22, 2020

    0 votes
    0 answers
15. Расчет стоимости (сложение сумм)

    Здравствуйте! Подскажите пожалуйста как сложить сумму чеков и скроллов вое дину, чтобы все суммировалось... То есть чтобы $('.option').val() прибавлялось к $("#total") (итог). Примеры есть, но мусолить их, это пустая трата времени, по этому делаю сам ... Пример: http://codepen.io/anon/pen/bdaKad

    Asked by Omega24v, June 29, 2015

    • js
    • jqery
    0 votes
    6 answers
16. Интересное использование цикла for

    Читаю учебник, наткнулся на пример. Вот код: function tail(o) { for(; o.next; o = o.next) return o; } Вот описание: В данном примере цикл for используется для обхода связанного списка структур данных и получения последнего объекта в списке (например, первого объекта, который не имеет свойства next). Никак не могу понять, как работает данный код

    Asked by Bumblebee, January 9, 2013

    • for
    • циклы
    0 votes
    15 answers
17. Вывод результата на экран

    Всем привет!!! Нужна помощь, являюсь новичком в JavaScript, так что строго не судите! Задача следующая: В первом окне спрашивается что вы хотите купить, и есть 2 переключателя(например карандаш и ручка) и кнопка далее. При нажатии на далее выводиться в новом окне то что было выбрано!(например...выв выбрали ручку!) Хотябы напишите где можно найти инфу по этому....а то уже много что перерыл и пока ничего(...

    Asked by brm, March 22, 2009

    0 votes
    4 answers
18. Строки

    Как проверить, состоит ли строка только из букв латинского алфавита? (регистр не важен)

    Asked by YISHIMITSY, March 14, 2010

    0 votes
    2 answers
19. is undefined

    Есть такое <script type="text/javascript"> function testResults (serverform) { var cpu = serverform.cpu.selectedIndex; total.innerHTML = cpu; } </script> <form NAME="serverform" ACTION="" METHOD="GET"> <div id="content"> <div id="mySelect1"> <select name="cpu"> <option>Select Product</option> <option value="100">Intel Xeon X3440 2.53GHz(4 cores), 8MB L3 Cache, 2.50 GT/s QPI, 95W <option value="120">Intel Xeon X3450 2.66GHz(4 cores), 8MB L3 Cache, 2.50 GT/s QPI, 95W <option value="140">Intel Xeon X3460 2.8GHz(4 cores), 8MB L3 Cache, 2.50 GT/s QPI, 95W <option value="160">Intel Xeon X3470 …

    Asked by Simon, December 8, 2010

    0 votes
    7 answers
20. Иконка на картинке

    Здравствуйте, Нужна помощь, сам не справился =\. Есть страничка с картинками. Необходимо выбрать картинки определённого имени или ИД, и добавить к ним в нижнем правом углу иконку "Увеличить". Вот собственно и все дела =). Пробовал вычислять кординаты картинок, затем создавать див ( position:absolute ) с иконкой лупы и передвигать его на нужные кординаты страницы. К сожалению это не всегда правильно отображалось. Надо бы эти дивы создавать внутри самой картинки а не в таге <body>. А как мне создать или подкрепить див к картинке я не знаю =\. Помогите пожалуйста. Еслиб дело было с дивами то я бы просто изменял его innerHTML, в начале добавлял бы див, передвигал его н…

    Asked by Axel186, December 29, 2010

    0 votes
    6 answers
21. Выбор последнего елемента списка

    Всем привет. Коротко о себе Какой-то минимум соображаю в джиквери, и абсолютный минимум в чистом JS. Сел было за обучение, но сложно.. Вот решил начать с практики, с простых примеров. Очень надеюсь на помощь. Задача: Создать универсальную функцию, которая будет выбирать последний элемент из нужного нам списка и вешать на него класс "last-child" Примерно в таком вот виде: function initPage(){ initLastChild({ menuSelector: "#nav3" }); initLastChild({ menuSelector: ".nav-block" }); initLastChild({ menuSelector: ".product-block > ul" }); } function initLastChild(){ /**code*/ } Вроде бы самая элементарная вещь. Надеюсь кто-то объяснит "на пальцах" спасибо

    Asked by Yazon_Nile, March 16, 2012

    0 votes
    4 answers
22. Pager для ваших JS-страниц

    Пришлось работать с CMS, которая выдает данные в виде JS-массива, а уже с ними приходится работать через JS на странице... Задача была поставлена сделать по страничную разбивку данных. И что бы код не пропадал просто так, решил разместить его здесь. Следующий объект реализует по страничную разбивку JS данных, с возможностью использования нав-бара var pager = { data: [], onPage: 5, nowPage: 0, init: function(){ this.data = []; this.onPage = 5; var parsedURL = new Array(); var sURL = location.search.substring(1).split('&'); for(var i=0; i<sURL.length; i++){ var one = sURL[i].split('='); if(one[0] == 'page'){ this.nowPage = one[1]; } …

    Asked by Maslakoff, July 23, 2008

    0 votes
    0 answers
23. сохранение DOM дерева

    Всем здрасте. Наример при первой загрузке документа была таблица: <table> <tr> <th>head_1</th><th>head_2</th> </tr> <tr> <td>some data</td><td>50</td> </tr> </table> Далее в нее добавались новые строчки (при помощи скрипта на jqery), заполненные данными (введенными пользователем). Вопрос: как сделать так, что бы при сдедующей закрузке страницы все изменения в дереве html элементов были сохранены (или как внести эти измениня в документ) - елси конечно это возможно.

    Asked by paska, July 24, 2010

    0 votes
    3 answers
24. Объект и область видимости переменных

    Немного не понимаю, почему так происходит. Код: <script type="text/javascript"> // <![CDATA[ // --> var obj = {}; // Объект --> obj.one = function(){ // Метод --> a = 'Глобальная переменная a'; var b = 'Локальная переменная b'; } // --> obj.two = function(){ // Метод --> alert(a); alert(b); } // --> // ]]> </script> Вызываю: onclick="obj.two();" onclick="alert(a); alert(b);" Вопросы: У меня есть глобальная переменная 'a'. Почему ее нету в вызове onclick="alert(a); alert(;"? И самый главный вопрос: в вызове onclick="obj.two();" - я хочу получить переменный из метода "obj.one". (Логика была такая: хотел …

    Asked by DjTarik, October 7, 2010

    0 votes
    7 answers
25. Объясните код !

    Объясните, пожалуйста, код по полочкам, как работает и кто кого вызывает !! var i = 4; var shooter = function me() { alert( me.i ); }; shooter.i = i; shooter();

    Asked by cypler, April 20, 2013

    • Объясните код !!
    0 votes
    11 answers