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
-
Не получается вызвать функцию (ajax)
Пересоздал тему для более легкого объяснения проблемы, которая до сих пор не решена. Задача банальная - вызвать функцию с помощью ajax при клике на кнопку. В первом файле, который необходимо вызвать я указываю следующее : // phpfunction a() {echo 'huu';}a(); // вызвалиВторой файл (где расположен ajax) вызывает открывает первый. // ajax file<button onclick="go()" id="div">0</button><p id="text"></p><script>function go() {var client = new XMLHttpRequest();client.onreadystatechange = handler;client.open("GET", '1.php'); // открываем файл и получаем ф-ю с вызовомclient.send();}function handler() {if(this.status == 200 && this.response…
0 votes16 answers -
Баг с кнопкой назад
Интересный баг нашли в скриптах. Если перейти на эту страницу и пощёлкать по вкладкам "Результат" и "HTML" несколько раз, то на кнопку назад надо столько же раз нажать. http://webref.ru/html/a#field_html_example Вкладка с результатом сделана в виде iframe, в него загружается PHP-скрипт. Сами вкладки и отправка формы на сервер сделаны на JS. Как исправить можно JS, чтобы Назад работало только один раз?
0 votes17 answers -
Баннер на всю страницу 100% x 100%
Добрый день! Подскажите пожалуйста, если у кого есть опыт размещения флэш баннеров. Знаю что размещается средством java script. Есть флэш заставка. Надо ее разместить над страницей (как бывает на сайте спорт экспресс), что бы она полностью собой закрывала входную страницу, 100% по ширине и высоте. А по нажатии на кнопку закрывалась. Заранее спасибо!
0 votes16 answers -
Плавное увеличение изображения при наведении курсора и аналогично уменьшение
Решаю следующую задачу. при наведении мышки на изображение увеличивать ,при отводе ее уменьшать Делала обычным способом,но картинку дёргается.что делать? и еще как сделать чтобы при смене увела мышку и навела изображение сразу изменялось,на данной момент пока изображение не станет исходным он не увеличивается. <!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> <script> var idtime var d=document functi…
0 votes1 answer -
jQuery: Клик по элементу в переменную, как сделать?
Интересует довольно простая задача: есть ряд кнопок, для которых выполняется одна и та же функция. Но хочу написать не для каждой кнопки одну и ту же функцию, а чтобы при клике на кнопку, передавалось в переменную какая именно кнопка была нажата и соответственно выполнялось действие. PS Использую toggle, примерно как выглядит незаконченный код: http://jsfiddle.net/MCMpM/15/
0 votes17 answers -
Выполнить обработчик один раз
Друзья, всем привет. Стоит вроде тривиальная задача, но решить не могу. Есть форма поиска. Скрипт должен отследить когда пользователь начнет там что-то вводить. Сработать это должно только один раз. То есть при последующем изменении значения поля ничего делать не нужно. НО! Как только на форму поиска опять кликнули, события должно сработать еще один раз. И так далее. Попробовал вот так вот, но срабатывает при каждом новом символе: jQuery(function () { var search_flag = false; if (!search_flag) { $('.input_search').on('input', function () { let elem = $(this).val(); alert(elem); }); search…
0 votes5 answers -
Наипримитивнейший визуальный редактор. Вопросы.
Уважаемые, подскажите пожалуйста, как сделать? Мне нужно сделать маленькую форму для добавления новостей на сайт в виде примитивного визуального редактора. Нужно всего 3 функции: 1) добавить по краям выделенной мышкой области теги <b></b> в поле ввода, 2) добавить по краям выделенной мышкой области теги <i></i>, 3) добавить по краям выделенной мышкой области теги <a></a> Следовательно я имею форму с <textarea></textarea> и 3 кнопки: <a>Жирный шрифт</a> <a>Курсив</a> <a>Ссылка</a> Подскажите пожалуйста js код для кнопок для добавления по краям выделенной области тегов в textarea. В js - ни…
0 votes6 answers -
Имитация 3D изображения
Здравствуйте. Поставили такую задачу. Есть вот такая штука на флэше: http://catalog.onliner.by/prodimage/5800xm/3d/#image Необходимо сделать что-то похожее на JS. Имеются уже нарезанные картинки с шагом в 10 градусов, к примеру. Вопросы: 1. Возможно ли вообще такое на JS. 2. Какой будет аглоритм? (нужно всё как можно проще и без наворотов) 3. Может уже есть такие готовые скрипты и я плохо искал? P.S. Если такое уже спрашивали, дайте ссылку. Или может кто знает какую-нить инфу по этому вопросу? Спасибо.
0 votes3 answers -
Как нужно написать jQuery include
Всем доброе время суток! У меня есть вопросик как надо написать include в jQuery чтоб можно было рекламу вынести в другой файл с скриптом к примеру бегуна? И не не большой текст Вот сам код jQuery <a class="dow" href="#" id="down">Скачать</a> <div id="downtab" style="display:none"> <div id="rek-top"></div> <div id="rek-centr"> <p><!-- ЗДЕСЬ САМ ТЕКСТ --></p> <div id="reklama"> <script type="text/javascript"> var begun_auto_pad = 29798; var begun_block_id = 30200; </script> <script src="http://autocontext.begun.ru/autocontext2.js" type="text/javascript"></script> </div> &…
0 votes10 answers -
Открытие Diva по клику
Доброе время суток. Имеется див блок в котором 2 элемента по клику должны вызывать два разных блока с одинаковым стилем. На фидле не работает... http://jsfiddle.net/pMf2A/25/ На кодепене работает: http://codepen.io/anon/pen/hlwKc Файлы для скачки yandex: https://yadi.sk/d/t_JkK2YjbpkN9 После открытия страницы: После клика по одному из облачков: Задача: сделать так чтобы по клику ".reqcomtovoteno > p" открывался блок с базовым стилем от "#boxcom" дополнительным стилем от ".tono" и установленным классом разделителем элементов ".pm" , а при клике по ".reqcomtovoteyes > p" открывался точно такой же блок, но с доп.стилем ".toyes", а блок с доп.стилем ".tono" и блок…
0 votes13 answers -
Проигрывание встроенного флеш видео.
Здравствуйте. Надеюсь в нужном разделе создал тему. С помощью object помещаю флеш видео на сайт. При загрузке страницы видео автоматически начинает проигрывать. Как сделать так, чтобы оно начинало играть только при нажатии кнопки плей. Где-то вычитал что нужно flashvars прописать. Кто знает как именно, помогите. Спасибо! Вот код который встраиваю: <object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='400' height='300' type='application/x-shockwave-flash' data='http://site.com/video.swf'> <param name='movie' value='http://site.com/video.swf' /><param name='allowFullScreen' value='true' /> <param name='allowscriptaccess' value='alway…
0 votes9 answers -
Не отображается изображение в календаре
Есть такой вот календарь 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 -
разбор полученного json-массива данных
прошу помощи в исправлении мистической ситуации суть в том, что функция success(data) аякс-запроса получает ответ в виде следующего массива: [{"pk": 2, "model": "app_accounts.userprofile", "fields": {"phone": "21", "other": "<p>qqqqqqdfgdfg</p><p><b>fdg</b></p>", "user_permissions": [], "avatar": "", "skype": "dfsdf", "gender": 2, "groups": []}}] требуется вывести в консоль следующие значения: data[0].pkdata[0].modelпроблема в том, что в моём случае консоль выводится undefined. вот скриншот. вот код: $.ajax({ url: "/search_author/", type: 'POST', dataType:"json", data: { "author": $('#formSearchAuthorWord').val(), "csrfmiddlewaretok…
0 votes4 answers -
Проблема при addClass active
Всем привет. При клике (добавляю active к label) делает активными все элементы, а не текущий? Как быть? $(document).on('change', '.compare-control', function(){ var id = $(this).val(); var url = '/?action=DELETE_FROM_COMPARE_LIST&ajax_action=Y&id='+id; if ($(this).prop('checked')) { url = '/?action=ADD_TO_COMPARE_LIST&ajax_action=Y&id='+id; } $.get(url, function() { BX.onCustomEvent('OnCompareChange'); }); // здесь беда!!!при клике на элемент, делает элементы все активными, а не текущий. if($('.catalog-content-main-item-top-fav').hasClass('active')) { $('.catalog-c…
0 votes3 answers -
Ползунок
http://weather.yandex.ru/ Там ползунок есть. Подскажите пожалуйста, как он реализуется? Т.е. как именно высчитывается число градусов в зависимости от положения ползунка?
0 votes10 answers -
Проблемы с submit с помощью JS
Здравствуйте! Весь день мучаюсь над проблемой, решения которой не могу найти. Дело в том, что у меня есть элементарная форма отправки сообщения: <form action='send_mes.php' target="_self" method="post" onkeypress="submitOnCtrlEnter()" > <textarea name="text" id="new_msg_textarea"></textarea> <button type='submit' name='reply_mes' id="new_msg_button"><?php echo $but_text;?></button> </form> При клике на Submit она благополучно открывает файл send_mes.php и передает данные. Проблемы возникают, когда я добавляю JS с возможностью отправки сообщения, используя комбинацию клавиш Ctrl + Enter (Cmd + Enter). При клике на Submit, все про…
0 votes5 answers -
window.getComputedStyle подвёл, зараза :(
Если у элемента прописана высота в % (height: 60%), то Firefox и Chrome с помощью метода window.getComputedStyle(Е,null)['height'] определяет высоту в px, а нужно принципиально в % Была идея лезть в таблицы стилей через жс, но это геморно и игра не стоит свеч, но неужели придётся?(( Есть идеи, ребят?
0 votes20 answers -
java скрипт для подключения файла CSS для печати
Создала два CSS файла (для экрана и для печати), подключила, все отлично, хочется сделать на странице кнопку "Версия для печати", чтобы можно было просмотреть печатную версию. Подскажите пожалуйста javaScript для того, чтобы при нажатии на кнопку подключался необходимый CSS файл. (PHP на народе не работают) Заранее спасибо.
0 votes5 answers -
Перемещение картинок в jCanvasScript
Здравствуйте, Применяя библиотеку jCanvasScript, в сanvas загрузил несколько картинок, нужно что бы некоторые картинки поменялись местами(по клику), но получается, что картинки местами меняются,а при этом старые картинки остаются на местах(вместо двух - четыре после клика,и вторым слоем, так первые не куда не делись). function start(){//body onload var img =[]; for(var i=0;i<16;i++){ img[i]=new Image; img[i].src="./image/"+i+".png"; } var numberField=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,0]; jc.start('firstCanvas',true); function allonloadImages(){//initialization by canvas id for(var i=0;i<16;i++){ jc.image(img[i],cordinaImg[i],cordinaImg[i]).id('img'+i); …
0 votes0 answers -
Подскажите как реализовать слайдер
Добрый день. Прошу помощи у знатаков. Пытаюсь внедрить к себе на сайт слайдер, но столкнулся с такой проблемой, если выводить продукты списком, то вроде все нормально, но мой список продуктов подгружается через смарти и скрипт его выдает вот так: то есть видит каждый товар как один слайд, а мне нужно сделать 3 слайда по 4 товара в каждом. Пытался добавлять в скрипт visible:4, rotateBy:4, но не работает, моих знаний не хватает, помогите пожалуйста. Вот мой код. Прошу удалить данную тему, уже сам разобрался.
0 votes1 answer -
Условие перехода к следующему элементу списку
Есть много туториалов на тему, как перейти к следующему дочернему элементу или родителю. Но покопавшись неделю с интернете не могу найти ни одного, где бы говорилось, как перейти к первому дочернему элементу следующего списка li. Нужно задать программе условие, чтобы при при клике на последнюю картинку в списке li, она переходила к первой картинке следующего списка. Когда делаю через обычное условие (if element = element:last-child), то при клике на последнюю картинку, она сразу уводит к следующему списку. А мне нужно, чтобы она тоже отработала клик и только после этого программа переходила к следующему списку. Буду благодарна за любые идеи, мои уже все закончились) …
0 votes2 answers -
Запрет масштабирования страницы в браузере
Необходимо исключить возможность масштабирования( в моем случае, уменьшения) страницы. В интернете не нашел кроссбраузерных вариантов. Может кто-нибудь сталкивался с подобной проблемой?
0 votes4 answers -
hightslide + ajax проблемы
Всем доброго времени суток! Понимаю, вопрос тривиальный и скорее всего проблема лежит в путях, но самому дойти к сожалению не получается... В общем есть див, в который аяксом подгружаются картинки с прикрученной к ним фото галереей fancebox. Трудность заключается в том, что та информация которая подгружается почему то не видит скрипта fancybox'a и картинки, которые должны увеличиваться просто появляются в новом окне... В то же время, если открыть страницу с фотографиями отдельно, то все работает замечательно! Подгружаемый файл... <div class="highslide-gallery"> <a href="images/gallery1.jpg" class="highslide" onclick="return hs.expand(this)"> <img src="i…
0 votes4 answers -
При нажатии на кнопку выходило модальное окно
Здравствуйте, уважаемые участники форума. Т.к. в javascript я нуб прошу у вас помощи. Есть скрипт который при нажатии на кнопку #button-oneclick происходит скролл к breadcrumb и выход сообщения error или success. Нужно что бы при нажатии на кнопку #button-oneclick выходило модальное окно с одним из этих сообщений. Заранее благодарю откликнувшихся на мой призыв о помощи! P.S. Если что то не до рассказал прошу не судить строго и задать вопрос) Собственно сам код <script type="text/javascript"><!-- $('#button-oneclick').on('click', function() { $.ajax({ url: 'index.php?route=checkout/one_click/add', type: 'post', data: $('#onecl…
0 votes4 answers -
Динамическое добавление полей формы
<html> <body> <header> <div id="" class="right_link"> отменить операцию и вернуться на <a href="#">главную страницу</a> </div> </header><br><br><hr><form class="form-horizontal" action="#"> <h3>Форма предварительного технического задания</h3> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam <div class="control-group"> <label class="control-label" for="inputName">Ваше имя и фамилия:</label> <div class="…
0 votes0 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-