JavaScript
A programming language that conforms to the ECMAScript specification
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
Требуется переход к следующему блоку теста при условии, что в нынешнем блоке сумма ответов равна 10.
0 votes1 answer -
0 votes0 answers
-
0 votes1 answer
-
0 votes0 answers
4,707 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 -
Требуется переход к следующему блоку теста при условии, что в нынешнем блоке сумма ответов равна 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 -
Возврат объекта
Доброго времени суток. Прохожу курс Б. Стащука и на самостоятельное изучение было дано задание: В следующем коде преобразовать в стрелочной функции неявный возврат объекта в "явный" (как я понимаю, используя return) Читал про стрелочные функции, но так и не разобрался. Так как все-таки это сделать? const newPost = (post, addedAt = Date()) => ({ ...post, addedAt, }) const firstPost = { id: 1, author: 'Nick', } console.log(newPost(firstPost))
0 votes2 answers -
Новичёк нужна помощь
Нужно сделать код с библиотекой jQuery в котором при нажатии кнопки в одном html файле тег добавлялся в другом
0 votes1 answer -
Новичёк, помогите с задачей
Всем привет, по тихоньку осваиваю JS, прохожу курсы и тут такая задача: Нужно создать функцию recommendRoom, которая будет подбирать наиболее подходящую комнату для указанного числа гостей adultsCount, childrenCount и babiesCount. Теперь есть 2 вида комнат small room до 4 человек big room до 8 человек Не забывай о правиле extra bed (подселить младенца). Оно действует и для 4-местных, и для 8-местных номеров. О валидности данных можешь не беспокоиться, canTheyBook уже всё проверил. Просто верни правильную строку для заданных параметров. Я написал код, но всё-равно не пойму как пристроить "extra bed", помогите пожалуйста с решением : function recom…
0 votes1 answer -
Удаление стиля
Как при повторном нажатии удалить добавленный стиль? document.querySelector(’#menu-link’).addEventListener(‘click’, () => { document.querySelector(‘nav’).classList.add(‘active’); })
0 votes1 answer -
Проблема с обработкой стилей Gulp
Здравствуйте! Проблема заключается в следующем: есть стартовый шаблон от "Фрилансера по жизни" версии 2021 года, открываю в VSCode, ввожу в терминале npm i затем gulp, все срабатывает как и должно, создается папка с результатом, начинаю прописывать стили для header, задаю ограничивающий контейнер и при проверке работоспособности данного контейнера выясняется, что стили, прописанные мной перекрывают стили медиа-запросов, прописанных в шаблоне и по итогу адаптив не работает, получается что итоговый css собирается в не правильном порядке! Подскажите, пожалуйста, как подобную проблему можно исправить?)
0 votes0 answers -
конфликт utf8 и windows1251 Опенкарт
Опенкарт. Возник конфликт utf8 и windows1251 при импорте товаров и вообще при открытии сайта всвязи со сменой сайта-донора. Когда работало - мой сайт и донор имели кодировку utf8, сейчас кодировки различаются и скрипт не выполняется в строках $tmpFile = fopen ( $strqw, "r" ) ; fclose ($tmpFile); . Весь скрипт: //register partner click if (!isset($_SESSION["clickreg"])){ $strqw="http://77.246.157.182/scripts/tp.php?a_aid=".$this->config->get('config_partner')."&a_bid=50256f5d&data1=".$this->config->get('config_prtype')."&data2=&data3=&referrer=".$this->config->get('config_url'); …
0 votes2 answers -
js, css - анимация
Нужно сделать анимированное меню с шариками. Как здесь: http://79.110.52.43/ На ванилла js. Сторонние либы и фреймворки использовать нельзя. Только базовый jquery. Я посмотрел, там сделано на canvas. Нужны руководства/книги/учебники/статьи по теме. Как делать анимашки на canvas? Как задавать траекторию движения шариков? Математическая функция? Кривые Безье подойдут?
0 votes1 answer -
Помогите объединить два очень интересных скрипта
Как объединить эти два скрипта чтобы при нажатии кнопок на выбор которые задают числа в секундах в первом скрипте выдавался результат в днях и часах в поле из второго скрипта. Сами по себе эти два скрипта рабочие первый задает числа в секундах при нажатии кнопок при повторном убирает числа, второй скрипт переводит числа из секунд в дни и часы. Первый скрипт: <input id="b" type="text" value="10"> <input type="button" value="result+b" onclick="addition(this);"><br> <input id="c" type="text" value="20"> <input type="button" value="result+c" onclick="addition(this);"><br> <input id="d" type="text" value="30"> <input type="…
0 votes0 answers -
создании списка роликов с youtuba
Нужна помощь в создании списка роликов с заголовками с youtuba и чтоб они проигрывались в встроенном плеере, искал по интернету но так и не нашел ничего делного. что-то на подобие этого
0 votes0 answers -
Вывод результата функции в Textarea
Приветствую! Подскажите, как вывести результат функции в Textarea ? Заранее благодарен! function strReplace() { var myStr = document.getElementById("source").value; var newStr = myStr .replace(/м/g, "м") .replace(/"/g, """); if (document.getElementById("source").value == "") { alert("Textarea is empty!"); } else { document.getElementById("myText").innerHTML = newStr; //document.getElementById("source").select(); //document.getElementById("source").value…
0 votes1 answer -
Переход на сайт с последующим имитированием клика
Доброго времени суток! Почитал статейки, вроде как сюда. Дали задачу сделать QR (что смогу сделать), с последующим переходам на сайт и и имитированием клика по блоку, которое должно вызывать pop up окно с определенным классом. Сайт Akromi, блок *Маркетинговые услуги*, по клику вызывается блок pop up. Надеюсь описал все правильно, если это делается другим способом, шлите меня... в другую ветку.
0 votes1 answer -
Скрипт добавления <style> к <body> при открытии модального окна
Подскажите пожалуйста как написать скрипт или пример скрипта. Требуется чтобы при открытии модального окна к body добавлялся стиль padding-right: 17px; или скрипт вычислял ширину скрола ! При закрытии модального окна этот стиль отменялся, проблема заключается добавить отступ на ширину скрола в body при открытом модальном окне, на данном моменте происходит смещение контента из за исчезающего скрола при открытом модальном окне. Так же чтобы скрипт мог содержать несколько ID, так как много окон с разными ID для вызова Строка кода вызывающая модальное окно <div class="btn-custom btn-color-green mb5 open-modal schema-color-button" data-id-modal="modal-…
0 votes0 answers