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

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

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

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

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


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

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

Календари

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

Блоги

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

Группы меток

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



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

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

  1. <!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?
  2. Дан код: <!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 и плавный переход? Если возможно, объясните поподробнее.
  3. Дан код: <!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". Как её решить?
  4. Изучаю JS, решаю задачки. C первым справился, а вот со вторым ступор + вопрос про запись ключей
  5. Как сделать так, чтобы при включении аудио на сайте, уже включённое ранее аудио останавливалось? Они просто проигрываются вместе!
  6. Здравствуйте. Задача выглядит так: В первое поле вводится любая строка, при нажатии на кнопку "GO" во второе поле записывается эта строка без пробелов слева и справа. Для решения данной задачи необходимо использовать метод substr/substring. Не понимаю, как реализовать второе поле, в котором пробелы исчезнут с обеих сторон
  7. Добрый вечер. Помогите пожалуйста, не знаю как сделать подобное задание. Дано пять полей. При нажатии кнопки выполняется проверка того, что все поля содержат строки длиной от 5 до 7 символов.
  8. Народ, не подскажите какую-нибудь программу (желательно для mac os, типа Siri?), с помощью которой можно писать код голосом (ну или хотя бы минимизировать написание кода ручками). К примеру, я говорю фразу “Фонтсайз двоеточие четырнадцать пи икс“, а она пишет “font-size: 14px”. Понимаю, что я обнаглел и вряд ли такое есть, но вдруг повезёт!
  9. Всем привет! Столкнулся с проблемой, когда контрольные точки в медиавыражениях не совпадают с точками $(window).width() (или window.innerWidth). Это и правда так, или всё же я что-то не так делаю? Покажу на примерах. 1) https://codepen.io/psywalker/pen/WjJZbe - в этом примере верхний div отвечает за медиавыражения, нижний за $(window).width() (или window.innerWidth), ну а span -- это просто линейка в 600px, правый край которой и является нашей контрольной точкой (600px). Здесь всё работает отлично. Сузьте экран ровно до правого края span и увидите, как все два div станут синими (http://take.ms/ECczJ). А если жмякнуть ссылкой на span, то даже в консоли всё будет ровненько по 600px. 2) Но всё здорово ровно до того момента, пока не появляется вертикальный скролл. Сравним вариант со скроллом. https://codepen.io/psywalker/pen/jmxKxM?editors=0110. Теперь во всех браузерах (в Edge не тестил, не суть) кроме Safari сужение экрана до 600px врубает $(window).width(), а вот медиазапросы срабатывают только на 585px. Понятно, что медиазапросы учитывают скролл, который 15px. Но разночтение с $(window).width() уже очень расстраивает. А вот в Safari всё срабатывает так же, как без скролла, то есть ровненько на 600px (http://take.ms/f81ta). Следовательно, помимо разночтения при скролле мы ещё имеем разночтения в браузерах (Safari vs остальных). 3) Ок, попробуем поменять $(window).width() на window.innerWidth. https://codepen.io/psywalker/pen/wdjXNM?editors=0110. Теперь во всех браузерах (в Edge не тестил, не суть) кроме Safari медиазапросы и window.innerWidth срабатывают в одной точке - 585px, а вот в Safari медиазапросы срабатывают на 600px, а вот window.innerWidth на 585px. Итог: Получается, что в данном случае нет единого мнения среди браузеров, и у нас нет возможности контролировать медиазапросы вместе с $(window).width() (или window.innerWidth). Или я ошибаюсь? И какие вы видите решения данной проблемы?
  10. Всем привет, такой вопрос, начал юзать jade, но двойной include сделать не получается, например я делаю include в index.jade файла page-header.jade а в не написан include main-nav.jade. Дак вот как можно ему указать родительский каталог?
  11. Пишу html 5 игру и собираюсь разместить у себя на сайте и возник вопрос как защитить игру от просмотра и от кражи. Например во flash даже если удастся взломать через декомпилятор, то не каждый будет копаться в as 3.0. коде. То здесь все наведу можно копировать и сохранять к себе на жесткий диск менять параметры и смотреть на результат. Я бы и дальше делала игры на flash AS 3.0. но он устарел и на телефонах больше не идет.
  12. $('.b_70543').click(function (e) { var t = e.target; e.preventDefault(); e.stopPropagation(); if ((t.tagName = "A") || (t.className = "item-data")) { $('.m_modal').addClass('show'); if ($(t).data('btn') === 'button') { var parent = $(t).parent().parent().parent().parent(); } else { var parent = $(t).parent().parent(); } console.log(parent); var productArr = $(parent).find('.content-wrapper .content-holder .title-holder .title p').text(); var productArr = productArr.split(' | '); var productName = productArr[1]; var descr = productArr[0]; var p = $(parent).find('.price-holder .price p').text() var price = p; // var price = price.replace(','); var inputName = $('.m_modal').find('#product-name'); var inputPrice = $('.m_modal').find('#product-price'); var inputDescr = $('.m_modal').find('#product-descr'); $(inputName).text(productName); $(inputPrice).text(price); $(inputDescr).text(descr); console.log(price); console.log(descr); console.log(productName) } }) Ребята есть вот такой, он отвечает за клик по блоку товара, и в зависимости от глубины клика присваивает родителя, чтобы подтянуть название товара и цену, как мне остановить всплытие события прям вот сразу после клика, чтоб он возвращал мне один единственный элемент, сейчас возвращает два, может в if что то напутано Нужно чтобы по клику вернулся только элемент по которому произошел клик Или может по клику как то можно зацепить родителя по классу именно в этом блоке
  13. Создаю группу объектов и загружаю слой из Tiled this.saws = this.game.add.group(); this.saws.enableBody = true; this.map.createFromObjects('saws', 4, 'saw', 0, true, false, this.saws); В update задаю угол вращения и хочу чтобы пила вращалась вокруг свои оси. this.saws.angle += 1; Но группа объектов позиционируется относительно начала координат и пила начинает крутиться вокруг (0, 0) и вокруг своей оси. Как сделать так, чтобы она оставалась на своем первоначальном месте? Если загружать просто спрайт и ему прописывать угол и координаты, затем вращать, то все нормально, но если я собираюсь несколько десятков объектов загружать? Хотелось просто рисовать уровень в Tiled, а отдельным группам объектов прописывать свое поведение: пилы вращаются, платформы двигаются и т.д. Демка
  14. Добрый вечер, пишу игру виселица, по книге. Возникла проблема. Ввод и запись верных букв прогоняется через цикл while, не могу понять как сделать взять данные что бы рисовался человечек на canvas. Получается он рисуется после того как цикл полностью выполнен.
  15. Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>пара</title> <script> for(i=0; i<elem.length; i++) { alert(elem[i]); } function lol(nan) { var i; var elem = document.getElementById("sas"); elem.style.color = nan; } </script> </head> <body> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <button onclick="lol('red')">Красный</button> </body> </html> При нажатии на кнопку, должен запуститься скрипт, при котором все объекты становятся красного цвета. Но проблема в том, что красным становится только 1 элемент, а не все. Как исправить проблему?
  16. Объясните поподробнее, почему в 24 строчке i пишется в квадратных скобках? Как это работает?
  17. Добрый день подскажите, как менять класс, буду очень благодарен примеру, у сквозного блока, который выводиться на всех страницах (к примеру блок с преимуществами в шапке сайта, который можно скрывать показывать по клику, если он скрыт на главной, то не будет показываться на других страницах, до клика по иконке) И можно ли реализовать смену класса на определенное время (куки?) 1 час или сутки.
  18. Доброго дня форумчане, ситуация такая- Есть сайт http://codex-themes.com/scalia/one-page/ где красиво реализована система смены слайдов. Как можно заметить, происход переход следующим образом : Элементы в слайде начинают анимацию свёртки -> происходит смена слайда -> происходит анимация развертки элементов нового слайда. Подскажите есть ли какие-нить уроки/статьи как такое сделать, и можете порекомендовать слайдер, где такое можно сделать через опции, ну хотя бы задержку перед переход на следующий слайд. Писать свой велосипед не хотелось бы, но видимо придется, если вы мне не поможете советом. Спасибо.
  19. Ребята, вопрос, сделал на сайте подсчет цены при увеличении количества товара, но не могу сообразить какое условие нужно написать чтобы цена вычиталась при уменьшении этого количества. Файлик с главным скриптом common.js, строки 185 - 208. Заранее спасибо http://alekseypn.ru/brinoli/catalog.html
  20. Как сделать так, чтобы при включении аудио на сайте, уже включённое ранее аудио останавливалось, вместо проигрывания дальше вместе.
  21. Ребята оцени, может подскажите где можно было сократить код или сделать попроще, ну и кому понравилось забирайте себе на вооружение если нету такой фичи код легко переделать как вам нужно и под свои цены. Может и велосипед написал но хотелось своими руками создать что то подобное.
  22. Здравствуйте. Делаю свой простенький сайт, заполнил его нужным текстом, но вот проблема: я не знаю JavaSCript, который, наверное, нужен для создания слайдера. Есть ли сатья по созданию слайдера (горизонтального) и по обучению JavaScript?
  23. Оба метода гарантируют что скрипт загрузится только после того когда загрузится весь html документ. Какая между ними разница кроме той, что $(document).ready пишется в js файле, а defer в атрибуде?
  24. Здравствуйте всем! Интересует такое решение задачки. Имеется вот такой вот HTML код <input type="text" name="comp" placeholder="Comp" /><br> <input type="text" name="name[]" placeholder="name1" /><br> <input type="text" name="desc[]" placeholder="desc1" /><br> <input type="file" name="files[]" multiple /><br> <input type="text" name="name[]" placeholder="name2" /><br> <input type="text" name="desc[]" placeholder="desc2" /><br> <input type="file" name="files[]" multiple /><br> Как создать массив с названиями файлов которые были выбраны в первом или втором input. Имеется скрипт практически рабочий, но имеет дефект, что вместо названия файла имеется иероглиф $this_is_it = array(); $post = array_values($_POST); for($j = 0; $j < count($post[1]); $j++){ for($u = 0; $u < count($post[3]); $u++){ $this_is_it['order_' . ($j + 1)] = array( 'name' => $post[1][$j], 'desc' => $post[2][$j], 'attach' => $post[3][$j] ); } } Выводит он при этом: array(2) { ["order_1"]=> array(3) { ["name"]=> string(4) "lala" ["desc"]=> string(7) "lalalal" ["attach"]=> string(1) "�" } ["order_2"]=> array(3) { ["name"]=> string(5) "name2" ["desc"]=> string(5) "desc2" ["attach"]=> string(1) "�" } } А должен: array ( 'order_1' => array ( 'name' => 'name1', 'desc' => 'desc1', 'attach' => 'картинка.jpg', ), 'order_2' => array ( 'name' => 'name2', 'desc' => 'desc2', 'attach' => 'картинка_2.jpg', ),) Что делать, как быть?
  25. На странице есть много картинок, и чтобы сделать предварительную загрузку не комильфо прогонять каждый путь через массив, ибо путей много и вручную это долго. Как можно сделать по другому? Мой вариант будет правильным? При нажатии на маленькое изображение должно появляться большое без загрузки. $('.wrapper img').each(function(){ var att =$(this).attr('src'); var qwe = /(\.\w{3,4}$)/; att=att.replace(qwe,'_q.jpg'); var newI= $('<img src="'+att+'">'); $(this).click(function(){ $('.open').append('newI'); }); });