JavaScript
A programming language that conforms to the ECMAScript specification
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
4,717 questions in this forum
-
Книги по JavaScript
Если кому известны хорошие печатные книги по JavaScript или ссылки на них в электронном виде, пожалуйста, указывайте их в этой теме (автор, название, год). Не указывайте здесь ссылки на статьи или сайты.
0 votes134 answers -
Полезные ссылки
Основы Начала JavaScript Справочники (...) Сайты http://www.javascript.ru/ http://www.javascriptkit.com/ (анг.) http://www.javaportal.ru/ Спецификации (...) JavaScript ООП Объектно-ориентированный JavaScript JavaScript. Создание объектов Объектная Модель. Детали. Наследование в JavaScript Библиотеки, фреймворки Ext JS - cross-browser JavaScript library for building rich internet applications. High performance, customizable UI widgets Well designed, documented and extensible Component model Commercial and Open Source licenses available. MooTools - compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allow…
0 votes36 answers -
FAQ по JavaScript
Проверка файла на существование - 2 Скрипт вычисляющий высоту контента в документе Как подсчитать колличество сим. в textarea? Добавить в избранное (Кроссбраузерные закладки) - http://www.tigir.com/addbookmark.htm Дата в Опере (В IE отражает нормально в Опере примерно так: Сегодня: 31.7.107) Короче надо замутить таймер который бы показывал сколько времени человек провел на сайте на яваскрипте. Как значение переменной перекинуть из JavaScript в PHP? как зделать ссылку ,чтобы при наведении на не? появлялась картинка ? Проверка, отключен ли показ картинок в браузере AJAX - кодировка Очистить <INPUT> типа "file"? Ajax и кнопка back Выделение текста на всей странице с по…
0 votes3 answers -
Возврат объекта
Доброго времени суток. Прохожу курс Б. Стащука и на самостоятельное изучение было дано задание: В следующем коде преобразовать в стрелочной функции неявный возврат объекта в "явный" (как я понимаю, используя return) Читал про стрелочные функции, но так и не разобрался. Так как все-таки это сделать? const newPost = (post, addedAt = Date()) => ({ ...post, addedAt, }) const firstPost = { id: 1, author: 'Nick', } console.log(newPost(firstPost))
0 votes3 answers -
Нужна помощь с кодом формы
Всем привет. Есть форма одна , нужно под каждую модель сделать отдельную Я делал другую форму и прикреплял к другой модели "Карпатська", форма работает но не отправляет на телеграм заявку. Помогите пожалуйста, я не особо шарю, а тот кто делал натягивает на деньги постоянно. Просто пример а дальше я уже сам смогу. https://test.xn--80apgcl9h.com.ua/ <!--Код форми start--> <div id="form-color" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="left-form"> …
0 votes0 answers -
не получается открыть ссылку на сайте
<div id="particles-js"> <canvas class="particles-js-canvas-el" style="width: 100%; height: 100%;" width="1365" height="949"></canvas> </div> </div> <script src="https://cdn.rawgit.com/FicriPebriyana/efek/0a935a6c/efek%20salju.js" type="text/javascript"></script> <script type="text/javascript"> $.getScript("https://cdnjs.cloudflare.com/ajax/libs/particles.js/2.0.0/particles.min.js", function(){ particlesJS('particles-js', { "particles": { "number": { "value": 80, "density": { "enable": true, "value_area": 800 …
0 votes0 answers -
помогите снять ограничение
скрипт работает до 30 августа как снять ограничение? W O L F - W1987W.txt
0 votes0 answers -
Проблема с копированием
указаны код работает на xampp но на реальном хостинге или Open Server не работает. можете помочь? $('#button1').on('click', () => { let text = $('#options_value').html(); text = text.replaceAll('<br>', "\n"); navigator.clipboard.writeText(text); });
0 votes1 answer -
Построение ломанной линии в JS
Замечено, что на балке, имеющей чередующиеся между собой неподвижные опоры и подвижные шарниры, при наличии участка, где если сделать подъём точки в бесшарнирном пролете, то можно получить вертикальное перемещение шарниров, как показано на картинке. Как с помощью JS описать этот процесс с выдачей необходимых результатов?
0 votes0 answers -
Как сделать чтобы закрывалось только одно модальное окно когда открыто несколько?
Использую готовый плагин для модальных окон(от MaxGraph). Проблема в том, что когда у меня открыто два модальных окна, для примера Форма + Политика конфендициальности, и мне нужно закрыть политику вместе с ней закрывается и другое модальное окно. В JS я не сильно разбираюсь(собственно из за этого и использую готовый плагин), можете помочь кто работал с этим плагином? Я примерно понимаю как он работает, но реализовать чтобы закрывалось только одно не получается. <div class="content"> <button class="modal-btn" data-path="first" data-animation="fadeInUp" data-speed="1500">Открыть окно 1</button> </div> <div class="modal"> …
0 votes2 answers -
Случайный выбор из списка
Здравствуйте! Стоит задача сделать случайный выбор из списка, который должен состоять из <div>'ов, в которых картинка и ссылка! Так как мне надо сделать несколько таких на одной странице, является ли возможным список сделать в отдельном файле, и ссылаться на него? В js не шарю совсем! Прошу помочь или просто навести на мысль! Спасибо)
0 votes2 answers -
Не удаётся задать текст элемента input checkbox
Пытаюсь динамически сформировать группу элементов <input type="checkbox"> Элементы создаются, но не получается задать им надпись, хотя раньше, создавая их вручную в HTML, всё получалось.. vk-groups-3.html vk-groups-1.html наладил.. vk-groups-3.html
0 votes0 answers -
Помощь с javascript и загрузкой данных
Здравствуйте. Имеется рабочий скрипт конвертера валют. https://ilyamio.github.io/currencyconverter/ Мне необходимо изменить источник загрузки курсов на ЦБ РФ вот по этой ссылке: https://www.cbr.ru/scripts/XML_daily.asp А также мне необходимо установить ограничение на количество обращений к сайту ЦБ РФ - 1 раз в сутки. При частом обращении, могут заблокировать. Вот в этом js файле находятся настройки конвертера: const from_currencyEl = document.getElementById('from_currency'); const from_ammountEl = document.getElementById('from_ammount'); const to_currencyEl = document.getElementById('to_currency'); const to_ammountEl = document.getElementById('to_ammoun…
0 votes4 answers -
Задача по JavaScript
Здравствуйте, никак не могу решить задачу: требуется получить веб-страницу, где пользователь вводит имя и фамилию в соответствующие поля, нажимает кнопку "отправить" и в результате выводится фраза: Ответ: Здравствуйте, Имя Фамилия. Всё получилось кроме одного: при нажатии на кнопку выводится только " Ответ: Фамилия", а слово " Здравствуйте" и имя почему-то не выводятся. Даю ссылку на файл. https://disk.yandex.ru/d/6n834dYn8ForIw Заранее спасибо. С уважением, Наташа.
0 votes1 answer -
Как использовать alert()
Надо чтобы при нажатии на ссылку выскакивал allert с надписью "Cпасибо что вы посетили наш сайт!"
0 votes1 answer -
Требуется переход к следующему блоку теста при условии, что в нынешнем блоке сумма ответов равна 10.
Подскажите, пожалуйста, как в css прописать код, чтобы получилось следующее: переход к следующему блоку возможен только если сумма ответов по нынешнему блоку равна 10. Просто у меня есть тест из 7 блоков, в каждом блоке 8 утверждений. Тестируемый должен распределить 10 баллов между этими 8-ю утверждениями. Если он распределил больше баллов или меньше, то переход не должен срабатывать, чтобы тест был пройден верно.
0 votes1 answer -
Помогите разобраться
Я написал один и тот же код ... но почемуто один работает другой нет? немогу разобраться. помогите должно быть сообщение Winner! в файле x1.html код работает а в файле oxo4.html нет (при выстраивании в ряд трех ООО) x1.html oxo4.html
0 votes0 answers -
Проблема с ссылками при прокрутке
Сделал вот такой эффект прокрутки вглубь сайта с появляющимися картинками и исчезающими когда прокручиваешь. let zSpacing = -1000, lastPos = zSpacing / 5, $frames = document.getElementsByClassName('frame'), frames = Array.from($frames), zVals = [] window.onscroll = function() { let top = document.documentElement.scrollTop, delta = lastPos - top lastPos = top frames.forEach(function(n, i) { zVals.push((i * zSpacing) + zSpacing) zVals[i] += delta * -5.5 let frame = frames[i], transform = `translateZ(${zVals[i]}px)`, opacity = zVals[i] < Math.abs(zSpacing) / 1.5 ? 1 : 0 frame.setAttribute('style', `transform: ${transform}; opacity: ${…
0 votes5 answers -
Как текст одного блока раскидать по нескольким указанным блокам?
Здравствуйте. Пишу сайт, возник вопрос. Как раскидать текст из одного блока по нескольким другим блокам по мере их заполняемости. То есть, в первый блок я вставляю огромный текст целиком, а потом, текст распределяется по другим блокам по мере их заполняемости: блок с id="1" заполнился, остатки текста заполняются в блок с id="2", и так далее, пока весь большой текст не уберется по нескольким маленьким блокам.
0 votes0 answers -
Количество выбранных checkbox
<fieldset align="left" style="width:300px"> <legend>Langs?</legend> <input type="checkbox" name="lan" value="1"> lang1 <br> <input type="checkbox" name="lan" value="200"> lang2 <br> <input type="checkbox" name="lan" value="400"> lang3 <br> <input type="checkbox" name="lan" value="600"> lang4 <br> <input type="checkbox" name="lan" value="800"> lang5 <br> <input type="checkbox" name="lan" value="1000"> lang6 <br> <input type="text" name="output1" size=10> <input type="button" value="Sum" onClick="grand()"> <input type="r…
0 votes1 answer -
Как передать значение из поля в поле?
Не могу значение с одного поле на другой, через JavaScript. Помогите пожалуйста! <!DOCTYPE HTML> <html lang="kz"> <head> <meta charset="utf-8"> <title> ВЫВОД </title> </head> <body> <input type="text" name="Vvod" value="Пример" placeholder="введите имя"> <input type="text" name="Vyvod"> <br> <input type="submit"></button> <br> <script type="text/javascript"> function submit() { let Vvod=document.getElementsByTagName('Vvod'); Vyvod.value=Vvod; console.log(Vyvod.value); } </script> </body> </html>
0 votes1 answer -
Кастомный выпадающий список стран при помощи API
Подскажите пожалуйста, как правильно сделать кастомный список стран используя API. Вот fetch код: const countryList = document.querySelector('.form-list.country'); fetch('https://restcountries.com/v3.1/all').then(res => { return res.json(); }).then(data => { let output = ''; data.forEach(country => { output += `<li class="form-item" data-value="${country.name.common}">${country.name.common}</li>`; countryList.innerHTML = output; }); }).catch(err => { console.log(err); }); полный код html, css, js Во втором списке "Country" список формируется, но название страны не поставляется в форму, а атрибут "data-value="" …
0 votes0 answers -
Как сделать так, чтобы форма открывалась при нажатии на кнопку, которой на странице находится несколько штук?
Всем привет, подскажите, пожалуйста, как сделать так, чтобы форма открывалась при нажатии на кнопку, которой на странице находится несколько штук? У меня есть кнопка и несколько ее копий на странице, и я хочу, чтобы если пользователь захотел нажать на кнопку, только на другом месте страницы, открывалась та же самая форма. Но, к сожалению, ее открывает, только самая первая кнопка, подскажите, пожалуйста, решение! Спасибо! <body> <button class="btn-modal" id="open">Отправить заявку</button> <button class="btn-modal" id="open">Отправить заявку</button> <button class="btn-modal" id="open">Отправить заявку</button> <div c…
0 votes1 answer -
Как правильно сделать раскрывающиеся блоки со скрытым содержанием внутри?
Всем привет! Подскажите, пожалуйста, как правильно сделать раскрывающиеся блоки со скрытым содержанием внутри? У меня в принципе все работает, блок открывается и закрывается, НО если я нажимаю на блок, а не на стрелочку, она у меня остается в таком же положении(а она должна у меня меняться, когда блок открывается), и получается куча мала, и выглядит это не очень презентабельно. Подскажите, пожалуйста! <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="wrapper-div"> <div class="div"> <div class="window-one"> <h3 class="title"> Заголовок 1 </h3> &l…
0 votes1 answer -
Как сделать, чтобы табы переключались с помощью кнопок?
Всем привет! Подскажите, пожалуйста, как сделать так, чтобы у меня табы переключались с помощью кнопок "Назад" и "Следующая" с js/jquery. Еще, когда я хочу вернуться назад и нажимаю на предыдущую ячейку, ничего не срабатывает, но когда нажимаю следующую, все прекрасно работает. В общем, у меня какой то кривоватый таб:) Подскажите, пожалуйста! <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="tabs"> <div class="tab active"> <div class="tab__content"> <ul class="steps"> <li class="step active">1</li> …
0 votes0 answers
-
Обсуждения
-
<div class="modal-body"> <?php if (!empty($_SESSION['cart'])): ?> <?php else: ?> <p>Корзина пуста...</p> <?php endif; ?> <?php if (!empty($_SESSION['cart'])): ?> <table class="table"> <thead> <tr> <th scope="col">Изображение</th> <th scope="col">Название</th> <th scope="col">Цена</th> <th scope="col">Количество</th> </tr> </thead> <tbody> <?php foreach ($_SESSION['cart'] as $id => $item): ?> <tr> <td><a href="#"><img class="br-3" src="images/<?= $item['img'] ?>" alt="<?= $item['title'] ?>"></a></td> <td><p><?= $item['title'] ?></p></td> <td><?= $item['price'] ?></td> <td> <?= $id ?> <a id="min-to-cart" href="?cart=minus&id=<?= $id ?>" class="min-to-cart minus-btn badge-light minus-to-cart" data-id="<?php echo $id ?>"></a> <?= $item['qty'] ?> <a id="plus-to-cart" href="?cart=plus&id=<?= $id ?>" class="plus-btn badge-light plus-to-cart" data-id="<?php echo $id ?>"></a> <a href="#" class="delete-btn remove-from-cart badge-light" data-id="<?php echo $id ?>"></a> <button type="button" class="btn delete-btn remove-from-cart" id="remove-from-cart" data-id="<?php echo $id ?>"></button> </td> </tr> <?php endforeach; ?> <tr> <td colspan="4" align="right">Товаров: <span id="modal-cart-qty"><?= $_SESSION['cart.qty'] ?></span> <br> На сумму: <?= $_SESSION['cart.sum'] ?> руб.</td> </tr> </tbody> </table> <form action="telegram.php" method="POST"> <legend>Введите имя, номер телефона и адрес:</legend> <div class="form-group"> <input type="text" class="form-control" id="" name="name" placeholder="Введите имя"> </div> <div class="form-group"> <input type="text" class="form-control" id="" name="phone" placeholder="Введите телефон"> </div> <div class="form-group"> <input type="text" class="form-control" id="" name="address" placeholder="Введите адрес"> </div> <div class="form-group"> <textarea name="msg" placeholder="Ваш комментарий..."></textarea> </div> <button type="submit" class="btn btn-success">Оформить заказ</button> <button type="button" class="btn btn-danger" id="clear-cart">Очистить корзину</button> </form> <!--<script src="common/scripts.js"></script>--> <?php endif; ?> </div> <div class="modal-footer"> <?php foreach ($_SESSION['cart'] as $id => $item): ?> <a href="#" class="delete-btn remove-from-cart badge-light" data-id="<?php echo $id ?>"></a> <?php endforeach; ?> </div> функция полной очистки работает, видимо потому что этот класс есть изначально, а не появляется из-за сессии $('.add-to-cart').on('click', function (e){ e.preventDefault(); let id = $(this).data('id'); $.ajax({ url: 'cart.php', type: 'GET', data: {cart: 'add', id: id}, dataType: 'json', success: function (res) { if (res.code == 'ok') { showCart(res.answer); } else { alert(res.answer); } }, error: function () { alert('Error'); } }); }); $('#cart-modal .modal-cart-content .remove-from-cart').on('click', function (e){ e.preventDefault(); let id = $(this).data('id'); console.log(id); }); $('#get-cart').on('click', function (e){ e.preventDefault(); $.ajax({ url: 'cart.php', type: 'GET', data: {cart: 'show'}, success: function (res) { showCart(res); }, error: function () { alert('Error'); } }); }); $('#cart-modal .modal-cart-content').on('click', '#clear-cart', function (){ $.ajax({ url: 'cart.php', type: 'GET', data: {cart: 'clear'}, success: function (res) { showCart(res); }, error: function () { alert('Error'); } }); }); -
Например, добавить .wrapper li { clear: both; } http://jsfiddle.net/e3f9ozLr/ -
Ты в стрелочной функции из-за того что у тебя одно выражение опустил { }. А это ведет к неявному возврату результата выражения. -
Здравстуйте, каким образом можно получить доступ к Mathcad Application Server для получения доступа к документам и функциям Mathcad через Интернет. Может быть, есть другой способ связать интернет с Mathcad ? -
Прошу помочь с заданием: Написать файл скрипта, который генерирует три числа, соответствующие значениям высоты, длины и ширины комнаты. Отобразить в консоли: a.Площадь стен комнаты b.Объём комнаты c.*Объём комнаты за вычетом случайно сгенерированного количества чисел, которые определяет объёмы случайно зашедших в комнату людей. (в итоге запустит скрипт последством консоли) (заранее огромное спасибо) -
Попробуйте поиграться в этом направлении: Но то что касается применения фильтров с изменением визуального отображения конечного изображения — то повторить его 1:1, скорей всего, не выйдет. Для этого используются изображения с применённым фильтром отдельным файлом -
Спасибо огромное!!! Работает!!! Еще вопрос по макету. На макете есть изображение. На него наложены фильтры. (или как это называется?) (Смотрите вложение) Я убираю слои и получается вот такое. Как мне такое запедалить на css? Чтоб взять исходное изображение (самое светлое вложение) и применить к нему фильтры. Первое, что приходит на ум: абсолютно спозиционировать 2 дива и сделать его фон искомого цвета и прозрачности. Что скажите?
-