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. Проблема с работой скрипта

    Всем привет. Изучаю Canvas. Курю туториалы. В одном из уроков был следущий код: https://jsfiddle.net/parnas/0yh8751v/ В уроке такой код работает. А у меня нет. У меня работает только если убрать onload и функции. Тоесть вот так: https://jsfiddle.net/parnas/ucw4boap/ Где подвох не понимаю. Спасибо заранее за помощь!

    Asked by parnas,

    0 votes
    2 answers

  2. Не обрабатывается css код в файле

    http://codepen.io/Diargon345/pen/BKPpeN Здесь не работает. Красный фон должен скрываться. То же самое, но стили прописаны не в css файле, а в html. http://codepen.io/Diargon345/pen/oxMBRQ Почему в первом случае не работает?

    Asked by diargon345,

    0 votes
    2 answers

  3. Как объединить html 5 transition и data аттрибут?

    Всем привет =) Создал тему на киберфоруме. Там уже 2-й день молчат. Решил перебраться сюда. Итак, разрабатываю сайт. Был у меня на этом сайте прелоадер. Обыный, простенький. Просто вешался на весь экран. Когда контент загружался он скрывался с анимацией спада (fade in/out). Собственно код: $('#preloader').delay(350).fadeOut('slow'); Но тут мне рассказали про data атрибуты. Решил попробовать их. Пишу следующее: <body id="main" data-preloader > body#main::before { content: attr(data-preloader); display: block; position: fixed; z-index: 100; top: ; left: ; width: 100vw; height: 100vh; background-color: beige; -webki…

    Asked by diargon345,

    0 votes
    2 answers

  4. push() в backbone странный

    помогите пожалуйста понять почему в backbone push работает неочевидным способом пример1 (не рабочий): APP.Graph = Backbone.Model.extend({ defaults: { title: undefined, dots: new Array() } )} var graph = new APP.Graph(); graph.attributes.dots.push([1, 1]); консоль выводит сообщение об ошибке: Uncaught TypeError: this.model.attributes.dots.push is not a function пример 2 (не рабочий): APP.Graph = Backbone.Model.extend({ defaults: { title: undefined, dots: new Array() } )} var graph = new APP.Graph(); var dots = this.model.get('dots'); dots.push([1, 2]); this.model.set({'dots': dots}); консоль выводит сообщение об ошибке: Unca…

    Asked by cyklop77,

    0 votes
    2 answers

  5. Исчезновение блока на JQuery

    Здравствуйте! Мне необходимо сделать так, чтобы блок исчезал со страницы, когда расстояние до низа страницы 300px Пробовал так: $(function(){ $(window).scroll(function() { var top = $(document).scrollTop(); if (top == $(document).height() - 300px) { $('.block').hide(); } не работает Подскажите, что можно сделать

    Asked by Elijah,

    0 votes
    2 answers

  6. Подскажите по расчету

    Подскажите, пожалуйста, вот в этом коде: var plochad=(visota*shirina)/10000; var koefficient=1.25; var total=(tcena_okno+okno)*koefficient; необходимо чтобы koefficient был следующим: если площадь до 0,5 м2 то коэффициент 2; если 0,51-0,8 м2 то 1,5; если 0,81-1 м2 то 1,25; если больше 1 м2 то 1,25.

    Asked by aizul,

    0 votes
    2 answers

  7. игра, работабщая через setInterval, зависает

    у меня вопрос скорее теоретический, чем практический. однако буду благодарен и за код Помогите пожалуйста найти причину, по которой игра зависает. Это выражается в невозможности переместить корабль игрока на более чем на 100px в любом направлении Основной алгоритм игры следующий: Для каждой сущности создан отдельный view: APP.SpaceView - содержит основную логику игры APP.InformerView - табличка, отображающая количество снарядов, жизненные силы, счёт и т.д. APP.InfolineView - бегущая строка с разной информацией APP.FieldView - игровая область(в ней летают корабли протвника, корабль игрока и звёзды) APP.PlayerShipView - кораб…

    Asked by cyklop77,

    0 votes
    2 answers

  8. Вместо скролбара кнопки вверх/вниз у div`a

    Здравствуйте, помогите пожалуйста, есть див, заданной ширины и высоты, в нём список из <li>,которые не все помещаются, как сделать,чтобы див остался своей ширины, но прокручивание<li> реализовывалось кнопками вверх вниз, а не скролером (в свойствах div стоит overflow:avto, потому и скрол, если что).

    Asked by Prot,

    0 votes
    2 answers

  9. Выбор фреймворка

    Хочу сделать небольшую площадку, на которой можно будет выбрать некоторые стилевые свойства, изменить их значения и сразу же увидеть результат. Всё будет работать на чистом HTML+JS без БД, но нужен фреймворк, который упростит создание шаблона, сделает роутинг и вывод в нужные области. Пока думаю насчёт Ангулара, но хотел бы узнать мнение знающих людей. Что посоветуете?

    Asked by Vlad,

    0 votes
    2 answers

  10. загрузить превью картинки

    помогите пожалуйста вывести на страничку превью загружаемой картинки https://jsfiddle.net/6e97awdo/6/ $('#loadImgLabel').on('click', openLoadFileMaster); $('input').on('change', closeLoadFileMaster); function openLoadFileMaster() { console.log(111) $('#pageDescLoadImg').click(); }; function closeLoadFileMaster() { console.log(222) var fileInfo = document.getElementById('pageDescLoadImg').files[0]; console.log(fileInfo) var reader = new FileReader(); console.log(reader) reader.onload = function(e) { console.log('readerload') document.getElementById("loadImg").src = e.target.result; }; }; проблема …

    Asked by cyklop77,

    0 votes
    2 answers

  11. Скрыть элементы после 3-го по порядку

    Вот такая простая структура. Идея в том, чтобы на странице показывалось только 3 элемента. Остальные, если они есть, подгружались при нажатии на кнопку. https://jsfiddle.net/vk1zuajm/2/ На данный момент завис на том, что элементы после 3-го не прячутся. eq() принимает целые числа, number - целое число. Почему не работает так как надо?

    Asked by WhatIsHTML,

    0 votes
    2 answers

  12. Как остановить цикл

    $(function() { $('p').delay(1700).each(function(i) { $(this).delay((i++) * 50).fadeTo(1000, 1); }) }); Подскажите пожалуйста, как сделать так, чтобы после десятого параграфа цикл остановился и показались все остальные параграфы сразу? Спасибо заранее:)

    Asked by Alarr,

    0 votes
    2 answers

  13. Расхождение между показаниями window.innerWidth и шириной экрана

    Здравствуйте! В яваскрипте я написал функцию, которая действует по разному в зависимости от ширины экрана. Чтобы определить ширину экрана я использую window.innerWidth. Когда я смотрю страницу через средства разработчика Хром на ширине экрана в 768 пикс, window.innerWidth показывает 761 пикс(разница в 7 пикс), и соответственно функция отрабатывает не верно. На 1024 пикс window.innerWidth показывает 1015 пикс(разница в 9 пикс), то есть постоянной погрешности не введёшь ... От чего это так и чему доверять при попытке определить ширину экрана?

    Asked by borus,

    0 votes
    2 answers

  14. Помогите доделать условие

    Я не знаю, что уже делать. Функция должна проверять, есть ли в массиве цифры или строки. Почему проверяется только первый элемент массива? https://jsfiddle.net/2jwd5tkp/6/

    Asked by DivMan,

    0 votes
    2 answers

  15. Почему массивы не объединяются?

    Код расписал с 39 строчки http://plnkr.co/edit/glu7TUNehynSgSdsZC05?p=preview

    Asked by DivMan,

    0 votes
    2 answers

  16. Фреймворки

    Объясните мне вкратце, что дают такие штуки, как: Ember, Angular, React, Backbone, Knockout и т.п. Что нельзя сделать на чистом JS, без этих штук? А может это всё специально сделано для инфобизнеса?

    Asked by DivMan,

    0 votes
    2 answers

  17. Активация проверки полей required

    Здравствуйте. Есть атрибут required, который при отправке формы сообщает пользователю, что поле необходимо заполнить, если он этого не сделал. Можно добиться такого же эффекта, но не отправляя форму? Как-то с помощью js запустить эту проверку.

    Asked by alex_web64,

    0 votes
    2 answers

  18. Объясните, почему так...

    "use strict" var formElement = document.forms["searchform"]; var guests = formElement["searchform-guests-number"]; var rooms = formElement["searchform-guests-rooms"]; guests.min = 1; guests.max = 6; var MAX_GUESTS_PER_ROOM = 3; function setMinAndMaxRooms(roomsElement, guestsNumber) { roomsElement.min = Math.ceil(guestsNumber / MAX_GUESTS_PER_ROOM); roomsElement.max = guestsNumber; } guests.value = 2; setMinAndMaxRooms(rooms, guests.value); rooms.value = rooms.min; откуда rooms.min берет свое значение?

    Asked by Rimming,

    0 votes
    2 answers

  19. Функции JavaScript + innerHtml

    начал изучать сей язык, столкнулся с проблемой: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Документ без названия</title> <script language="javascript" type="text/javascript"> function check() { var number=document.getElementById("cifra").value; switch (number) { case '1' : alert('Кукареку'); document.getElementById('vvod').innerHTML = 'Пользователь ввел 1.' break; } } </script> <style> p { color: red; font-size: 18px; text-decoration: underline; } </style> </head> <body> <font> <form> Введите число от 1 до 10: <input type="text" name="nu…

    Asked by Payalnik610,

    0 votes
    2 answers

  20. JQuery. Как перетащить текст из одного списка в другой?

    Всем привет! Есть "block2", в котором есть список из блоков с текстом. Этот текст нужно перетащить в соответствующие блоки в "block1". Т.е. текст из первой строки нужно вставить в первую строку другого блока, вторую - во вторую и т.д. Нужно забирать именно текст без перестраивания и копирования структуры. Во вложении накидал картинку)

    Asked by MiHALbI4,

    0 votes
    2 answers

  21. Включение скролинга в виджете вк по клику

    Добрый день , нуждаюсь в вашей помощи , есть следующий виджет вк <div id="vk_groups"> <script type="text/javascript" src="//vk.com/js/api/openapi.js?136"></script> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 4, width: "300", height: "600"}, 121464391); </script> </div> он показывает новости группы , когда делаешь скролинг всей страницы на это виджете скролинг останавливается и далее выполняется скролинг новостей из группы. Так как планируется разместить этот виджет по всей ширине странице то это будет не удобно когда скролинг главной прерывается виджетом . Можно ли…

    Asked by egorxx87,

    0 votes
    2 answers

  22. Проверить на JS является ли target.element элементом списка?

    Здравствуйте. Подскажите пожалуйста, в цикле перебираю элементы и как проверить что очередной элемент является элементом списка 'li' (или дивом - не важно, главное сам принцип проверки). Пока сделал вот так target.toString() === '[object HTMLLIElement]' Но как то это коряво выглядит

    Asked by Mixail.09,

    0 votes
    2 answers

  23. jade(pug) in gulp

    Всем привет! Сам не могу справится. Подправьте, пожалуйста, галпфайл, нужно добавить jade(pug). Структура файлов во вложении. Сейчас index.html и creamy.html собираются из кусков из папки template с помощью rigger. gulpfile.js

    Asked by Schamil74,

    0 votes
    2 answers

  24. Проблема с jQuery внутри callback-функций

    Внутри callback-функций выражения вида $('#something') не работают, поскольку $ - не определено. Однако, jQuery можно вызвать безопасно - с помощью jQuery('#something'). Как побороть ситуацию? $(document).ready(function() { // $=jQuery; //временно вынужден использовать такой вот грязный хак jQuery("#com_transfer_slider_counter_1"); // работает $("#com_transfer_slider_counter_2"); //не работает };

    Asked by Doctor_Dark,

    0 votes
    2 answers

  25. Выполнение функции по окончанию ajax

    Здравствуйте. У меня есть необходимость сделать две функции, одна для загрузки определенных данных, а вторая для работы с ними. Пример: var response; function getSomeStuff () { $.get(url, function (data) { response = data; }) } function useResponse () { // работаем с переменной response } getSomeStuff(); useResponse(); Проблема в коде выше - во время запуска функции useResponse get-запрос еще не завершится, соответственно response будет undefined. Как заставить код выше работать, не помещая вызов функции useResponse внутрь функции success?

    Asked by alex_web64,

    0 votes
    2 answers

  • Обсуждения

    • 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