Jump to content

JavaScript

A programming language that conforms to the ECMAScript specification

Explore Questions

There are no popular questions to show right now

4,723 questions in this forum

  1. 42 одинаковых скрипта c различными парам-ми на одной странице

    Есть 42 формы в модальных окнах. Для каждой Я написал считалку типа калькулятора c различными парам-ми для каждой формы на одной странице. как упростить код формы или скрипта чтобы не городить много кода форм?! <!DOCTYPE html><html><head><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script><script>$(window).load(function () {calc();});function calc(){ if(document.getElementById('d1').checked == true){var noil=document.getElementById('names1').innerHTML="Name12";var coil=document.getElementById('sht1').innerHTML="1шт.";var cnoil=document.getElementById('ocen1').innerHTML=100;var fnoil=document.getEleme…

    Asked by daggi,

    0 votes
    27 answers

  2. API слайдера Fotorama

    Доброе утро. Пытаюсь разобраться с API Fotorama. Задача следующая. Есть исходные изображения, которые подгружаются в слайдер при первой загрузке страницы. Надо при изменении выпадающего списка менять сами изображения в слайдере. В документации написано, что это можно сделать при помощи метода load(), но при этом надо соблюсти закономерности, которые применялись при изначальной загрузки изображений data(). Попробовал сделать так: $(function(){/* загрузка изображений при первом заходе на страницу*/ $('.fotorama').fotorama({ data: [ {img: 'images/7.jpg', thumb: 'images/7.jpg'}, {img: 'images/8.jpg', thumb: 'images/8.jpg'}, {im…

    Asked by slo_nik,

    0 votes
    8 answers

  3. JQuery Fancybox открыть текущее изображение

    Задача : при клике на активное изображение в слайдере открывается Fancybox, который содержит это изображение. Структура html примерно следующая. "flex-active-slider" применяется динамически и обозначает активное на данный момент изображение. <ul> <li class="flex-active-slider"> <img src="img1.png"> </li> <li class=""> <img src="img2.png"> </li> <li class=""> <img src="img3.png"> </li></ul>JS: $(window).load(function() {$(".flex-active-slide").click(function() { var img = $(this).find('img'); $.fancybox.open([ { href: "img.attr('src')" } ]);});}В итоге, fa…

    Asked by WhatIsHTML,

    0 votes
    3 answers

  4. jQuery show/hide меню после клика

    Задание: По клику на ссылку появляется меню. По клику в любом другом месте кроме, области меню, оно должно "прятаться". Меню появляется, но не "прячется". В поиске наткнулся на такой метод как not(), но реализовать все равно не смог. Возможно не через него надо делать(?). Помогите, пожалуйста. //#button-project - ссылка, по клику которой, появляется меню.//.menu-projects - меню.$(document).ready(function(){ $("#button-project").click(function(){ $(".menu-projects").show(); }); $("not(.menu-projects)").click(function(){ $(".menu-projects").hide(); }); });

    Asked by WhatIsHTML,

    0 votes
    8 answers

  5. JQuery вывод спец. символов

    Добрый день. Подскажите пожалуйста как заставить .text() выводить спец.символы? Т.е. мне нужно что бы .text("«Back"); выводил <<Back

    Asked by jdk,

    0 votes
    1 answer

  6. jQuery отслеживает CSS-класс который уже убран

    Добрый вечер! Есть простая задача: две кнопки сверху, к каждой привязано изображение. При клике по кнопкам изображение изменяется, также при наведении на каждое изображение происходит смена изображения в зависимости от того, на которое наведено. Для наглядности код в JSFiddle - http://jsfiddle.net/yustnip/92wrmk85/1/ Теперь уже по коду в JSFiddle. Сначала при наведении на красный блок все хорошо, он изменяется на зеленый, но если кликнуть сначала на вторую кнопку и потом на обратно на первую, то красный блок начнет меняться на синий, что не нужно. Это происходит потому что, несмотря на удаление через removeClass(), jQuery продолжает отслеживать класс 'b-main-infog…

    Asked by yustnip,

    0 votes
    14 answers

  7. jQuery. Бесконечная карусель

    Всем привет. Начал изучение js и jQuery, написал простенькую тестовую карусель. Вот код: http://jsfiddle.net/LOL1/utxmto66/ Возникло несколько вопросов: 1) Слайдер работает если дожидаться анимации перехода, но если кликать быстро, контейнер со слайдами просто вылетает за пределы. Как это исправить? 2) Допустим, у меня есть функция, с помощью которой слайды периодически переключаются сами(setinterval/settimeout). При клике пользователем на слайды эта функция должна выключаться(это понятно как), но как снова её включить? Т.е. если пользователь не кликает на слайды, то включить функцию. Такого события как "не кликает" нет))) (можно сделать с помощью .mouseleave(), но…

    Asked by VeniVidiVici,

    0 votes
    7 answers

  8. jQuery.index() и другие моменты)

    Здравствуйте. Придумал себе задачку и застрял в реализации) Допустим есть такой код http://jsfiddle.net/9f535con/ Изначально задумывалось так: По клику на цифры убирается класс active и добавляется той цифре на которой кликнуто + всем другим соответствующим цифрам. То есть тыкнул на цифру 2 - все цифры 2 должны быть с классом active. Думал пользоваться jquery.index(), но наверно я не до конца понимаю как работает эта функция, поэтому получаю отказ кода работать) В планах было еще вот что: Как видите второй блок с горизонтальной прокруткой, задумывалось. что если там существует элемент с классом active - прокрутка должна крутиться так, чтобы этот элемент был в поле види…

    Asked by Нарек,

    0 votes
    4 answers

  9. ngModel в ngRepeat - проблема дочерних scope

    Всем привет! Требуется помощь с особенностями AngularJS. С особенностями связывания(ng-model) внутри директивы ng-repeat. На сколько я понял, при таком использовании возникают какие-то дочерние scope, которые никак не связаны со scope контроллера: <div ng-repeat="item in items"><input type="text" ng-model="myVar"/></div>Вопрос, собственно, в том, как все-таки связать в данном случае input'ы всех div'ов с перменной myVar? Нашел статью на хабре: http://habrahabr.ru/post/223529/ И вопрос на Toster'е: https://toster.ru/q/191877 Но так и не понял как применить эти знания в моем примере. Поскольку там идет речь о привязке элементов массива (или свойств элеме…

    Asked by Antoshka007,

    0 votes
    7 answers

  10. Uncaught SyntaxError: Unexpected token =>

    $currencies88 = array( 'WMR' => 'P', 'WMZ' => '$', 'WME' => '€', 'WMU' => '₴', 'WMB' => 'Br', ); echo "<div class=\"cont1\" style=\"text-align: center;\">"; echo "<div id=\"ammh15\" class=\"ctynh15\" style=\"text-align:center;\"></div>"; echo "</div>"; echo "$off_intrerst"; echo "<form id=\"wm-pay\" action=\"".$wm_url_adds."\" method=\"post\" target=\"_blank\"><div class=\"cont1\" style=\"text-align: center;\">"; if ($wmval_on == 1) { $javaScript = <<< JAVASCRIPT <script type="text/javascript"> function donateChangeCurrency( ) { var selection1Obj = document.getElementById( 'wm-pay-3' )…

    Asked by lev99,

    0 votes
    18 answers

  11. undefined в цикле

    помогите пожалуйста исправить блок на страничке выводятся четыре новости. проблема в том, что перед первой новостью выводится надпись 'undefined'. хотелось бы от неё избавиться

    Asked by cyklop77,

    0 votes
    2 answers

  12. Вкладки с динамической подгрузкой

    Помогите пожалуйста понять как создать вкладки с динамической подгрузкой данных. Причём, внутри вкладок должен быть iframe либо скрипт. Всего должно быть 3 вкладки. Нашел вот такое решение: <span class="address-link" data-target-id="target-div-7">вкладка</span> <div id="target-div-7"></div> Код скрипта: $('.address-link').click(function(){ var targetId = $(this).data('target-id'); $('#' + targetId).html('<iframe код айфрейм></iframe>'); }); Решение рабочее, но это НЕ вкладки и этот код НЕ работает если вместо iframe использовать скрипт.

    Asked by alleclf,

    0 votes
    4 answers

  13. возвращений сообщений через ajax

    помогите пожалуйста разобраться есть форма, которая отправляет в контроллер такой ajax-запрос: $.ajax({ .................. success: function(data){ alert('ok'); }, error: function(xhr, ajaxOptions, thrownError){ alert('no ok' + xhr.status); } }) контроллер возвращает статус 200 или 4хх и на основе этого срабатывает или success или error. но я хотел бы чтобы контроллер возвращал не просто статус запроса, а массив с ошибками валидации. на стороне контроллера не проблема сделать отправку этого массива. проблема в том как получить его в ajax-блоке было бы хорошо получить его как один из параметров процедуры error. возможно ли такое, подскажите пожалуйста…

    Asked by cyklop77,

    0 votes
    2 answers

  14. Возможно ли реализовать подобное на javascript ?

    Здравствуйте. Есть сайт: http://www.panotours.ru/vr/senezh/senezh1.htm На нем реализована панорамная экскурсия по комнате на flash. Возможно ли реализовать подобное на javascript ?

    Asked by ishurgaya,

    0 votes
    11 answers

  15. Вопрос на тему JQuery Trickshots

    Всем привет! Такой вот вопрос по JQuery Trickshots: Для чего в setTimeout использовать такую запись 'r('+f+')' и почему именно 9 миллисекунд? r(function(){ alert('DOM Ready!');})function r(f){/in/.test(document.readyState)?setTimeout('r('+f+')',9):f()}

    Asked by Antoshka007,

    0 votes
    5 answers

  16. Всплывающее Диалоговое окно

    Добрый вечер! Как сделать такое окно как на этом сайте? http://winestyle.ru/ Т.е. когда заходишь на сайт он спрашивает Есть ли Вам 18 лет? А затем при нажатии на крестик окно не исчезает и блокирует все действия кроме прокрутки страницы? Дайте хотя бы направление в котором искать. Буду очень благодарен!

    Asked by Kiriklk,

    0 votes
    2 answers

  17. Вставка текста в textarea.

    Здравствуйте ! Решил сделать на свой сайт комментарии. Есть такая функция: function citata(message) { message = message + 'mess'; document.getElementById('outmess').innerHTML += document.getElementById(message).innerHTML; }Она вставляет в текстовое поле текст из написанных ранее сообщений. Во-первых, текст исправно вставляется лишь до внесения изменений в это текстовое поле. Стоит написать любую букву, как вставка перестаёт работать. Во-вторых, пытаюсь сделать перевод строки после вставки символом "\n", но оно не работает. И к тому же, если перенос строки уже был в цитируемом сообщении, то в форму оно вставляется с тегом - <br>. Как и следовало ожидать, …

    Asked by Kompilator,

    0 votes
    31 answers

  18. Вывести значение select в другом div

    Есть список, состоящий из 9 городов, при выборе города должен отображаться соответствующий телефонный номер. Вот код select: <select> <option value="0">Россия</option> <option value="1">Краснодар</option> <option value="2">Екатеринбург</option> <option value="3">Москва</option> <option value="4">Новосибирск</option> <option value="5">Самара</option> <option value="6">Ростов-на-Дону</option> <option value="7">Нижний Новгород</option> <option value="8">Ярославль</option> <option value="9">Уфа</option> <option value="10">Тв…

    Asked by IvanRu08,

    0 votes
    7 answers

  19. Вывод нескольких результатов вычисления скрипта.

    Добрый день! Понимаю что вопрос глупый и он от незнания js, но тем не менее мне не удалось найти ответ самостоятельно. Есть скрипт который считает 3 разных результата и есть форма из которой берутся значения. И есть 3 поля, куда надо вывести эти 3 значения. Но по непонятной мне причине, во всех 3-х полях выводится первое значение. Вопрос: как вывести в каждое поле свое значение? <script> function SumAll() { var myform = document.forms.myform; var a=parseFloat(myform.a.value); var c=parseFloat(myform.c.value); var sum = (a + c)/0.001532; var sum2 = Math.round(sum)/100; myform.som.value = sum2; …

    Asked by fiver,

    0 votes
    2 answers

  20. Вызов функции из другой функции.

    Здравствуйте, не могу найти как находясь в одной функуции вызвать другую, отработать её и вернуться в первую.

    Asked by Kompilator,

    0 votes
    2 answers

  21. Действие, когда заполнено поле

    Нужно чтобы как только пользователь заполнил определенное поле формы (но еще не отправил форму) выполнялся код. Как вычислить такое событие?

    Asked by Kypaku,

    0 votes
    4 answers

  22. Делегирование - это хорошо?

    Добрый день! Интересует такой вопрос: есть ли что-то плохое в делегировании событий? Хочу сделать динамическую подгрузку контента на всем сайте. И чтобы обработчик событий всегда работали, думаю, использовать делегирование. То есть все обработчики вешать через body: $('body').on('event', 'selector', func); Есть ли у этого какие-то побочные эффекты, чем это может обернуться? Или можно спокойно ставить все обработчики таким образом? Спасибо!

    Asked by Antoshka007,

    0 votes
    3 answers

  23. Для мобильных слайдер вылезающий слева - как называется?

    Однажды видел такую штуку: если зайти с мобильного телефона и начать прокручивать экран вниз - слева появляется стрелочка на право. если провести пальцем по экрану слева на право - вылезает превьюшка похожих статей. Хотел такую вот штуку на сайте поставить. Как это вообще называется? что гуглить? Может готовые скрипты есть, или что-то для этого нужно почитать? т.е. есть обычный блок слева - похожие статьи. вот хотелось бы в мобильной версии сделать чтобы он был таким вот выдвижным.

    Asked by nikki4,

    0 votes
    1 answer

  24. Добавить в калькулятор доставки переменную

    Есть простой скрипт расчета доставки на основе Яндекс Карт http://jsfiddle.net/5L86tt3b/ Как менять стоимость доставки DELIVERY_TARIF в зависимости от выбора продукции из выпадающего списка?

    Asked by aizul,

    0 votes
    2 answers

  25. замыкания

    Здравствуйте. Вот пример из учебника: function makeBuffer() { var text = ''; return function(piece) { if (arguments.length == 0) { // вызов без аргументов return text; } text += piece; }; }; var buffer = makeBuffer(); // добавить значения к буферу buffer('Замыкания'); buffer(' Использовать'); buffer(' Нужно!'); alert( buffer() ); // 'Замыкания Использовать Нужно!' Объясните пожалуйста два момента: 1 - зачем функцию makeBuffer() присваивать переменной buffer? 2 - вот этим вызовом buffer('Замыкания') (и всеми такими же) получается что передаем аргумент в функцию оболочку, а использует его внутренняя функция function(piece). Вот такая запись для меня была бы понят…

    Asked by Mixail.09,

    0 votes
    1 answer

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept