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
-
Как передать переменную из JS в PHP методом xhr.send() ?
Привет, подскажите пожалуйста что я не так делаю? Где ошибка? На сервере 1 есть файл index.php содержащий следующий код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="jquery-1.9.1.min.js"></script> <script type="text/javascript"> var url = 'http://server2/ajax.php'; function doCallOtherDomain(){ var XHR = window.XDomainRequest || window.XMLHttpRequest var xhr = new XHR(); xhr.open('POST', url, true); // замена onreadystatechange xhr.onload = function() { document.getElementById('response').innerHTML = xhr.responseText } xhr.onerror = function() { alert("Error") } …
0 votes2 answers -
Помогите избавиться от тэгов <script>
Я сокращаю код (onload Ø): <input onload="t=0;" onkeypress="t?e=new Date():s=new Date();t=1" onblur="d=e.getTime()-s.getTime();c=this.value.length;this.value+=c/d">Ø <input onkeypress="t?e=new Date():s=new Date();t=1" onblur="d=e.getTime()-s.getTime();c=this.value.length;this.value+=c/d"><script>t=0;</script>☑ Работающий пример раздут тэгами <script>. Раньше t? код включал: t==0s=new Date():e=new Date()И кроме того, мне посоветовали поменять местами s и e. И вот сейчас я не знаю: что такое на самом деле есть "t" перед тернарным "?" И <script>t=0;</script> тоже должны оставаться даже в таком случае Иначе Ø
0 votes2 answers -
Проблема с копированием
указаны код работает на xampp но на реальном хостинге или Open Server не работает. можете помочь? $('#button1').on('click', () => { let text = $('#options_value').html(); text = text.replaceAll('<br>', "\n"); navigator.clipboard.writeText(text); });
0 votes1 answer -
В FireFox не работает page-break-before
Есть такой скрипт : function page_breaks() { document.getElementById("div1").style.pageBreakBef ore = (document.getElementById("check1").checked ? "always" : "auto"); document.getElementById("div2").style.pageBreakBef ore = (document.getElementById("check2").checked ? "always" : "auto"); } Работает (т.е. при печати осуществляет переход на следующую страницу) во всех броузерах, кроме FireFoxa. При этом элемент div находится внутри <table></table>. При выносе за пределы таблицы - работает. Но необходимо, чтобы работал так же и внутри таблицы. Может сталкивался кто с этой проблемой? Заранее спасибо.
0 votes0 answers -
Помогите решить задачу безвозмездно или за обсуждаемое символическое вознаграждение
Постановка: There is a cookie in place (or not) that stores different scores: {"somekey": 34, "sdf": 1,....} develop function that increment score for given key
0 votes3 answers -
Передача переменных
Имеем: Переменную в js скрипте. Переменная - массив. Задача: Передать переменную в obrabotchik.php используя Ajax. С ajax'ом я знаком на начальном уровне. Пользуюсь библиотекой jquery. Как передавать обычные переменные через форму я разобрался, а вот как массив передать - не могу понять. Помогите разобраться. upd: Нашел статейку, все мне прояснившую. Делюсь ссылкой: http://www.simplecoding.org/otpravka-danny...t-i-jquery.html
0 votes1 answer -
jQuery toggle (ищу плагин)
Кто-то встречал похожий переключатель?
0 votes2 answers -
Загрузка картинок
Здравствуйте. Очень нужен совет. Есть сайт с обилием картинок всяческих, в том числе png. Довольно долго все это дело грузится, несмотря на оптимизацию самих картинок. Можно ли джаваскриптом, или иным способом сделать так, чтобы пока не загрузятся картинки отображалась какая-нибудь заглушка, например иконка загрузки, с текстом типа "Подождите несколько секунд", а как только картинки загрузятся, появляется собственно все содержание сайта? Заранее извиняюсь, если написал не в ту ветку.
0 votes1 answer -
Javascript
Здравствуйте! Мне бы не помешала небольшая помощь. Суть моей проблемы в том что я не могу понять какой скрипт нужно указать для того что бы он со строки забрал например имя и вставил его в другое место после нажатия кнопочки) Например: У меня есть анкета, человечек ее заполняет и в поле имя он написал Иван Петров (все совпадения с реальными людьми случайны), нажал кнопочку ок и ему вылазит окошко в котором написано "Поздравляем Вас Иван Петров Ваших мозгов вам хватило заполнить одно поле, можете забрать свой миллион в психбольнице!" Вот что то типо такого. Или если кто знает где можно найти информацию об этом скрипте скиньте ссылочку пожалуйста.
0 votes1 answer -
Помогите разобраться с простейшим калькулятором
Здравствуйте! Нужно создать простой калькулятор для расчета веса, в html оформил, в js присвоил названия функций и формулу. Но не работает. Нужно чтобы при заполнении сразу высчитывался результат. Вот сам код. В JS не силен. <input class="dlina"> <input class="wirina"> <input class="tolwina"> <input class="plotnostb"> <input class="ves"> <script> var D = $('dlina'); var W = $('wirina'); var T = $('tolwina'); var P = $('plotnostb'); var V = $('ves'); var R = ((D/1000) * (W/1000) * (T/1000)) * P; R = V; </script>
0 votes2 answers -
Тормозит IE при переходе по ссылке из innerHtml апнувшемуся по Ajax
Есть div, содержимое которого апится кадую минуту с помощью аякса, метод апдейта: newMessage.innerHTML = ''; // сначала чищу поле newMessage.innerHTML = content.item(0).firstChild.data; // потом ставлю содержимое полученное по ajax. содержимое - 100% ссылки (обычные линки вида <a href="url">text</a><br>). IE8 (на остальных IE не проверял) начинает тормозить при переходе по ссылке из содержимого div, после второго апдейта содержимого. Вопрос: надо ли как-то апдейтить детей (appendChild) по модели DOM исходного div'a, чтобы IE не терял структуру дерева DOM. или вопрос в загруженности линий (корбина) в середине дня по Москве, и из-за этого задержки... и с …
0 votes3 answers -
Проверка формы
Здравствуйте! Помогите разобраться с проблемой пожалуйста. Сделал форму для своего сайта. Для проверки вводимых данных использую JQuery плагин JQuery Validate http://bassistance.de/jquery-plugins/jquer...gin-validation/ После удачно введённых данных вывожу окно с сообщением. Проблема в том, что после нажатия "отправить" всплывающе оконо появляется, но данные в PHP скрипт не передаются. Форма: <form id="ContactForm" method="post" action="form.php"> <p> <label for="first_name">Nom et prénom</label><br> <input id="first_name" name="fname" class="required"><br> <p> <p> <label for=…
0 votes3 answers -
создание элемента
Здравствуйте. Помогите разобраться. Ни как не пойму как реализовать вот такое вот - есть объект { title:"заголовок" } Хочу сделать конструктор который такой объект преобразует в DIV с содержимым title var x = new Constructor({title:"заголовок"}); И теперь x вставлять в любое место документа и он будет отображаться как DIV с содержимым title
0 votes3 answers -
Ребята- нид хелп
Может кто-то и поможет( Вобщем ситуация проста- завтра зачет, но в жс я чехол, а выучить... вобщем сессия. Задание следующее: два треугольника на плоскости задаются координатами своих вершин напишите сценарий в результате работы которого определяеться являеться ли треугольник подобным. в каждом из вариантов решения должно быть выведено соответсвующее графическое изображение. на отдельной странице должна быть представлена информация о трех признаках подобия треугольников с соответсвующими рисунками. Кто отзоветься- заранее спасибо.
0 votes1 answer -
Иногда ajax не срабатывает
Здравствуйте. Иногда возникает ошибка при обращении к серверу, насколько я понимаю. И тогда в моем срипте выводится переменная error в опции error. А можно узнать какие причины способствуют возникновении ошибки? Сервер не отвечает? Много запросов к одному и тому же файлу? Или что-то другое? Посетителям совсем не клево видеть ошибку на сайте. Спасибо. Возможно от меня потребуется дополнительная информация. $(".form").submit(function(event){ event.preventDefault(); var button = $(event.target); var data = $(this).formSerialize(); $(this).find(".div").html('Uploading...'); var block = $(this).find(".div")[0]; var success = function(result) { …
0 votes2 answers -
Навигация по объекту
Пример. var a = {}; a.b = {} a.b.c = {} a.b.c.d ={ 'method': function(){ console.log(this); // Object { method:function() } - то есть a.b.c.d.method() } } Всё вополне понятно. А вот как получить доступ из метода к родительским объектам, к примеру a.b ? p.s. вариант прямого вызова по имени объекта не подходит. p.p.s. хотелось бы, что-нибудь простенькое, типа this.parent.parent Всем спасибо!
0 votes1 answer -
RegExp
Через JS пытаюсь сделать замену одного текста на другой. Надо найти строку "url(/example/image", для этого использую такой код: var img = new RegExp('url(/example/image', 'g'); Выдаётся ошибка "Invalid regular expression". Что подправить надо, чтобы было всё правильно?
0 votes5 answers -
Проблема С Canvas
Не работает код, сто раз уже проверил, вроде все правильно, используется тег canvas, может кто знает что неправильно? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Тест</title> <link rel="stylesheet" type="text/css" href="style.css"/> </head> <script type="text/javascript"> function makeCanvas(id, height, width){ var canvas = document.createElement("canvas"); canvas.id = id; canvas.height = height; canvas.width = …
0 votes2 answers -
Получить ссылку с xml
Здравствуйте. Есть такой xml-код <?xml version="1.0" encoding="UTF-8"?><ajax><cmd><![CDATA[<div class="success"><b>success</b></div><br><br>[ <a href="http://mysite.com/link/1/1-1-0-16" target="_blank">my link</a> ]]]></cmd></ajax>Мне необходимо получить с него число 16. Прошу вашей помощи в написании regexp, или другого решения. Мои попытки не увенчались успехом.
0 votes4 answers -
Событие hover
Имеется код: <div id="largeImageCont"><img id="largeImage" src="" /></div> <div id="imageDescr"><span>Описание фотографии</span></div> И обработчик события: $("#largeImage").hover(function(){ // показ описания $("#imageDescr").animate({left: "10%"}, "fast"); } , function(){ // callback $("#imageDescr").animate({left: "100%"}, "fast"); }); Смысл: при наведении на картинку вылетает описание, а если курсор увести — исчезает. Проблема в том, что если описание вылетает под курсор, то тут же срабатывает Callback и описание исчезает. А затем собы…
0 votes1 answer -
Не срабатывает событие
Добрый день! Столкнулся с проблемой. На сайте нужно написать простой скрипт, там подключен jquery , но при когда я вкшаю клик на какой то элемент то ничего не срабатывает, срабатывает только если я пишу так document.addEventListener("click", function(){ alert("Hello World!"); }); а если обращаюсь к какому то ID то не работает, как туту к примеру document.getElementById("megafooter").addEventListener("click", function(){ alert("Hello World!"); });пробовал вешать клик и через jquery, и на другие элементы но ничего не работает. в чем может быть проблема? и как возможно такое отловить? ссылка на сайт
0 votes7 answers -
Не работает кнопка браузера "назад"
Всем привет у меня есть вот такая страничка Проблема этой странички в том что при переходам по ссылкам не работает кнопка браузера "назад" Помогите пожалуйста!!!
0 votes4 answers -
LightBox
Страничка <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> <script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="js/jquery.lightbox.packed.js"></script> <link rel="stylesheet" type="text/css" href="css/csr/page.css"/> <body class="thrColElsHdr"> <div id="container"> <div id="sidebar5"> <table width="90%" border="0" cellpadding="0" cellspacing="0"> <tr> …
0 votes1 answer -
Как заставить работать css()?
Всем привет. Пытаюсь изменить св-во элемента через jQuery, вот код скрипта: jQuery(document).ready(function() { //Показываем иконку поиска при нажатии $('.searchfield').click(function() { $('.search-bg').css('background-position', '-25px 0px') }); $('body').click(function() { $('.search-bg').css('background-position', '0px 0px') });}); Нужно чтобы при нажатии на само поле иконка смещалась, а при нажатии на другое место возвращалась на место. Если убрать обработчик клика с body, то все работает. Вот свойства .search-bg .search-bg{ position: absolute; top: 13px; right: 12px; width: 25px; height: 25px; background: url(images/search-icon.png) no-repeat;}
0 votes3 answers -
return -1
Для чего здесь return 1 и return -1, ведь и без цифр всё работает? function compareNumeric(a, { if (a > return 1; if (a < return -1;}var arr = [ 1, 2, 15 ];arr.sort(compareNumeric);alert(arr); // 1, 2, 15
0 votes2 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-