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 -
Вариант навигации.
Сейчас сижу с больной головой (болею), думаю над навигацией в админке тех сайтов, что я сейчас делаю (несколько сайтов, админка одна). Поделился со знакомцем мыслями - он мне сразу кинул (http://www.artlebedev.ru/tools/technogrette/js/tabsheets/) - идея пришлась по вкусу, но код JS раздут - ужас просто, написал свой, посмотрите, мб я что - то из функционала пропустил? PS - мо? чудо с помощью php вполне можно и динамическим сделать. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled</title> <style> .mon2 {color:black;} .mon2 {color:red;} </style> </head> <body> <s…
0 votes154 answers -
Вопросы по Javascript, Jquery.
Как склепать команду из символов? Нужно собрать эту команду audio.play(); из строковых значений и чтобы потом эта команда запустилась. Пробовал так, не получилось, хотя вроде всё правильно? var audio1 = new Audio('musik.wav'); var i = 1; "audio"+i+".play();"
0 votes88 answers -
Включен ли Javascript
Задача: фотоальбом на сайте использует яваскрипт. Как определить включен ли яваскрипт в настройках браузера? Что бы если он выключен, вывести сообщение типа "Необходимо включить яваскрипт в настройках браузера"
0 votes81 answers -
Разброс тегов по шапке
Есть вот такая шапка. Логотип всегда стоит на месте и никуда не движется. Теги же должны быть раскиданы по шапке, не задевая при этом логотип и не вылезая за шапку. Тегов может быть разное количество и всегда они должны быть раскиданы по-разному. Как такое можно реализовать? о_О
0 votes76 answers -
снова азы JavaScript - прошу разъяснить
Есть задача - получить для элемента второй родитель. Все остальное, вроде бы, сделал (конечно, очень коряво, но не зная языка сделать лучше не получаеся -) Имеется код (подключена JQuery) var current_active = document.body; function hideall () { var ulitems = $("#collinks dl ul"); for (var i=0; i<ulitems.length; i++) { ulitems[i].style.display = "none"; } var dlitems = $("#collinks dl"); for (var i=0; i<dlitems.length; i++) { dlitems[i].className = ""; } } function swapstate() { hideall(); alert(event.target.innerHTML); var container = this.parentNode.parentNode; alert("worked!"); if (container != current_active) { current_active = contain…
0 votes73 answers -
JS калькулятор
Приветствую! Значит решил попробовать сделать калькулятор на JS, своими силами, т.е. руководствуясь только своими знаниями. Думаю, так будет лучше, так как в силу долгих мучений, это наверняка принесёт свои плоды. Но вот всё-же в итоге попал в тупик и хочу узнать некоторые вещи, чтобы двинуться дальше. (На код не смотрите, он ужасен, просто это первый вариант, второй уже надеюсь будет лучше) Вопросы: 1) Как мне написать в условии if(), что типа Если в value у моего импута уже есть (допустим) две Точки (.) или один знак Минус (-), то больше поставить нельзя, сколько бы я не нажимал на эти кнопки? 2) Как мне кнопкой ( << ) тупо убрать последний символ из строки, при …
0 votes71 answers -
Текстовый редактор/IDE для JavaScript
Кто что использует и почему. Хотелось бы узнать про преимущества и недостатки различных редакторов от тех, кто уже что-то использовал.
0 votes66 answers -
Разработка своего HTML5-плеера
У меня есть скрипт:<script language="Javascript">/* * ghindaVideoPlayer - jQuery plugin 1.0.0 * * Copyright (c) 2010 Cristian-Ionut Colceriu * * www.ghinda.net * [email protected] * */(function($) {// plugin definition$.fn.gVideo = function(options) {// build main options before element iterationvar defaults = {theme: '',childtheme: ''};var options = $.extend(defaults, options);// iterate and reformat each matched elementreturn this.each(function() {var $gVideo = $(this);//create html structure//main wrappervar $video_wrap = $('<div></div>').addClass('ghinda-video-player').addClass(options.theme).addClass(options.childtheme);//controls wrapervar $video_…
0 votes60 answers -
Чередующиеся строки в таблице
Написал небольшой скрипт, который в любой таблице поочередно меняет цвет строки: светлая, темная, светлая, темная... Посмотрите на предмет правильности описания и возможных ошибок. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Чередующиеся строки</title> <script type="text/javascript"> zebraTable = function() { // Получаем массив всех таблиц на странице tables = document.getElementsByTagName("table"); // Пробегаемся по массиву таблиц for (i = 0; i < tables.length; i++) { // Если у т…
0 votes57 answers -
Наконец-то подъехала книга по JS
Доброго времени суток друзья, нужна ваша помощь, а точнее совет по одному делу. В общем недавно я решил начать учить JS и заказал себе книгу в инет-магазе, и вот недавно я стал её обладателем. Размер книги оказался целых 1000 страниц, а так как я даже ни на секундочку не представляю себе, что такое вообще JS, то я немного был в шоке. 1) Вобщем мне хотелось-бы услышать ваше мнения насчёт данной книги, может быть кто нибудь уже имел с ней дело, да и вообще хорошее, а главное полезное приобретение я сделал? 2) И ещё объясните мне пожалуйста, главы и разделы которые в ней находятся - это ВСЁ о JavaScript или эта книга только часть этого языка? 3) И нужно ли читать все раздел…
0 votes57 answers -
Обработчики в js
Как я понял: 1.Если просто переназначить обработчики через JS, то они не срабатывают, если-же поместить их в функцию, срабатывающую, скажем, по onload, объявленный через атрибут, то мы возвращаемся к тому, с чего начали. 2.Если на таком обработчике висит функция, то передать значение в неё не предсталяется возможным, кроме как, повесив отдельную функцию, через которую вызывается искомая. И так для каждой функции в которую мы передаем значения? Что-то не совсем понятны плюсы такого подхода.
0 votes54 answers -
Стилизация input type="radio"...
Задача такая: нужно стилизовать input type="radio". Я мыслю так: - В определённой форме находим все инпуты; - Далее среди них находим те, у которых тип - "radio"; - Потом проверяем, кто имеет checked="checked"; - Меняем класс родительскому элементу; HTML: <form action="#" enctype="application/x-www-form-urlencoded" method="get" id="#" class="change-form" onclick="ChangeInput(this)"> <fieldset> <legend>Стилизованный "input type='radio'"</legend> <ul> <li><span><input type="radio" name="#" value="#" id="switch_6" /></span><label for="switch_6">Переключатель 6</label></li> &l…
0 votes51 answers -
Можно ли просмотреть файл *.JS???
Я вот тут подумал, не может ли кто-то просмотреть файл яваскрипта, который загружает с моего сайта. Можно ли быть относительно уверенным что код явки не будет просмотрен в этом файле?
0 votes48 answers -
Замыкания
Добрый день! Мужики, вот интересно увидеть примеры, где без замыканий никуда не деться. Т.е. нельзя его обойти и нужно применить именно их.
0 votes47 answers -
Начало...
не посоветуете откуда лучше начинать учить ДжаваСкрипт... просмотрел немного раздел, может плохо смотрел но не нашёл хороших ссылок на нормальное обучение обучение, подскажите пожалуйста.
0 votes46 answers -
Как сделать из таблицы зебру
Мне надо сделать так, чтобы строки в таблице поочередно меняли цвет от светлого к темному, т.е. чтобы получилась зебра. Возможно ли это сделать с помощью HTML, если таблица является шаблоном и нет возможности для каждого тэга tr писать параметр фона. Заранее спасибо, ЖДу сообщений
0 votes43 answers -
Ткните пальцем в проблему
пытаюсь сделать декорированый чекбокс есть хтмл <div class="filterContent"> <label class="check">Show 1<input type="checkbox" name="" checked="checked" /></label> <label>Show 2<input type="checkbox" name="" /></label> <label>Show 3<input type="checkbox" name="" /></label> </div> есть квери $(document).ready( function() { $(".filterContent label").click(function () { if ($(this).hasClass("check")) $(this).removeAttr("class"); else $(this).addClass("check"); }); }); цель менять класс при клике через фаербаг тестил почемуто проходит два раза цикл за один клик т.е. на выход…
0 votes42 answers -
Помогите плз с пятнашками
Доброго времени суток. Наведите пожалуйста на мысль как заставить в пятнашках элементы головоломки двигаться Я понимаю что нужно принимать функцией значение элемента при клике на нем, вот: <img src="images/1.gif" name="1" onClick="imgChange(1)" /> И вот так: function imgChange(imgNumber) { } Дальше завис натолкните хоть просто на мысль как. Я догадываюсь, что ответ очень прост, но не могу до него допереть. З.Ы. Стыд и позор
0 votes42 answers -
Задание для mishka2 и psywalker (и не только)
Задание: Сделать калькулятор. Описание: 1) поле ввода цифр - одно 2) Функционал - все стандартные арифметические операции (сложение, вычитание и т.д.), плюс тригонометрия (синус, косинус и т.п.), плюс возведение в степень (любую). (дальше видно будет) 3) дизайн - любой (должно же быть поле для творчества). 4) результат операции выводим в то же поле, в каком вводим цифры. 5) в последствии возможен ввод с клавы. UPD: справочную информацию можно найти тут: http://www.w3schools.com/jS/
0 votes41 answers -
Изменение размера и цвета шрифта пользователем
Не получается самостоятельно разобраться в следующем... хочу сделать на сайте чтобы пользователь смог самостоятельно изменять размер, цвет шрифта и пр. Для пробы загрузил на www... Кто нибудь подскажет в чем проблема?
0 votes41 answers -
События
Это нормальный код для новичка? https://jsfiddle.net/mop8uphv/2/
0 votes40 answers -
Как получить src картинки?
Например есть картинка: Мне нужно получить значение е? src для того, чтобы потом сравнить с другим значением т.е. если src == 'romb.gif' - то выполняем что-либо если src == 'romb_2.gif' - то ничего не делаем
0 votes39 answers
-
Обсуждения
-
.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; } -
Сегодня index.html неожиданно начал загружаться, но некорректно. Ссылки на веб-страницы не работают, но я думаю, что я сама указала неправильный путь к файлам, сегодня буду это исправлять. Ещё почему-то отображаются не все иллюстрации, а те что отображаются - все перепутаны. Пробовала открывать иллюстрации на самом сервере, но и там почему-то название картинки одно, а картинка совсем другая. Адрес сайта http://j90365fr.beget.tech/ -
-
.thumb.png.93183027d7a2eba5b545b257503b0e32.png)
<input id="Vvod" type="text" name="Vvod" value="Пример" placeholder="введите имя"> <input id="Vyvod" type="text" name="Vyvod"> <script> let Vvod=document.getElementById('Vvod'); let Vyvod=document.getElementById('Vyvod'); Vvod.value=Vyvod.value; </script> Попробуйте вот так -
Здравствуйте, никак не могу зайти на свой первый сайт. У меня очень простой статический сайт состоящий из файлов: html-страницы (в том числе index.html), css, jpg, favicon.ico, robots.txt. Все материалы я загрузила в корневую папку бесплатного веб-сервера beget. Почему-то вместо страниц сайта браузер отображает один только файл css. Уже пробовала разные способы решить эту проблему, но ничего не получается. В чём может быть причина? Заранее спасибо. С уважением, Наташа.
-