JavaScript
A programming language that conforms to the ECMAScript specification
Explore Questions
There are no popular questions to show right now
-
0 votes1 answer
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes0 answers
4,723 questions in this forum
-
Jquery - конфликтуют части скриптов
Добрый вечер. У меня в одном файле находятся два скриптика, относящиеся к разным страницам, и вот первый скрипт делает нерабочий второй. Как можно их изолировать друг от друга, чтобы не было конфликта между ними? $(document).ready(function() {//————-los.html//норма/авария var los_status_val = $(".los-status-val"); if (los_status_val.html().toLowerCase() == "авария") { $(los_status_val).first().addClass("los-status-dam").removeClass("los-status-norma"); } if (los_status_val.html().toLowerCase() == "норма") { $(los_status_val).first().addClass("los-status-norma").removeClass("los-status-dam"); }//————-vod_uzel.htm…
0 votes4 answers -
Расширения хрома. Не могу отправить запрос.
chrome.extension.onMessage.addListener(function(request,sender,sendResponse){ jQuery.post("http://server/openhis.php", {"url":request['url']}, function(res) { sendResponse(res); });});Отправляю запрос из фоновой страницы расширения на локальный сервер. Запрос проходит - т.е. скрипт openhis.php - выполняется, но результат не возвращается.
0 votes0 answers -
Непонятный сдвиг области на устройствах Android
Прошу помощи профессионалов. Есть код: <style>* { max-width:100%; margin:1; padding:1; border:none; font-family: Arial, sans-serif; color:#332c2b}body {font-size: 15px; line-height:1.5; background-color:white; overflow-x: hidden;color:#f7f7f7;}h3 { font-size: 16px; color:#f16022}h2 { font-size: 20px; color:#f16022}#allwidth {width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.4);text-align: left;}input, select { color: black; border-radius: 3px; padding:3px; border: 1px solid #f16022; box-shadow: inset 1px 0 #f16022, 0 1px 0 #f16022 ;}#allwidthbt {display: block;width: 100%; height: 39px;margin: 10px auto;font-size: 14px;text-align: center;box-shadow: inset 0…
0 votes6 answers -
Не срабатывает событие
Добрый день! Столкнулся с проблемой. На сайте нужно написать простой скрипт, там подключен jquery , но при когда я вкшаю клик на какой то элемент то ничего не срабатывает, срабатывает только если я пишу так document.addEventListener("click", function(){ alert("Hello World!"); }); а если обращаюсь к какому то ID то не работает, как туту к примеру document.getElementById("megafooter").addEventListener("click", function(){ alert("Hello World!"); });пробовал вешать клик и через jquery, и на другие элементы но ничего не работает. в чем может быть проблема? и как возможно такое отловить? ссылка на сайт
0 votes7 answers -
Скрыть див при активном радиоботтоне
Здравствуйте При активном радиоботтоне нужно скрыть див с содержимым, для этого используется JS: <script type="text/javascript">var inp = document.getElementsByName('shipping_rate_id'); myadresLab = document.getElementById('vm_myadres_div'); myadresInp = document.getElementById('vm_myadres_input') pasportLab = document.getElementById('vm_pasport_div'); pasportInp = document.getElementById('vm_pasport_input');function func (elm) { if (elm.id == "hashd5561dda4545a69195256a8ee62fcc91" && elm.checked){//Самовывоз radiobutton myadresLab.style.display = "none"; myadresInp.style.display = "none"; pasportLab.style.display = "none"; pasportInp.style.display = "n…
0 votes1 answer -
Uncaught SyntaxError: Unexpected token =>
$currencies88 = array( 'WMR' => 'P', 'WMZ' => '$', 'WME' => '€', 'WMU' => '₴', 'WMB' => 'Br', ); echo "<div class=\"cont1\" style=\"text-align: center;\">"; echo "<div id=\"ammh15\" class=\"ctynh15\" style=\"text-align:center;\"></div>"; echo "</div>"; echo "$off_intrerst"; echo "<form id=\"wm-pay\" action=\"".$wm_url_adds."\" method=\"post\" target=\"_blank\"><div class=\"cont1\" style=\"text-align: center;\">"; if ($wmval_on == 1) { $javaScript = <<< JAVASCRIPT <script type="text/javascript"> function donateChangeCurrency( ) { var selection1Obj = document.getElementById( 'wm-pay-3' )…
0 votes18 answers -
На сайте в firefox в инпуты логина и пароля символы не вводятся
Всем привет, Получил в наследство сайт http://displo.com/backend/en/login в firefox в инпуты логина и пароля символы просто не вводятся - при этом в консоле JS-ошибок нет, свойства readonly, disabled не установлены Навешенных JS-скриптов я не заметил... В Google Cromium и Opera такой проблемы нет и логин и пароль нормально вводится. В чем может быть проблема? Спасибо!
0 votes1 answer -
Условное добавление и удаление класса css с помощью js
В теле функции прописан следующий код: if ( window.pageYOffset >270 ) { var obj=document.getElementById('imMenuMain'); obj.className="menuscroll"; } подскажите, как удалить класс если "pageYOffset <270" то есть при возвращении в исходное положение?!
0 votes4 answers -
Количество объектов в function
Здравствуйте. Использую простенькую функцию: function hide(nodeId){ var node = document.getElementById(nodeId); if (node) { node.style.display = 'none'; } }function show(nodeId){ var node = document.getElementById(nodeId); if (node) { node.style.display = 'inline'; } }Так вот. У меня несколько картинок(объектов) и замысел в том, чтобы при нажатии на одну кнопку - появлялась одна картинка, а все остальные исчезали Прописал вот что: onclick="show('car'),hide('car2','car3','car4','car5','car6')"Так вот, в итоге, почему-то hide применяется не ко всем объектам, которые я прописал, а только к первым 2 (или 3), остальные игнорируют функц…
0 votes3 answers -
jQuery кнопки
jQuery(function($) { $('#amoney .south').click(function(){ $('#amoney .south').removeClass('active'); $(this).addClass('active'); });});jQuery(function($) { $('#amoney').on('click', '.south', function(){ $('#amoney .south').removeClass('active'); $(this).addClass('active'); });});работают но как то странно написано <div id="amoney" class="amoney-module" style="text-align: center;"> <div id="amoney1" class="amoney-mod1" style="text-align: center;"> <span class="panel1"><a class="south" style="margin:3px;text-decoration: none;" onclick="hide_all()" title="" data-original-title="Скрыть все">Благодарность Автору</a>…
0 votes2 answers -
Не работает массив
<?php } if ($use_wm) { $ammhamoneyid = array('ammh1',); $ammhamoneytitle = array('MOD_AMONEY_WEBMONEY',); $ammhamoneyonclick = array('show_wm',); } if ($use_rupay) { $ammhamoneyid = array('ammh2',); $ammhamoneytitle = array('MOD_AMONEY_RBKMONEY',); $ammhamoneyonclick = array('show_rupay',); } if ($use_yandex) { $ammhamoneyid = array('ammh3',); $ammhamoneytitle = array('MOD_AMONEY_YANDEX',); $ammhamoneyonclick = array('show_yandex',); } if ($use_paypal) { $ammhamoneyid = array('ammh5',); $ammhamoneytitle = array('MOD_AMONEY_PAYPAL',); $ammhamoneyonclick = array('show_paypal',); } if ($use_moneybookers) { $ammhamoneyid = array('ammh7',); $ammhamoneytitle = …
0 votes21 answers -
Как обновить капчу (или canvas) без ajax
Всем добрый день! Сделал капчу на JS, но не знаю как ее обновлять. Возможно ли это сделать без ajax? При обновлении капчи не хочу его применять, т.к. обработка самой формы будет происходить с использованием ajax. Вот сделал для наглядности в песочнице http://jsfiddle.net/ocnfg5m4/4/ Буду благодарен за помощь! Вопрос закрыт! Решение: http://jsfiddle.net/ocnfg5m4/5/
0 votes6 answers -
Проверка заполненности input при наличии атрибута required
1. Есть очень простая проверка полей в форме авторизации loginForm.addEventListener("submit", function(event) { if (!(inputLogin.value && inputPassword.value)) { event.preventDefault(); console.log("Введите логин и пароль") } else { ... }});Это работает до тех пор, если не добавить атрибут required для input, т.е. выполнение js условия блокируется. Как быть в таких случаях, когда нужно, чтобы и required присутствовал и событие выполнялось? 2. Если поля незаполненные - добавляю ксласс ошибки модальному окну. Но при повторном попытке отправки формы - класс modal-error не удаляется.
0 votes1 answer -
Как добиться точности?
Подскажите пожалуйста как добиться точности выполнения. http://jsfiddle.net/sn7o7g1k/ Я понимаю что неточности из-за времени выполнения кода внутри функции setInterval, но неужели никак нельзя уточнить результат не увеличивая интервал?
0 votes6 answers -
В FabricsJS загрузить пиктограмку картинки
Всем привет, Используя FabricsJS мне нужно загрузить картинку в уменьшеном размере и в "view" mode. Я загружаю картинку width = 2480 и height = 1755 кодом: <div class='dashboard-layer1'> <div class="flyer-previews"> </div> </div> ... var predefinedWidth= 380 // SIZE OF IMAGE I NEED var predefinedHeight= 380 _obj= '<?php print json_encode($templateObj); ?>'; // data ofor image generating var _orientation = ''; var _link = <?php print json_encode( "dashboard/flyers"); ?>; // Add canvas and link it to its template jQuery('<canvas&g…
0 votes1 answer -
Менять ширину одного блока при изменении другого
Нужно менять ширину блока .middleв зависимости от ширины блока .right. Сделать при загрузке страницы получается, но нужно, чтобы скрипт выполнялся постоянно (отслеживал ширину правого блока и менял ширину среднего блока). Не могу понять, как сюда .on()прикрутить. Вот пример
0 votes17 answers -
.addClass(jQuery), classList.js и ie8
1. В js логике есть classList.add, для его работы в IE8 использую полифил classList.js. Однако, функции, которые используют classList.add по прежнему не отрабатывают(классы не добавляются), как если бы полифила и не было. 2. Делаю эмуляцию поддержки nth-child для IE8, вот таким способом хочу добавить дополнительный класс для ie8 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script><script>$('.form input:nth-child(2n)').addClass('nth-child-2n');</script><style> .nth-child-2n { margin-right: 0; }</style>Но IE напрочь не собирается реагировать на это, и класс nth-child-2n не добавляться. Ошибок в js …
0 votes2 answers -
ajax и дочерние элементы body
Здравствуйте. Есть код: <body> <input type="text" value="z" id="z"> <div> <input type="text" value="x" id="x"> </div></body>$.get(url,function(data){ $('#z',data).val(); // undefined $('#x',data).val(); // x})Подскажите, почему в ответе ajax-запроса дочерние элементы body как-будто не существуют?
0 votes6 answers -
Почему не работает кроссдоменный Ajax в Firefox?
Во всех браузерах кроме Firefox, Ajax работает. Код ниже. В Firefox выдает следующее: На сервере откуда берется html, в htaccess прописано: var urlPage = 'https://страница,где должна происходить магия', queryLink = 'https://ссылка с айди/?id=', linkPartners = 'https://ссылка на html на сервере.html'; $.ajax({ url: linkPartners, success: function(html){ if (urlPage == window.location.href) { $(".orange-box .blink").html(html).css({ "background": "none", "padding": "0" }); $(".orange-box").css('background', 'none'); $(".ob-content").css('background', 'n…
0 votes1 answer -
SPA js
Ребята, понемногу продвигаюсь в нативном js и один хороший человек посоветовал написать свою SPA (как я понял это такое себе приложение одностраничник), чтобы в дальнейшем, на собеседованиях или что-то в этом роде, я мог явно указать на то как я пишу свой код и вообще в целом что из себя представляю. Так вот вопрос, кто подскажет, с чем его есть? В интернетах нашел сумбурную инфу, какие-то старые холивары, пример TiddlyWiki, да книженцию. Представляю себе этот синглпэйджаппл как некую специфическую архитектуру. Может кто сталкивался и посоветует какие-либо материалы (опять же стоит ли изучать найденную мной литературу) или пояснит на пальцах?
0 votes3 answers -
Убегает меню при встраивании anchor.js
Разрабатываю небольшой сайт (просьба сильно не бить - это мой первый сайт и он еще не закончен) emwhp.com использую anchor.js для плавного к содержимому страницы по щелчку на каруселе : jsfiddle.net/psrRQ/4/ (исходник откуда брал скрипт) при попытке прокрутить карусель(брал исходники bootstrap) влево или вправо скрипт уводит видимую область экрана ниже меню. Подскажите пожалуйста как поправить.
0 votes0 answers -
Кроссворд для мобильных устройств
Здравствуйте, нужна помощь. Имеется готовый кроссворд, который хорошо работает на компьютере. Но есть проблема ввода текста с мобильных устройств, когда нажимаешь на поле ввода, само поле выделяется, но клавиатура для ввода даже не появляется. Помогите\подскажите, как заставить его работать на мобильных, код кроссворда прилагаю: <script> $(function () { var grid = [' @ @ @ @@@ @ @@', ' @ @', ' @ @ @ @ @ @ @ ', ' @ ', ' @@@ @@@ @ @@@ ', ' @ ', '@@ @ @ @ @@@ @ ', …
0 votes0 answers -
Слайдер jQuery с текстовыми ссылками.
Доброй ночи. Помогите, пожалуйста, найти слайдер, где вместо превью изображений можно вставлять обычный текст. При клике по тексту нужна смена слайдов. Сейчас использую на сайте "Fotorama", но в этом слайдере нет возможности вставить текст вместо превью. Просмотрел в инете с два десятка слайдеров, но не нашёл где можно использовать текст вместо изображений превью. Заранее благодарю за помощь.
0 votes4 answers -
Отсортировать пункты списка
Добрый день. Есть список, в котором присутствуют числа. Подскажите пожалуйста как сделать сортировку по убыванию, т.е. что бы при нажатии на кнопку сортировки <li>, содержащие меньшее число, переносились ближе к началу списка<ul>?
0 votes3 answers -
Переращет высоты содержимого блока
Здравствуйте. Использую вот такой скрипт jquery.equalheights.js от автора mattbanks для получения высоты самого высокого элемента. Мне нужно вызывать эту функцию перерасчета высоты каждый раз, когда пользователь изменяет размер окна браузера. К примеру, переворачивает телефон или планшет.. Я написал вот такой код для этого: $(document).ready(function () { function heightItemDetect() { $('.services-list .services-item').equalHeights(); }; setTimeout(heightItemDetect(), 300); $(window).resize(function () { heightItemDetect(); });});Но при изменении размеров окна браузера он не срабатывает. Что я делаю не так?
0 votes0 answers