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
4723 questions in this forum
-
Не отображается изображение в календаре
Есть такой вот календарь tigra calendar. Скрипт календаря находется по адресу: js/calendar/calendar.js, изображния js/calendar/img. В корене лежит ХТМЛ документ index.html Код index.html <html> <head> <!-- link calendar files --> <script language="JavaScript" src="js/calendar/calendar.js"></script> <link rel="stylesheet" href="css/calendar.css"> </head> <body> <form name="testform"> <!-- calendar attaches to existing form element --> <input type="text" name="testinput" /> <script language="JavaScript"> new tcal ({ // form name 'formname': 'testform', // input name 'controlname': …
0 votes7 answers -
Простой вопрос по jQuery
В книге по jquery вычитал следующее: чтобы получить доступ к определённому элементу обёрнутого набора нужно написать так: $('.clssdiv')[0] и якобы произайдёт отбор только первого элемента из отобранных. Так вот пробую так сделать, но не получается вот пример с кодом. Может я что-то не так понял, подсажите как отобрать например 2 или 3 из набора?
0 votes12 answers -
masonry
Доброй ночи, подскажите пожалуйста с настройкой плагина masonry. Постоянно с ним возникают проблемы. Есть контейнер в нем контейнеры с которыми нужно работать aticle, он состоит из картинки, текст и формы. При загрузке страницы блоки со второй строчки накладываются на блоки выше... по логике замечаю что не успевает загрузится картинка, а скрипт уже выстраивает элементы. Но если окно браузера менять по размерам, то все выстраивается отлично! В чем может быть проблема? Сначало выстраивал так: $(document).ready(function() $('#container_products').masonry({ // выбираем элемент-контейнер в котором расположены блоки для динамической верстки itemSelector: '.product-galler…
0 votes7 answers -
Помогите разобрать с задачей на JavaScript
Задача такая: - при помощи объектно - ориентированного программирования на JavaScript (используя: классы и наследование) собрать вывод календаря на ближайшие 2 недели. Объекты недели и дни. Добавить в структуру выходные дни. JavaScript я начал не так давно изучать и пока не до конца понял сам подход к решению этой задачи. Если кто поможет разобраться, буду очень благодарен)
0 votes16 answers -
Функция задержки
Пробую для эксперимента написать чтоб при нажатии на кнопку происхдила задержка картинки, но при нажатии на кнопку ничего не происходит, не знаю почему, как исправить? <html> <head><title>Привет</title> <script type='text/javascript'> var a,b,timeout,zadershka; function f(){ zadershka = setTimeout( function() { if(!b) b = document.getElementById('maks'); b.style.display='block';}, 2000); }; </script> </head> <body> Жил-был пёс. Он был самый лучший пёс за всю мою жизнь.<br> Такого пса я не видел никогда в жизни в этом мире. Вот что<br> значит настоящая псина.Такой псины я <br> не видал за все свои 20 ле…
0 votes11 answers -
Как поцепить обработчик на динамически созданный элемент?
Добрый день. У меня имеется див с элементами внутри <div class="select-option @Model.ClassName"> @Html.Hidden("WorkflowStepUserSelectOptions[0].Id", (Model.WorkflowStepUserSelectOption != null ? Model.WorkflowStepUserSelectOption.Id : 0)) <img src="@Url.Content("~/Content/Images/base/data_sort.png")" /> @Html.TextBox("WorkflowStepUserSelectOptions[0].Name", (Model.WorkflowStepUserSelectOption != null ? Model.WorkflowStepUserSelectOption.Name : ""), new { @class = "option-name" }) <img src="@Url.Content("~/Content/Images/base/delete.png")" /> </div> На событие textchange @Html.TextBox - который превращается в <input ... class =…
0 votes4 answers -
Из-за JS скрипта IE не открывает страницу
На сайте нужен был скрипт предзагрузки изображений. Я нашёл такой скрипт: function init() { // quit if this function has already been called if (arguments.callee.done) return; // flag this function so we don't do the same thing twice arguments.callee.done = true; // preload images preload([ 'img/img.gif', 'img/img2.gif', 'img/img3.gif', 'img/img4.gif', 'img/img5.gif', 'img/img6.gif' ]); }; /* for Mozilla */ if (document.addEventListener) { document.addEventListener("DOMContentLoaded", init, false); } /* for Internet Explorer */ /*@cc_on @*/ /*@if (@_win32) document.write("<script defer src=js/ie_on…
0 votes2 answers -
Другой контент для IE6 через JS
Привет всем-всем! В общем цель, написать валидный, а так же кроссбраузерный сайт с IE6 включительно. IE6 эхом отдается в моей голове и я уже не первый день ругаюсь в поисках решения. У меня были проблемы с отображением блоков в IE6, но совершенно не хотелось верстать таблицами и прочими дьявольскими методами. Да-да, я решил написать JS, который должен найти dom-элемент по id (блок) и заменить его содержимое, содержимым из файла notify.html. Мое рассуждения свелись к XMLHttpRequest. Именно он играет важную роль в загрузке нашего html файла. function readFile(file,callback,cache) { var rawFile = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject("M…
0 votes8 answers -
Не получается подключить два внешних js скрипта
Здравствуйте. Хочу подгрузить два внешних js скрипта: <script type="text/javascript" src="lightbox/jquery.js"></script> <script type="text/javascript" src="js/noobSlide.js"></script> проблема в том, что вместе они не хотят работать, а по отдельности все отлично. Подскажите, пожалуйста, в чем может быть причина
0 votes4 answers -
Подсказки qTip помогите подправить
Добрый день. Сразу код $('.support-failed').qtip({ content: { text: 'Новые заявки.', }, style: { classes: 'ui-tooltip-youtube ui-tooltip-green ui-tooltip-shadow ui-tooltip-rounded ', }, position: { my: 'center right', at: 'center left', adjust: { x: -44, target: $(document), resize: true, } }, show: { delay:700, }, }); Задача следующая: Добавить РАЗНЫЕ подсказки для нескольких элементов, их много, соответственно отдельно для каждой подсказки писать скрипт не вариант. Что нужно добавить в скрипт чтобы не писать его по новой для каждой подсказки? Повторюсь, подсказки должны …
0 votes9 answers -
0 votes8 answers
-
Как при скролле страницы посылать асинхронный запрос и достраивать DOM-модель?
Привет, подкиньте, пожалуйста, ссылок, где есть решение похожей задачи. 1. Есть html страница, на которой изначально выгружено 10 DIV'ов с текстом. 2. Юзер скроллит страницу вниз, я определяю, что он доскроллился до последнего DIV'а. 3. Со страницы уходит асинхронный запрос к серверу, ответ от сервера интерпретируется и к первым 10 DIV'ам добавляются еще 10. Как сделать второй пункт? Как мне определить, что юзер долистался до последнего DIV'a, и что пора посылать запрос? Спасибо!
0 votes5 answers -
Как получить дочерний элемент?
<div class="question"> <div class="img-and-variantbi clearfix"> <div class="question-for-img"> <form method="get"> <ul class="clearfix radio-answer"> <li>......</li> <li>......</li> <input type="submit" value="Проверить" class="btnAnswer"> </ul> </form> </div> </div> </div> …
0 votes3 answers -
как сделать чтобы квадратики меняли цвет с 1) белого 2) красного 3) синего 4) черного
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title> - jsFiddle demo by holden321</title> <style type="text/css"> div { border: 0px solid black; width:50px; height:50px; float:left; margin: auto; text-align: center; } #log {text-align:right;} </style> <script type="text/javascript"> function zapusk(d) { if (!d.rgb) { d.rgb = 0; } s = (d.rgb).toString(16); while (s.length < 3) { s = '0' + s; } s = '#' + s; d.style.backgroundColor = s; //document.getElementById("log").innerHTML=s; d.rgb+= 1; if (d.rgb > 0xfff) d.rgb = 0; } window.onload=function(){ setInt…
0 votes2 answers -
Как отлаживать vuejs2.5 в Chromium
Всем привет, 1) Работая с laravel 5.5/vuejs2.5 в Chromium ( 63.0.3239.84 on Ubuntu 17.10 (64-bit) ) иногда хочется использовать отладку в браузере как описано тут https://learn.javascript.ru/debugging-chrome Но так как vuejs складывает весь js-код в /public/js/app.js довольно таки сложно найти точку входа для кода, который я хочу отлаживать. Поделитесь возможно есть какие-то доп плагины или собственные методы в помощь? 2) Последние годы я привык использовать Chromium - из-за того что он как-то удобнее для php/js разработки и не такой тяжелый. Но при работе с vuejs обнаружил что в некоторых случаях firefox лучше отображает сообщения об ошибках - более инфор…
0 votes3 answers -
событие смены вкладки в jq ui tabs
помогите пожалуйста исправить ситуацию формирую блок с вкладками при помощи jquery ui tabs. задача в том чтобы при смене вкладки срабатывало некоторое событие. здесь нерабочий живой пример в то же время в сети есть много примеров, в которых подобная конструкция работает. ссылка1, ссылка2 ps в идеале мне хотелось бы чтобы срабатывало несколько событий в определенной последовательности. например в последнем происходит нужное мне действие, в первом - проверка разрешения на это действие
0 votes6 answers -
Примитивы
Что такое примитивы в JS? Я не понимаю самого слова.
0 votes8 answers -
порядок исполнения скрипта
<script type="text/javascript"> fadeOpacity('PreDiv', 'oR3'); //плавное исчезновение дива document.getElementById('PreDiv').style.display='none'; //убираем див с экрана </script> Задумка: Плавно прячем div Проблема: Див не прячется плавно, а сразу исчезает. Вопрос: Как сделать чтобы выполнялась сначала одна функция (fade) и затем display='none'?
0 votes4 answers -
Изменить легкий скрипт
Помогите пожалуйста изметить этот скрипт так что бы при клике ссылка открывалась не в новом окне а в этом же. СПС <a href="#" onclick="window.open ('http://www.site.ru'); return false;">переход на субдомен</a>
0 votes7 answers -
Как изменить цвет текста по умолчанию в текстовом поле?
Здравствуйте. Есть такой код: <input type="text" size="42" name="dopmeta" value="Индивидуальные теги для файла" class=add_files onBlur="if(this.value==''){this.value='Индивидуальные теги для файла';}" onClick="if(this.value=='Индивидуальные теги для файла'){this.value='';}"> При загрузке страницы текст "Индивидуальные теги для файла" в текстовом поле по умолчанию чёрного цвета. Когда ставишь курсор в поле текст изчезает и можно писать свой. Он будет тоже чёрного цвета. Внимание вопрос!!! Как сделать цвет текста по умолчанию (тот который появляется при загрузке страницы) серого цвета, но чтоб когда поставил курсор в поле и начал писать, текст был чёрный. Спасибо.
0 votes2 answers -
Эффект fade для слайдера
Здравствуйте! Взял слайдер с http://dedushka.org/uroki/5914.html Демо http://dedushka.org/demo/slider/ Код <script type="text/javascript">$(document).ready(function() { $(".slider").each(function () { // обрабатываем каждый слайдер var obj = $(this); $(obj).append("<div class='nav'></div>"); $(obj).find("li").each(function () { $(obj).find(".nav").append("<span rel='"+$(this).index()+"'></span>"); // добавляем блок навигации $(this).addClass("slider"+$(this).index()); }); $(obj).find("span").first().addClass("on"); // делаем активным первый элемент меню });});function sliderJS (obj, sl) { // slider function var ul = $(sl).find("ul");…
0 votes2 answers -
Выпадающее меню
Пытаюсь написать скрипт, который бы позволял при наведении на определ?нный объект показывать на этом объекте меню. Делаю 2мя путями-через mouseover и через абсолютное позиционирование. Меню появляется, но пользоватся им нельзя, так как нижняя кромка меню ниже объекта, на котором оно открывается. Не подскажете как его зафиксировать. Или может вообще есть у когото пример готовых меню такого плана, то это моя перевая программа на javascrit-сложновато пока, но нужно? <html> <head> <title> </title> <script> function getXY(obj) { var x=0, y=0; while(obj) { x+=obj.offsetLeft; y+=obj.offsetTop; obj=obj.offsetParent; } return { x: x, y:y};…
0 votes2 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 -
Не работает код в FireFox
Подскажите пожалуйста почему может не работать в FireFox: В ИЕ и Опере показывает Layer1 точно там где надо... а в лисе тупо в левом верхнем углу... Заранее спасибо function test_layer() { obj = document.getElementById("hap_right"); pos = getAbsolutePos(obj); x = pos.x + 249; y = pos.y + 105; document.getElementById("Layer1").style.left = x - 104; document.getElementById("Layer1").style.top = y; document.getElementById("Layer1").style.visibility = "visible"; } function getAbsolutePos(el) { var r = { x: el.offsetLeft, y: el.offsetTop }; if (el.offsetParent) { var tmp = getAbsolutePos(el.offsetParent); r.x += tmp.x; r.y += tmp.y; } return r; }
0 votes2 answers -
IMG : Tilte и размер отображаемого текста.
Здравствуйте. Есть атрибут title. Он в разных браузерах отображает свое определенное кол-во символов. Возможно ли как-то средствами HTML сделать так, что б при наведении на объект отображался весь заданный текст кроссбраузерно?
0 votes8 answers