Поиск по сайту

Результаты поиска по тегам 'javascript'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип публикаций


Категории и разделы

  • Основной форум
    • Для начинающих
    • Проблемы верстки
    • Обсуждение работ
    • Работа форума
    • Флейм
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Веб-программирование
    • Javascript
    • Серверные технологии
    • СУБД
    • CMS
  • Работа: спрос, предложение, вакансии
    • Коммерческие услуги

Календари

  • IT events in Ukraine
  • IT events in Russia
  • События форума

Блоги

  • CMS (Системы управления контентом)

Группы меток

  • Разработчики
  • Front-end
  • Back-end
  • Обучение
  • Ищу работу
  • Предлагаю работу



Фильтр по количеству...

Найдено 247 результатов

  1. Есть список с товарами. В каждом пункте есть блок с количеством едениц, и две кнопки + и -. Если есть более одного товара то не зависит на каком блоке кликать скрипт работает на всех, а нужно чтобы только на блоке на котором происходит действие. Код jQuey: var result = $('.cart__goods_item .cart__numbers_result'); var rel = $('.cart__goods_item .cart__numbers_reload'); var i = 1; $('.cart__goods_item .cart__numbers_plus').on('click', function() { if (i < 10) { i++; result.text(i); } }); $('.cart__goods_item .cart__numbers_minus').on('click', function() { if (i > 1) { i--; result.text(i); } }); rel.on('click', function() { i = 1; result.text(i); });
  2. То о чем я говорю представлено на скриншоте. Через padding-top по пикселям делал, как-то неудобно получается. Есть ли еще варианты?
  3. Добрый вечер. Вот только закончил верстать свой второй адаптивный дизайн. Первый делал на бустрапе. Здесь же я решил использовать flexbox причем сразу же с сеткой. Вот что получилось: https://alex2033.github.io/ Оцените пожалуйста и покритикуйте, если есть что) P.s. Вот действительно практика - лучший инструмент обучения. Когда только начинал этот макет верстать, о флексах ничего не знал и не понимал как они работают. А щас чувствую себя этаким специалистом:DD
  4. Данный вариант —> var i = parseInt($("#sli").css('margin-left')); Индентичен варианту —> var i = parseInt(document.getElementById('sli').style.marginLeft). Но, по какой-то причине, второй вариант не работает. То есть, я не могу стиль вложить в переменную в JavaScript, а в JQuery такое возможно. И при изменении стиля типо left в javascript, мне нужно указывать что-то вроде 100 + 'px', а такой момент отсутствует в JQuery, сойдут обычные числа. Был бы благодарен, если бы на мои вопросы были ответы, потому что мне не понятна такая работа кода.
  5. В этом коде: https://jsfiddle.net/Lgjy2c8w/ у меня блок запоминает положение другого, и на 100 пикселей уходит дальше, хотя глобальная функция задана tor = 0, и изменяться они уже в своих функциях. Как исправить неправильное смещение?
  6. Друзья какой будет код JavaScript чтобы этот калькулятор работал ??? Заранее огромное спасибо <body> <div> <form> <input type="text"/> <input type="text"/> <input type="text"/> <input type="submit" value="+"/> <input type="submit" value="-"/> <input type="submit" value="/"//> <input type="submit" value="*"/> <input type="submit" value="="//> </form> </div> </body>
  7. Друзья помогите разобраться. Как будет выглядеть скрипт. У нас есть изображение (какое то любое).При наведении курсора оно будет меняться на другое изображение. Понимаю что нужно делать с помощью ON MOUSEOVER И еще вопрос, можно ли здесь сделать чтобы выводило день недели , оно конечно выводит , но в виде цифры. Какие есть варианты ? <script>function clock(){ var v=new Date() var y=v.getFullYear(); var m=v.getMonth()+1; var d=v.getDate(); var h=v.getHours(); var m1=v.getMinutes(); var s=v.getSeconds(); var day=v.getDay(); if(m<10) m="0"+m; if(d<10) d="0"+d; if(h<10) h="0"+h; if(m1<10) m1="0"+m1; if(s<10) s="0"+s; document.getElementById("time").innerHTML='<b>'+d+'.'+m+'.'+y+' '+h+':'+m1+':'+s+' '+day+'</b>'; document.getElementById("time").style.color="#ff0000"; document.getElementById("time").style.fontSize="100px"; setTimeout("clock()",1000)} </script>
  8. Добрый день, нужно сделать слайдер в шапке сайта. Причем меняется только выделенная красной зоной область, то есть не вся шапка. Как сделать так, чтобы у слайдера не было фона? Должен быть прозрачным как на скриншоте.
  9. Добрый вечер. Создал свой первый адаптивный сайт. Оцените пожалуйста! https://alex2033.github.io/ Есть несколько вопросов, которые возникли, пока верстал: 1) На телефоне при нажатии на любую ссылку возникает синее выделение на полсекунды,можно ли это как-то убрать или это стандартная тема для телефонов? 2) Не считается дурным тоном прописывать колонки бутстрапа следующим образом:col-md-3 col-sm-2? Вопрос к тому, что при небольших разрешениях я хочу, чтобы в портфолио в строку отображалось не четыре работы, а две например. 3) Стоит ли в секции, где представлены работы, делать наложение темного блока на изображение с текстом и иконкой плюса с помощью background-image, притом, что возникает необходимость прописывать для ховера !important? 4)Нужно ли прописывать медиа-запросы для нестандартных разрешений? Например, у меня в коде есть: min-width: 600px and (max-width: 768px) Стоит ли это прописывать?
  10. Ищу работу. Верстаю страницы любой сложности из psd макетов. Владею адаптивной вёрсткой, а также css3/javascript/jquery анимацией. Сделаю Ваш заказ быстро, дёшево, адаптивно, кроссбраузерно. Email: churilov2312@gmail.com Facebook: https://www.facebook.com/profile.php?id=100019043504185&ref=bookmarks Так же можете просто писать мне в личку
  11. javascript

    Всем привет, собираем людей, учить JS. Будет наставник по вечерам обучать нас, бесплатно. Если кто-то хочет, то стучите в skype crushing1337228@gmail.com
  12. Всем привет! Столкнулся с такой проблемой: как скачать элемент canvas в формате изображения .svg? Заранее спасибо!
  13. Народ, не подскажите какую-нибудь программу (желательно для mac os, типа Siri?), с помощью которой можно писать код голосом (ну или хотя бы минимизировать написание кода ручками). К примеру, я говорю фразу “Фонтсайз двоеточие четырнадцать пи икс“, а она пишет “font-size: 14px”. Понимаю, что я обнаглел и вряд ли такое есть, но вдруг повезёт!
  14. $("#lik").on('click', function() { var i = parseInt($("h1").css('margin-left')); i = i + parseInt($(this).attr('data-move')); $("h1").animate({marginLeft: i}, 0200) }); Дан код jquery, в котором по нажатию на кнопку происходит смещение оступа влево по значению аттрибута data-move. Вопрос: как мне написать код, чтобы при следующем нажатии после смещения он возвращал значение на место?
  15. $("button#lol").on('click', function(){ var s = document.getElementById("val1"); var c = document.getElementById("val2"); s.hidden = !s.hidden; c.hidden = !c.hidden; }); В данном коде у объекта с айди val 1, val2 есть аттрибут отображения hidden. Почему изначально объекты на html-страницы скрыты, когда я им этот пустой аттрибут задаю, хотя по стандарту они должны отображаться? Как сделать скрытым и снова открыть объект?
  16. Дан код: var table = new Array(10); for(var i = 0; i < table.length; i++) table[i] = new Array(10); for(var row = 0, str = ''; row < table.length; row++) { for(var col = 0; col < table[row].length; col++) { table[row][col] = (row+1)*(col+1); str += table[row][col] + ' '; } console.log(str + '\n'); str = ''; } Я читал статью про массивы, знаю что значат квадратные скобки, но поясните мне пожалуйста как здесь в данном случае они работают, и в целом сам код?
  17. помогите пожалуйста решить проблему с кроссдоменным запросом. я расположил бекенд на одном сервере, а фронтэнд на другом. теперь при помощи ajax-запроса фронтэнд-скрипт не может получить данные из бекэнда вот адрес, по которому можно получить данные: http://zlodiak.pythonanywhere.com/days/1497104260/1497968260 тут лежит мой скрипт, который отправляет ajax-запрос по вышеуказанному адресу. ajax-запрос отправляется после того как пользователь в первом датепикере выбирает дату '2017-06-01', а во втором датепикере выбирает дату '2017-06-30'. затем нажимает кнопку субмита в результате консоль говорит о том, что кроссдоменный запрос не разрешён: я пробовал располагать на одном сервере и фронтэнд, и бекэнд. при этом всё описанной проблемы не было и связка работала без проблем. но мне нужно чтобы фронтэнд и бекенд находились именно на разных серверах
  18. Может мне кто-нибудь объяснить как работает данный код? Желательно поэтапно <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> </head><body> <button data-toggle-id="subscribe-mail"> Показать форму подписки </button> <form id="subscribe-mail" hidden> Ваша почта: <input type="email"> </form> <script> document.onclick = function(event) { var target = event.target; var id = target.getAttribute('data-toggle-id'); if (!id) return; var elem = document.getElementById(id); elem.hidden = !elem.hidden; }; </script> </body> </html>
  19. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> .text-jquery { margin: 0 0 0 30px; transition: 4s; } h1 { position: relative; } </style> </head> <body> <input id="val1" type="text"><br><br> <input id="val2" type="text"><br><br> <button id="as">Посчитать!</button> <button id="lol">Сместить!</button> <button id="lik"></button> <h1>LOL</h1> </body> </html> Как мне сделать в jquery, чтобы при каждом нажатии на кнопку с id="lik" у меня h1 смещался влево на 15px?
  20. Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> input { position: relative; transition: all ease 1s; } </style> </head> <body> <input id="val1" type="text"><br><br> <input id="val2" type="text"><br><br> <button>Посчитать!</button> <button id="lol">Сместить!</button> </body> </html> И его скрипт: $('document').ready(function() { $('button').on('click', function(){ var value1, value2; value1 = $('#val1').val(); value2 = $('#val2').val(); value1 = parseInt(value1); value2 = parseInt(value2); value3 = value1 + value2; alert(value3); }); $('button#lol').on('click', function() { $('#val1, #val2').css( { border: '2px solid red', left: '50px' } ); }) }); И первая проблема: при нажатии на кнопку "Сместить!" у меня вылетает алёрт со значением "NaN", а потом работает сам скрипт. И вторая: почему в коде не работает плавное смещение вправо? В html задал параметр стиля, но плавного перехода нет. Только плавная смена цвета. Как исправить NaN и плавный переход? Если возможно, объясните поподробнее.
  21. Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { background: #e8ece7; } .menu { position: absolute; background: #b13224; border-radius: 5px; top: 90px; left: 450px; } .menu a { display: block; text-decoration: none; background: #b13224; color: white; padding: 7px; margin: 0; } .menu a:hover { background: #383838; } .menu ul { width: 958px; height: 33px; list-style: none; font-size: 0; } .menu ul li { display: inline-block; font-size: 16px; } h1 { position: absolute; top: -5px; left: 450px; display: inline-block; } h1:before { content: ''; width: 48px; height: 56px; background: url(gold-logo.jpg) no-repeat center center; background-size: 48px 56px; display: inline-block; } #polosa { position: relative; background: red; } .slider { overflow: hidden; height: 38px; padding: 4px; border: 2px solid black; position: absolute; top: 506px; left: 900px; font-size: 36px; } </style> <script> document.getElementById('slider-top').onclick = slider; var top = 0; function slider(){ var polosa = document.getElementById('polosa'); top = top - 256; if (top < -768) { top = 0; } polosa.style.top = top +'px'; } </script> </head> <body> <h1>Xman<font color="red">Bank</font></h1> <div class="menu"> <ul> <li><a href="">Home</a></li> <li><a href="">About us</a></li> <li><a href="">Our services</a></li> <li><a href="">Deposits</a></li> <li><a href="">FAQs</a></li> </ul> </div> <div class="slider"> <div id="polosa"> <li>Привет</li> <li>как</li> <li>у тебя</li> <li>дела?</li> </div> </div> <button id="slider-top">TOP</button> </body> </html> В скрипте в окне разработчика браузера ошибка: "cannot set property onclick of null". Как её решить?
  22. Изучаю JS, решаю задачки. C первым справился, а вот со вторым ступор + вопрос про запись ключей
  23. Как сделать так, чтобы при включении аудио на сайте, уже включённое ранее аудио останавливалось? Они просто проигрываются вместе!
  24. Здравствуйте. Задача выглядит так: В первое поле вводится любая строка, при нажатии на кнопку "GO" во второе поле записывается эта строка без пробелов слева и справа. Для решения данной задачи необходимо использовать метод substr/substring. Не понимаю, как реализовать второе поле, в котором пробелы исчезнут с обеих сторон
  25. Добрый вечер. Помогите пожалуйста, не знаю как сделать подобное задание. Дано пять полей. При нажатии кнопки выполняется проверка того, что все поля содержат строки длиной от 5 до 7 символов.