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 votes1 answer
4,703 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 -
Как передать значение из поля в поле?
Не могу значение с одного поле на другой, через 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 -
Как сделать, чтобы табы переключались с помощью кнопок?
Всем привет! Подскажите, пожалуйста, как сделать так, чтобы у меня табы переключались с помощью кнопок "Назад" и "Следующая" с 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 -
Как сделать выполнение скрипта только при разрешении экрана < 992 px
Добрый день всем ! Я не силен в этом деле ,прошу помощи у вас , как это сделать ? Как сделать выполнение скрипта только при разрешении экрана < 992 px <script> var lastScrollTop = 0; window.addEventListener("scroll", function(){ var st = window.pageYOffset || document.documentElement.scrollTop; if (st > lastScrollTop){ document.getElementById("floating-menu-mobile").style.bottom = "-100%"; } else { document.getElementById("floating-menu-mobile").style.bottom = "0"; } lastScrollTop = st; }, false); </script> Вот решение ! Сам сделал <script> if(window.innerWidth < 992) { var lastS…
0 votes2 answers -
Как прибавить число
Здравствуйте! Прошу помощи, моих начальных знаний не достаточно... Есть модуль, который вытягивает число с другого сайта: <div class="lpg-informer-09384"> <script type="text/javascript" src="https://ueex.com.ua/informer_ugd.js?width=300&width_type=px&lang=rus&n=2&encoding=utf&noborder=1¤cy=uah&pluscolor=green&showcurrencies=1"></script> </div> <script> const table = document.querySelectorAll('.lpg-informer-09384 span') const cost = [] let data = '' table.forEach((item, index) => { if(index === 9) { const arr = item.childNodes for(let i of arr) { cost.push(i) } } }) cost.forEach((it…
0 votes6 answers -
Как взять два значения из таблицы другого сайта?
Здравствуйте. Хочу вытащить два числа из таблицы на другом сайте и разместить на своем Id ячеек такие: 000000131t и 000000131l (скрин прилагается) Ума не приложу, как это сделать... Помогите, плиз!
0 votes2 answers -
Копирование страницы с другого сайта с обновлением контента
Есть несколько страниц, которые нужно перенести в свой блог, а точнее часть кода страницы. Перенести их простым копированием html возможно, но интересует именно перенос с обновлением контента из копируемой страницы. Существует ли простое решение этой задачи, или нужен комплексный подход?
0 votes1 answer -
Нужна помощь с учебой
Нужно решить 7 заданий по типу этого, для примера самое сложное: Для выполнения лабораторной работы следует выполнить следующие задачи: 1. Создать внешний документ, содержащий код JavaScript и подключить его к документу HTML, используя соответствующие инструменты. 2. Предугадать смену работы CSS средствами JavaScript. 3. Организовать взаимодействие кода JavaScript с объектной моделью документом HTML. 4. Написать комментарии к логическим блокам программного кода. К сожалению дедлайн завтра, времени самому разобраться в этом нету.
0 votes0 answers -
Не могу решить проблему TypeError: Cannot set property 'innerHTML' of null
function showModal(id) { document.getElementsByClassName(`modal-1`)[0].classList.add('active') } function closeGame(id) { document.getElementsByClassName(`modal-1`)[0].classList.remove('active') } function getRandomImage() { var imgArray = ['<img src="img/0.jpg" alt="#" />', '<img src="img/1.jpg" alt="#" />', '<img src="img/2.jpg" alt="#" />', '<img src="img/3.jpg" alt="#" />', '<img src="img/4.jpg" alt="#" />', '<img src="img/5.jpg" alt="#" />', '<img src="img/6.jpg" alt="#" />', '<img src="img/7.jpg" alt="#" />', '<img src="img/8.jpg" alt="#" />', '<img src="img/9.jpg" alt="#" />…
0 votes2 answers -
Как отменить действие по повторному нажатию на кнопку?
На странице есть картинка с кнопками. При нажатии на кнопку - выводиться номер забронированного места (id кнопки в текстовое поле рядом). Как при повторном нажатии на туже кнопку стереть из поля последнее выбранное место? <script type="text/javascript"> function Bron(event) { $id_cnopka = event.target.id; document.getElementById('input-bron').value=document.getElementById('input-bron').value+$id_cnopka; } </script>
0 votes3 answers
-
Обсуждения
-
.thumb.png.93183027d7a2eba5b545b257503b0e32.png)
Скорей всего потому что использование атрибутов устарело. Пользуйтесь классами http://htmlbook.ru/samcss -
.thumb.webp.d4179baa3ea063fd3414e3141f886b20.webp)
By Arthur_Speransky · Posted
Добрый день. Подскажите, пожалуйста, почему Visual Studio Code видит ошибку в атрибуте align="right" при теге <p></p>? Сам код работает, но слово align выделяется ярко-красным, что в VS code говорит об ошибке. <p> <p align="right"> 2014 </p> -
https://codepen.io/Switch74/pen/rNJpvLQ меняете размеры бордюра с 10px под свои и в background прописываете свои картинки с нужными repeat для верхнего и нижнего по горизонтали, для левого и правого по вертикали -
By DrRobotGranata · Posted
Всем привет! Задача стоит следующая. Есть 8 элементов (IMG). Т.е. одна целая картинка разрезана на 8 частей(рамка) Нужно сверстать гибкой версткой макет, где эти 8 кусочков будут одним целым( рамкой) а внутри можно будет размещать любой текс, рамка по высоте подстраивается под текс, по ширине на всю ширину окна. Кручу верчу, все никак не получается. Подскажите в какую сторону думать. Каждый Img в отдельный div и все дивы в общий контейнер? и дальше как -
.tabs>input[type="radio"]:checked+label { background-color: #fff; border-bottom: 1px solid #fff; } Здесь и делаете стили для изменения нажатого таба если я правильно понял
-
все файлы должны быть в одной папке некоторые ссылки ссылаются на локальный компьютер - этого не должно быть некоторые маленькие картинки грузят очень большие файлы перепутанные ссылки - это скорее всего ваша ошибка
-
By Иван Евгеньевич · Posted
Здравствуйте! Уважаемые форумчане! Я начинающий начинать) прошу помощи, есть макет сайта , хочу чтоб на главной странице были вкладки которые бы переключались по нажатию кнопки. но основной вопрос в том как сделать их разными. пример приведу в фото. Хочу как на фото сделать но незнаю как( а так же код выглядит таким образом <div class="tabs"> <input type="radio" name="tab-btn" id="tab-btn-1" value=""> <label for="tab-btn-1">Свадьба</label> <input type="radio" name="tab-btn" id="tab-btn-2" value=""> <label for="tab-btn-2">Мужу</label> <input type="radio" name="tab-btn" id="tab-btn-3" value=""> <label for="tab-btn-3">Жене</label> <input type="radio" name="tab-btn" id="tab-btn-4" value=""> <label for="tab-btn-4">Партнеру</label> <input type="radio" name="tab-btn" id="tab-btn-5" value=""> <label for="tab-btn-5">Коллекции</label> <input type="radio" name="tab-btn" id="tab-btn-6" value=""> <label for="tab-btn-6">Редкость</label> <div id="content-1"> <img src="images/Kolca1.png" alt="Кольца" class="kolca"> <p class="kolca11">Кольца</p> </div> <div id="content-2"> Содержимое 2 </div> <div id="content-3"> Содержимое 3 </div> <div id="content-4"> Содержимое 4 </div> <div id="content-5"> Содержимое 5 </div> <div id="content-6"> Содержимое 6 </div> </div> CSS code .tabs { top: 1100px; position: absolute; left: 600px; font-size: 50px; } .tabs>input[type="radio"] { display: none; } .tabs>div { /* скрыть контент по умолчанию */ display: none; border: 1px solid #e0e0e0; padding: 10px 15px; font-size: 16px; } /* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */ #tab-btn-1:checked~#content-1, #tab-btn-2:checked~#content-2, #tab-btn-3:checked~#content-3, #tab-btn-4:checked~#content-4, #tab-btn-5:checked~#content-5, #tab-btn-6:checked~#content-6{ display: block; } .tabs>label { display: inline-block; text-align: center; vertical-align: middle; user-select: none; background-color: #f5f5f5; border: 1px solid #e0e0e0; padding: 2px 8px; font-size: 16px; line-height: 1.5; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; cursor: pointer; position: relative; top: 1px; font-family: 'Gilroy'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 21px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; } .tabs>label:not(:first-of-type) { border-left: none; } .tabs>input[type="radio"]:checked+label { background-color: #fff; border-bottom: 1px solid #fff; }
-