<?xml version="1.0" encoding="UTF-8"?>
<article xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="JATS-archive-oasis-article1-4.xsd" article-type="research-article" dtd-version="1.4" xml:lang="ru">
  <front>
    <journal-meta>
      <journal-title-group>
        <journal-title>Журнал Современные наукоемкие технологии</journal-title>
      </journal-title-group>
      <issn>1812-7320</issn>
      <publisher>
        <publisher-name>Общество с ограниченной ответственностью &amp;quot;Издательский Дом &amp;quot;Академия Естествознания&amp;quot;</publisher-name>
      </publisher>
    </journal-meta>
    <article-meta>
      <article-id pub-id-type="publisher-id">ART-36309</article-id>
      <title-group>
        <article-title>Реализация элемента пользовательского интерфейса Slider с помощью JavaScript</article-title>
      </title-group>
      <contrib-group>
        <contrib contrib-type="author">
          <name-alternatives>
            <name xml:lang="ru">
              <surname>Белов</surname>
              <given-names>В.Н.</given-names>
            </name>
          </name-alternatives>
          <name-alternatives>
            <name xml:lang="en">
              <surname>Belov</surname>
              <given-names>V.N.</given-names>
            </name>
          </name-alternatives>
          <email>bwn.arz@list.ru</email>
          <xref ref-type="aff" rid="aff1"/>
        </contrib>
        <contrib contrib-type="author">
          <name-alternatives>
            <name xml:lang="ru">
              <surname>Ковалёв</surname>
              <given-names>А.И.</given-names>
            </name>
          </name-alternatives>
          <name-alternatives>
            <name xml:lang="en">
              <surname>Kovalev</surname>
              <given-names>A.I.</given-names>
            </name>
          </name-alternatives>
          <email>cfyzhtrhen@gmail.com</email>
          <xref ref-type="aff" rid="aff1"/>
        </contrib>
        <contrib contrib-type="author">
          <name-alternatives>
            <name xml:lang="ru">
              <surname>Новиков</surname>
              <given-names>С.А.</given-names>
            </name>
          </name-alternatives>
          <name-alternatives>
            <name xml:lang="en">
              <surname>Novikov</surname>
              <given-names>S.A.</given-names>
            </name>
          </name-alternatives>
          <email>Axe52rus@inbox.ru</email>
          <xref ref-type="aff" rid="aff1"/>
        </contrib>
      </contrib-group>
      <aff id="aff1">
        <institution xml:lang="ru">Арзамасский филиал ННГУ им. Н.И. Лобачевского</institution>
        <institution xml:lang="en">The N.I. Lobachevsky State University of Nizhni Novgorod Arzamas branch</institution>
      </aff>
      <pub-date date-type="pub" iso-8601-date="2016-10-08">
        <day>08</day>
        <month>10</month>
        <year>2016</year>
      </pub-date>
      <issue>10</issue>
      <fpage>224</fpage>
      <lpage>228</lpage>
      <permissions>
        <license xlink:href="https://creativecommons.org/licenses/by/4.0/">
          <license-p>This is an open-access article distributed under the terms of the CC BY 4.0 license.</license-p>
        </license>
      </permissions>
      <self-uri content-type="url" hreflang="ru">https://top-technologies.ru/article/view?id=36309</self-uri>
      <abstract xml:lang="ru" lang-variant="original" lang-source="author">
        <p>В данной статье будет рассмотрен один из самых популярных и часто используемых Java скриптов – Slider. Говоря другими словами – это обычный ползунок, используемый для выставления нужных значений или общего уровня каких-либо значений. Данный плагин получил огромное распространение в сети, благодаря своей относительной простоте и большому функционалу. Плагин Slider позволяет превращать блочные элементы, такие как div`ы, в элементы управления, которые называются ползунками. Установить нужный диапазон значений, изменение громкости, ценовые рамки, все это чаще всего реализовывается с помощью Slider`a. Передвигать кнопки ползунков можно с помощью мыши, или, если ползунок находится в фокусе, с помощью стрелок на клавиатуре. Будут рассмотрены все особенности внедрения и инициализации плагина, основные положительные стороны и существующие на данный момент минусы. Для использования данного материала требуется минимальное знание JavaScript и HTML.</p>
      </abstract>
      <abstract xml:lang="en" lang-variant="translation" lang-source="translator">
        <p>In this article one of the most popular and often used Java of scripts – Slider will be considered. Speaking in other words - it is the normal slider used for exposure of the necessary values or the overall level of any values. This plug-in gained huge distribution to networks, thanks to the relative simplicity and a big functionality. The plug-in of Slider allows to turn block elements, such as div’y, into controls which are called a romper suit. To set the necessary value range, volume change, price frames, all this most often is implemented by means of Slider’a. It is possible to move buttons of sliders using a mouse, or if the slider to be in focus, by means of arrows on the keypad. All features of implementation and initialization of a plug-in, the main positive sides and minuses existing at the moment will be considered. Use of this material requires the minimum knowledge of JavaScript and HTML.</p>
      </abstract>
      <kwd-group xml:lang="ru">
        <kwd>ползунок</kwd>
        <kwd>плагин</kwd>
        <kwd>скрипт</kwd>
      </kwd-group>
      <kwd-group xml:lang="en">
        <kwd>slider</kwd>
        <kwd>plugin</kwd>
        <kwd>script</kwd>
      </kwd-group>
    </article-meta>
  </front>
  <back>
    <ref-list>
      <ref>
        <note>
          <p>1. Белов В.Н., Ковалев А.И. Математический вестник педвузов и университетов Волго-Вятского региона // Некоторые аспекты использования электронных ключей в подходах защиты информации. – Киров, 2015. – С. 318–325.</p>
        </note>
      </ref>
      <ref>
        <note>
          <p>2. Напалков С.В., Сазанов А.А., Широков Л.В. Web-комплексы и их приложения // Web-технологии в образовательном пространстве: проблемы, подходы, перспективы, сборник статей участников Международной научно-практической конференции. Под общей редакцией С.В. Арюткиной, С.В. Напалкова. – 2015. – С. 125–130.</p>
        </note>
      </ref>
      <ref>
        <note>
          <p>3. Трухманов В.Б. Математические модели в экономике и их анализ с помощью компьютерных средств // В сборнике: Педагогические технологии математического творчества сборник статей участников международной научно-практической конференции. Редакционная коллегия: под общей редакцией М.И. Зайкина, С.В. Арюткина (ответственный редактор), С.В. Напалков, Т.В. Романова. – 2011. – С. 338–342.</p>
        </note>
      </ref>
      <ref>
        <note>
          <p>4. Хабрахабр – Начинающим Java программистам [Электронный ресурс]. – Основные Java пакеты // URL https://habrahabr.ru/post/43293/ (дата обращения: 28.06.2016).</p>
        </note>
      </ref>
      <ref>
        <note>
          <p>5. Широков Л.В., Яблонский Д.В., Глухова А.Ф. Дифференциальные уравнения и уравнения в частных производных // Учебное пособие для студентов вузов. Государственное образовательное учреждение высшего профессионального образования «Арзамасский государственный педагогический институт им. А.П. Гайдара». – Арзамас, 2006.</p>
        </note>
      </ref>
      <ref>
        <note>
          <p>6. BestJavaScriptsCodes – JavaScripts Codes [Электронный ресурс]. – Stylish Button // URL http://www.javascriptbestcodes.com/Stylish_Button.htm (дата обращения: 29.06.2016).</p>
        </note>
      </ref>
      <ref>
        <note>
          <p>7. СSS для Чайников – Руководство по CSS [Электронный ресурс]. – Селекторы и свойства. // URL http://technologyweb.org/ (дата обращения: 29.06.2016).</p>
        </note>
      </ref>
      <ref>
        <note>
          <p>8. CSS Tutotial – W3Schools [Электронный ресурс]. – Examples in Each Chapter. //URL http://www.w3schools.com/css/ (дата обращения: 26.06.2016).</p>
        </note>
      </ref>
      <ref>
        <note>
          <p>9. EasyWebSkripts.net – Веб-программирование [Электронный ресурс]. – JavaScript Slider //URL: http://easywebscripts.net/javascript/slider.php (дата обращения: 27.06.2016).</p>
        </note>
      </ref>
      <ref>
        <note>
          <p>10. Htmlbook – Самоучитель по HTML [Электронный ресурс]. – Ползунок //URL: http://htmlbook.ru/samhtml5/formy/polzunok (дата обращения: 27.06.2016).</p>
        </note>
      </ref>
      <ref>
        <note>
          <p>11. JavaScript – Центральный JavaScript ресурс. [Электронный ресурс] – Редактирование и отладка скриптов // URL. http://javascript.ru/tools/development (дата обращения: 27.06.2016).</p>
        </note>
      </ref>
      <ref>
        <note>
          <p>12. JQUERY – JavaScript Библиотека [Электронный ресурс]. – Ползунок UI //URL: http://jquery.page2page.ru/index.php5/Ползунок_UI (дата обращения: 27.06.2016).</p>
        </note>
      </ref>
      <ref>
        <note>
          <p>13. Tutotial – Уроки php, JS, css [Электронный ресурс]. – Работа с ползунком range в JS // URL: http://tutorial.promo.net.ua/java-script/range-service-for-border/input-type-range/ (дата обращения: 28.06.2016).</p>
        </note>
      </ref>
      <ref>
        <note>
          <p>14. Webstudio2u – Веб-программирование.[Электронный ресурс]. – Кроссбраузерность. // URL http://webstudio2u.net/ru/programming/126-cross-browser.html (дата обращения: 29.06.2016).</p>
        </note>
      </ref>
      <ref>
        <note>
          <p>15. Wikipedia – свободная энциклопедия [Электронный ресурс]. – Кроссбраузерность // URL: https://ru.wikipedia.org/wiki/Кроссбраузерность (дата обращения: 29.06.2016).</p>
        </note>
      </ref>
    </ref-list>
  </back>
</article>
