Раздел посвящен JavaScript

Array ( [plPrefix] => [maxLimit] => 100 [page] => 1 [pageVarKey] => page [pageLimit] => 5 [element] => pdoResources [pageNavVar] => page.nav [pageCountVar] => pageCount [pageLinkScheme] => [tplPage] => @INLINE <li><a href="[[+href]]">[[+pageNo]]</a></li> [tplPageWrapper] => @INLINE <ul class="pagination">[[+prev]] [[+pages]] [[+next]]</ul> [tplPageActive] => @INLINE <li class="active"><a href="[[+href]]">[[+pageNo]]</a></li> [tplPageFirst] => @INLINE <li class="page-item"><a class="page-link" href="[[+href]]">[[%pdopage_first]]</a></li> [tplPageLast] => @INLINE <li class="page-item"><a class="page-link" href="[[+href]]">[[%pdopage_last]]</a></li> [tplPagePrev] => @INLINE <li class="prev"><a[[+classes]][[+title]] href="[[+href]]">« Назад</a></li> [tplPageNext] => @INLINE <li class="next"><a[[+classes]][[+title]] href="[[+href]]">Дальше »</a></li> [tplPageSkip] => @INLINE <li class="page-item disabled"><a class="page-link" href="#">...</a></li> [tplPageFirstEmpty] => @INLINE <li class="page-item disabled"><a class="page-link" href="#">[[%pdopage_first]]</a></li> [tplPageLastEmpty] => @INLINE <li class="page-item disabled"><a class="page-link" href="#">[[%pdopage_last]]</a></li> [tplPagePrevEmpty] => @INLINE <li class="page-item disabled"><a class="page-link" href="#">&laquo;</a></li> [tplPageNextEmpty] => @INLINE <li class="page-item disabled"><a class="page-link" href="#">&raquo;</a></li> [cache] => [cacheTime] => 3600 [cacheAnonymous] => [ajax] => [ajaxMode] => [ajaxElemWrapper] => #pdopage [ajaxElemRows] => #pdopage .rows [ajaxElemPagination] => #pdopage .pagination [ajaxElemLink] => #pdopage .pagination a [ajaxElemMore] => #pdopage .btn-more [ajaxTplMore] => @INLINE <button class="btn btn-primary btn-more">[[%pdopage_more]]</button> [ajaxHistory] => [setMeta] => 1 [strictMode] => 1 [request] => Array ( [q] => js/ ) [setTotal] => 1 [id] => 35 [type] => document [contentType] => text/html [pagetitle] => Калькулятор на JS с изюминкой )) [longtitle] => Калькулятор на JS с изюминкой [description] => [alias] => kalkuliator-na-js-s-izyuminkoi [alias_visible] => 1 [link_attributes] => [published] => 1 [pub_date] => 0 [unpub_date] => 0 [parent] => 31 [isfolder] => 0 [introtext] => данный калькулятор написан на языке JS и немного jQuery [content] => Итак, данный калькулятор написан на языке JS и немного jQuery. Калькулятор получился очень легким, а главное чистый читабельный код. <div class="row"> <div class="col-md-6 col-sm-8 col-xs-12 col-md-offset-2"> <form class="calculator"> <div class="form-group"> <input type="text" class="form-control input-lg" id="counting-result" value="0"> </div> <div class="form-group"> <div id="counting-result2"></div> <input type="text" class="form-control input-sm" id="board-calculator" value=""> </div> <div class="button-calc cf"> <div class="btn btn-default" data-constant="SIN" data-key="115">sin</div> <div class="btn btn-default" data-constant="COS" data-key="99">cos</div> <div class="btn btn-default" data-constant="MOD" data-key="109">md</div> <div class="cat btn-default" data-toggle="tooltip" data-placement="top" title="Изюминка =)"> &nbsp; </div> <div class="btn btn-default" data-constant="BRO" data-key="40">(</div> <div class="btn btn-default" data-constant="BRC" data-key="41">)</div> <div class="btn btn-default" data-constant="PERC" data-key="37">%</div> <div class="btn btn-default" data-constant="MULT" data-key="42">×</div> <div class="btn btn-default" data-key="55">7</div> <div class="btn btn-default" data-key="56">8</div> <div class="btn btn-default" data-key="57">9</div> <div class="btn btn-default" data-constant="DIV" data-key="47">÷</div> <div class="btn btn-default" data-key="52">4</div> <div class="btn btn-default" data-key="53">5</div> <div class="btn btn-default" data-key="54">6</div> <div class="btn btn-default" data-constant="PLUS" data-key="43">+</div> <div class="btn btn-default" data-key="49">1</div> <div class="btn btn-default" data-key="50">2</div> <div class="btn btn-default" data-key="51">3</div> <div class="btn btn-default" data-constant="MIN" data-key="45">−</div> <div class="btn btn-default" data-key="48">0</div> <div class="btn btn-default" data-key="46">.</div> <div class="btn btn-danger" data-method="reset" data-key="27" title="Удалить результат и историю">CE</div> <div class="btn btn-primary" data-method="equally" data-key="13">=</div> </div> </form> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <div id="history-panel"> <legend>История</legend> <div id="calc-history"> <ol id="calc-history-list"></ol> </div> </div> </div> </div> <p>Забрать калькулятор на JavaScript можно с моего репозитория https://github.com/alex-lenk/calculator</p> [richtext] => 0 [template] => 1 [menuindex] => 2 [searchable] => 0 [cacheable] => 1 [createdby] => 1 [createdon] => 1559911571 [editedby] => 1 [editedon] => 1559911578 [deleted] => 0 [deletedon] => 0 [deletedby] => 0 [publishedon] => 1559911560 [publishedby] => 1 [menutitle] => [donthit] => 0 [privateweb] => 0 [privatemgr] => 0 [content_dispo] => 0 [hidemenu] => 1 [class_key] => modDocument [context_key] => web [content_type] => 1 [uri] => js/kalkuliator-na-js-s-izyuminkoi.html [uri_override] => 0 [hide_children_in_tree] => 0 [show_in_tree] => 0 [properties] => [tv.img] => [idx] => 1 [link] => ) Array ( [plPrefix] => [maxLimit] => 100 [page] => 1 [pageVarKey] => page [pageLimit] => 5 [element] => pdoResources [pageNavVar] => page.nav [pageCountVar] => pageCount [pageLinkScheme] => [tplPage] => @INLINE <li><a href="[[+href]]">[[+pageNo]]</a></li> [tplPageWrapper] => @INLINE <ul class="pagination">[[+prev]] [[+pages]] [[+next]]</ul> [tplPageActive] => @INLINE <li class="active"><a href="[[+href]]">[[+pageNo]]</a></li> [tplPageFirst] => @INLINE <li class="page-item"><a class="page-link" href="[[+href]]">[[%pdopage_first]]</a></li> [tplPageLast] => @INLINE <li class="page-item"><a class="page-link" href="[[+href]]">[[%pdopage_last]]</a></li> [tplPagePrev] => @INLINE <li class="prev"><a[[+classes]][[+title]] href="[[+href]]">« Назад</a></li> [tplPageNext] => @INLINE <li class="next"><a[[+classes]][[+title]] href="[[+href]]">Дальше »</a></li> [tplPageSkip] => @INLINE <li class="page-item disabled"><a class="page-link" href="#">...</a></li> [tplPageFirstEmpty] => @INLINE <li class="page-item disabled"><a class="page-link" href="#">[[%pdopage_first]]</a></li> [tplPageLastEmpty] => @INLINE <li class="page-item disabled"><a class="page-link" href="#">[[%pdopage_last]]</a></li> [tplPagePrevEmpty] => @INLINE <li class="page-item disabled"><a class="page-link" href="#">&laquo;</a></li> [tplPageNextEmpty] => @INLINE <li class="page-item disabled"><a class="page-link" href="#">&raquo;</a></li> [cache] => [cacheTime] => 3600 [cacheAnonymous] => [ajax] => [ajaxMode] => [ajaxElemWrapper] => #pdopage [ajaxElemRows] => #pdopage .rows [ajaxElemPagination] => #pdopage .pagination [ajaxElemLink] => #pdopage .pagination a [ajaxElemMore] => #pdopage .btn-more [ajaxTplMore] => @INLINE <button class="btn btn-primary btn-more">[[%pdopage_more]]</button> [ajaxHistory] => [setMeta] => 1 [strictMode] => 1 [request] => Array ( [q] => js/ ) [setTotal] => 1 [id] => 34 [type] => document [contentType] => text/html [pagetitle] => Сервис чистка HTML кода от мусора [longtitle] => Чистка HTML кода от мусора [description] => [alias] => services-html-clearing [alias_visible] => 1 [link_attributes] => [published] => 1 [pub_date] => 0 [unpub_date] => 0 [parent] => 31 [isfolder] => 0 [introtext] => <p>Это очень просто, скопируйте ваш "загрязненный" код, и вставте в форму ниже, после нажатия на копку "почистить" всплывет окно с результатом.</p> [content] => <div class="jumbotron"> <p>Это очень просто, скопируйте ваш "загрязненный" код, и вставте в форму ниже, после нажатия на копку "почистить" всплывет окно с результатом.</p> </div> <div class="row"> <div class="col-xs-12"> <form class="passate-code"> <div class="form-group"> <label for="passate-code"></label> <textarea class="form-control" id="passate-code" placeholder="Вставить код" rows="6"></textarea> </div> <div class="form-group"> <label for="copy-code">Скопируйте код</label> <textarea class="form-control" id="copy-code" rows="6"></textarea> </div> <div class="btn btn-danger" id="submit" style="display: block; margin: 0 0 30px;">почистить</div> </form> </div> </div> <script> 'use strict'; var passateCode, copyCode; document.getElementById("submit").addEventListener("click", function() { passateCode = document.getElementById('passate-code').value; copyCode = passateCode.replace(/(\s*class=".*?"\s*)|(\s*data-bem=".*?"\s*)|(\s*role=".*?"\s*)|(\s*type=".*?"\s*)/gm, ''); document.getElementById('copy-code').value = copyCode; }); /* Пример, того, что вставляем в форму <button class="button button_theme_normal button_size_s z-calculator__btn z-calculator__btn_size_m i-bem button_js_inited" data-bem="{&quot;button&quot;:{},&quot;z-calculator__btn&quot;:{&quot;action&quot;:&quot;ins&quot;,&quot;arg&quot;:&quot;9&quot;}}" role="button" type="button"><span class="button__text">Кнопка</span></button> */ </script> [richtext] => 0 [template] => 1 [menuindex] => 1 [searchable] => 0 [cacheable] => 1 [createdby] => 1 [createdon] => 1559911475 [editedby] => 1 [editedon] => 1559911510 [deleted] => 0 [deletedon] => 0 [deletedby] => 0 [publishedon] => 1559911440 [publishedby] => 1 [menutitle] => Сервис - чистка HTML кода от мусора [donthit] => 0 [privateweb] => 0 [privatemgr] => 0 [content_dispo] => 0 [hidemenu] => 1 [class_key] => modDocument [context_key] => web [content_type] => 1 [uri] => js/services-html-clearing.html [uri_override] => 0 [hide_children_in_tree] => 0 [show_in_tree] => 0 [properties] => [tv.img] => [idx] => 2 [link] => ) Array ( [plPrefix] => [maxLimit] => 100 [page] => 1 [pageVarKey] => page [pageLimit] => 5 [element] => pdoResources [pageNavVar] => page.nav [pageCountVar] => pageCount [pageLinkScheme] => [tplPage] => @INLINE <li><a href="[[+href]]">[[+pageNo]]</a></li> [tplPageWrapper] => @INLINE <ul class="pagination">[[+prev]] [[+pages]] [[+next]]</ul> [tplPageActive] => @INLINE <li class="active"><a href="[[+href]]">[[+pageNo]]</a></li> [tplPageFirst] => @INLINE <li class="page-item"><a class="page-link" href="[[+href]]">[[%pdopage_first]]</a></li> [tplPageLast] => @INLINE <li class="page-item"><a class="page-link" href="[[+href]]">[[%pdopage_last]]</a></li> [tplPagePrev] => @INLINE <li class="prev"><a[[+classes]][[+title]] href="[[+href]]">« Назад</a></li> [tplPageNext] => @INLINE <li class="next"><a[[+classes]][[+title]] href="[[+href]]">Дальше »</a></li> [tplPageSkip] => @INLINE <li class="page-item disabled"><a class="page-link" href="#">...</a></li> [tplPageFirstEmpty] => @INLINE <li class="page-item disabled"><a class="page-link" href="#">[[%pdopage_first]]</a></li> [tplPageLastEmpty] => @INLINE <li class="page-item disabled"><a class="page-link" href="#">[[%pdopage_last]]</a></li> [tplPagePrevEmpty] => @INLINE <li class="page-item disabled"><a class="page-link" href="#">&laquo;</a></li> [tplPageNextEmpty] => @INLINE <li class="page-item disabled"><a class="page-link" href="#">&raquo;</a></li> [cache] => [cacheTime] => 3600 [cacheAnonymous] => [ajax] => [ajaxMode] => [ajaxElemWrapper] => #pdopage [ajaxElemRows] => #pdopage .rows [ajaxElemPagination] => #pdopage .pagination [ajaxElemLink] => #pdopage .pagination a [ajaxElemMore] => #pdopage .btn-more [ajaxTplMore] => @INLINE <button class="btn btn-primary btn-more">[[%pdopage_more]]</button> [ajaxHistory] => [setMeta] => 1 [strictMode] => 1 [request] => Array ( [q] => js/ ) [setTotal] => 1 [id] => 33 [type] => document [contentType] => text/html [pagetitle] => Скрипт расписание занятий [longtitle] => [description] => [alias] => skript-raspisanie-zanyatij [alias_visible] => 1 [link_attributes] => [published] => 1 [pub_date] => 0 [unpub_date] => 0 [parent] => 32 [isfolder] => 0 [introtext] => [content] => <p>Представляю вам скрипт расписание занятий для различных учреждений. Данный скрипт написан на языке JS с использованием библиотеки jQuery.</p> <style> .schedule-table {border-collapse:collapse;border-spacing:0;border-color:#999;} .schedule-table td{font-family:Arial, sans-serif;font-size:14px;padding:5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#999;color:#444;background-color:#F7FDFA;} .schedule-table th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#999;color:#fff;background-color:#26ADE4;} .schedule-table .tg-guz1{font-weight:bold;font-size:14px;font-family:Arial, Helvetica, sans-serif !important;;text-align:center;vertical-align:top} .schedule-table .tg-qcnj{font-weight:bold;font-size:14px;font-family:Arial, Helvetica, sans-serif !important;;vertical-align:top} .schedule-table .tg-yw4l{vertical-align:top} .select { outline: 3px solid #D5110D; outline-offset: -2px; } .filter-all, .filter-all ul {margin: 0; padding:5px 0 0; list-style: none;} .filter-all {margin: 20px 0;} .filter-all button {padding:0; margin:0; background: transparent; border: 1px solid transparent; font-weight: 400; cursor: pointer;} .filter-all button:hover {border-bottom: 1px solid #006699;} .filter-all li {margin: 0 0 5px; display: inline-block; vertical-align: top;} .filter-all ul li {position: relative; padding: 0 0 0 15px;} .filter-all li:after {content:' | '; margin:0 5px 0; display: inline-block; vertical-align: top;} /* .filter-all ul > li::before, .filter-all ul > li > ul > li::before {content:'-'; margin:0 5px 0 0; display: inline-block; vertical-align: top;} .filter-all ul > li > ul > li::before {content:'~';} */ .schedule-table .item {text-align: center;} .schedule-table .item a {line-height: 15px;display: block;} .schedule-table .item a:last-of-type {padding:3px 0 0; color: #666666;} </style> <div class="row"> <div class="col-sm-12"> <h4>По направлению:</h4> <ul class="filter-destination filter-all"> <li><button class="destination" data-p1="1004" data-p2="1" data-p3="0">Хатха-йога</button></li><!-- 1 --> <li><button class="destination" data-p1="1004" data-p2="2" data-p3="0">Айенгар-йога</button></li><!-- 2 --> <li><button class="destination" data-p1="1004" data-p2="3" data-p3="0">Кундалини-йога</button></li><!-- 3 --> <li><button class="destination" data-p1="1004" data-p2="4" data-p3="0">Йогалатес</button></li><!-- 4 --> <li><button class="destination" data-p1="1004" data-p2="5" data-p3="0">Индийские танцы</button></li><!-- 5 --> </ul> </div> <div class="col-xs-12"> <h4>По инструктору:</h4> <ul class="filter-instructor filter-all"> <li><button class="instructor" data-p1="1004" data-p2="0" data-p3="1">Уфимцева Светлана</button></li> <!-- 1 --> <li><button class="instructor" data-p1="1004" data-p2="0" data-p3="2">Шестаков Евгений</button></li><!-- 2 --> <li><button class="instructor" data-p1="1004" data-p2="0" data-p3="3">Шабанов Юрий</button></li><!-- 3 --> <li><button class="instructor" data-p1="1004" data-p2="0" data-p3="4">Ратникова Галина</button></li><!-- 4 --> <li><button class="instructor" data-p1="1004" data-p2="0" data-p3="5">Пихурова Оксана</button></li><!-- 5 --> <li><button class="instructor" data-p1="1004" data-p2="0" data-p3="6">Жулковская Мария</button></li><!-- 6 --> <li><button class="instructor" data-p1="1004" data-p2="0" data-p3="7">Розенберг Анна</button></li><!-- 7 --> <li><button class="instructor" data-p1="1004" data-p2="0" data-p3="8">Тасун Людмила</button></li><!-- 8 --> <li><button class="instructor" data-p1="1004" data-p2="0" data-p3="9">Берсенева Елена</button></li><!-- 9 --> <li><button class="instructor" data-p1="1004" data-p2="0" data-p3="10">Осоченко София</button></li><!-- 10 --> <li><button class="instructor" data-p1="1004" data-p2="0" data-p3="11">Кузьменко Ирина</button></li><!-- 11 --> </ul> </div> <div class="col-xs-12"> <table class="schedule-table room-1004"> <thead> <tr> <th class="tg-guz1"><i class="fa fa-clock-o"></i></th> <th class="tg-qcnj">Пн.</th> <th class="tg-qcnj">Вт.</th> <th class="tg-qcnj">Ср.</th> <th class="tg-qcnj">Чт.</th> <th class="tg-qcnj">Пт.</th> <th class="tg-qcnj">Сб.</th> <th class="tg-qcnj">Вс.</th> </tr> </thead> <tbody> <tr> <td class="tg-baqh">7:00</td> <td class="item area-1 trainer-2"><a href="#">Хатха-йога</a> <a href="#">Евгений Шестаков</a></td> <td class="tg-yw4l"></td> <td class="item area-1 trainer-2"><a href="#">Хатха-йога</a> <a href="#">Евгений Шестаков</a></td> <td class="tg-yw4l"></td> <td class="item area-1 trainer-2"><a href="#">Хатха-йога</a> <a href="#">Евгений Шестаков</a></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> </tr> <tr> <td class="tg-baqh">7:30</td> <td class="tg-yw4l"></td> <td class="item area-3 trainer-4"><a href="#">Кундалини-йога</a> <a href="#">Галина Ратникова</a></td> <td class="tg-yw4l"></td> <td class="item area-3 trainer-4"><a href="#">Кундалини-йога</a> <a href="#">Галина Ратникова</a></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> </tr> <tr> <td class="tg-baqh">9:30</td> <td class="item area-5 trainer-11"><a href="#">Индийские танцы</a> <a href="#">Ирина Кузьменко</a> </td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> <td class="item area-5 trainer-11"><a href="#">Индийские танцы</a> <a href="#">Ирина Кузьменко</a></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> </tr> <tr> <td class="tg-baqh">10:00</td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> <td class="item area-3 trainer-4"><a href="#">Кундалини-йога</a> <a href="#">Галина Ратникова</a></td> <td class="item area-1 trainer-1"><a href="#">Хатха-йога</a> <a href="#">Светлана Уфимцева</a></td> </tr> <tr> <td class="tg-baqh">11:00</td> <td class="item area-4 trainer-zero"><a href="#">Йогалатес</a> <a href="#">Наталья Масаева</a></td> <td class="tg-yw4l"></td> <td class="item area-4 trainer-zero"><a href="#">Йогалатес</a> <a href="#">Наталья Масаева</a></td> <td class="tg-yw4l"></td> <td class="item area-4 trainer-zero"><a href="#">Йогалатес</a> <a href="#">Наталья Масаева</a></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> </tr> <tr> <td class="tg-baqh">11:30</td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> <td class="item area-1 trainer-2"><a href="#">Хатха-йога</a> <a href="#">Евгений Шестаков</a></td> <td class="tg-yw4l"></td> </tr> <tr> <td class="tg-baqh">12:00</td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> <td class="item area-1 trainer-1"><a href="#">Хатха-йога</a> <a href="#">Светлана Уфимцева</a></td> </tr> <tr> <td class="tg-yw4l">17:45</td> <td class="tg-yw4l"></td> <td class="item area-1 trainer-2"><a href="#">Хатха-йога</a> <a href="#">Евгений Шестаков</a></td> <td class="tg-yw4l"></td> <td class="item area-1 trainer-2"><a href="#">Хатха-йога</a> <a href="#">Евгений Шестаков</a></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> </tr> <tr> <td class="tg-yw4l">18:30</td> <td class="item area-2 trainer-5"><a href="#">Айенгар-йога</a> <a href="#">Оксана Пихурова</a></td> <td class="tg-yw4l"></td> <td class="item area-2 trainer-5"><a href="#">Айенгар-йога</a> <a href="#">Оксана Пихурова</a></td> <td class="tg-yw4l"></td> <td class="item area-2 trainer-5"><a href="#">Айенгар-йога</a> <a href="#">Оксана Пихурова</a></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> </tr> <tr> <td class="tg-yw4l">19:30</td> <td class="tg-yw4l"></td> <td class="item area-2 trainer-zero"><a href="#">Айенгар-йога</a> <a href="#">Агния Калмазан</a></td> <td class="tg-yw4l"></td> <td class="item area-2 trainer-zero"><a href="#">Айенгар-йога</a> <a href="#">Агния Калмазан</a></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> </tr> <tr> <td class="tg-yw4l">20:00</td> <td class="item area-1 trainer-2"><a href="#">Хатха-йога</a> <a href="#">Евгений Шестаков</a></td> <td class="tg-yw4l"></td> <td class="item area-1 trainer-2"><a href="#">Хатха-йога</a> <a href="#">Евгений Шестаков</a></td> <td class="tg-yw4l"></td> <td class="item area-1 trainer-2"><a href="#">Хатха-йога</a> <a href="#">Евгений Шестаков</a></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> </tr> </tbody> </table> </div> </div> <script> var filterArea = $('.destination, .instructor'); filterArea.click(function() { filterArea.on('click', time_select($(this).data('p1'), $(this).data('p2'), $(this).data('p3'))); }); function time_select(room, area, trainer) { $("table.room-" + room + " .item").removeClass("select"); $("table.room-" + room + " .area-" + area).addClass("select"); $("table.room-" + room + " .it").removeClass("select"); $("table.room-" + room + " .trainer-" + trainer).addClass("select"); return false; } </script> <br><br> <p>Скрипт расписания можно скачать с моего репозитория в GitHab https://github.com/alex-lenk/js-script-schedule</p> <br> [richtext] => 0 [template] => 1 [menuindex] => 0 [searchable] => 0 [cacheable] => 1 [createdby] => 1 [createdon] => 1559911367 [editedby] => 1 [editedon] => 1560441337 [deleted] => 0 [deletedon] => 0 [deletedby] => 0 [publishedon] => 1559911320 [publishedby] => 1 [menutitle] => [donthit] => 0 [privateweb] => 0 [privatemgr] => 0 [content_dispo] => 0 [hidemenu] => 1 [class_key] => modDocument [context_key] => web [content_type] => 1 [uri] => js/jquery/skript-raspisanie-zanyatij.html [uri_override] => 0 [hide_children_in_tree] => 0 [show_in_tree] => 0 [properties] => Array ( [ms2gallery] => Array ( [media_source] => 2 ) ) [tv.img] => [idx] => 3 [link] => ) Array ( [plPrefix] => [maxLimit] => 100 [page] => 1 [pageVarKey] => page [pageLimit] => 5 [element] => pdoResources [pageNavVar] => page.nav [pageCountVar] => pageCount [pageLinkScheme] => [tplPage] => @INLINE <li><a href="[[+href]]">[[+pageNo]]</a></li> [tplPageWrapper] => @INLINE <ul class="pagination">[[+prev]] [[+pages]] [[+next]]</ul> [tplPageActive] => @INLINE <li class="active"><a href="[[+href]]">[[+pageNo]]</a></li> [tplPageFirst] => @INLINE <li class="page-item"><a class="page-link" href="[[+href]]">[[%pdopage_first]]</a></li> [tplPageLast] => @INLINE <li class="page-item"><a class="page-link" href="[[+href]]">[[%pdopage_last]]</a></li> [tplPagePrev] => @INLINE <li class="prev"><a[[+classes]][[+title]] href="[[+href]]">« Назад</a></li> [tplPageNext] => @INLINE <li class="next"><a[[+classes]][[+title]] href="[[+href]]">Дальше »</a></li> [tplPageSkip] => @INLINE <li class="page-item disabled"><a class="page-link" href="#">...</a></li> [tplPageFirstEmpty] => @INLINE <li class="page-item disabled"><a class="page-link" href="#">[[%pdopage_first]]</a></li> [tplPageLastEmpty] => @INLINE <li class="page-item disabled"><a class="page-link" href="#">[[%pdopage_last]]</a></li> [tplPagePrevEmpty] => @INLINE <li class="page-item disabled"><a class="page-link" href="#">&laquo;</a></li> [tplPageNextEmpty] => @INLINE <li class="page-item disabled"><a class="page-link" href="#">&raquo;</a></li> [cache] => [cacheTime] => 3600 [cacheAnonymous] => [ajax] => [ajaxMode] => [ajaxElemWrapper] => #pdopage [ajaxElemRows] => #pdopage .rows [ajaxElemPagination] => #pdopage .pagination [ajaxElemLink] => #pdopage .pagination a [ajaxElemMore] => #pdopage .btn-more [ajaxTplMore] => @INLINE <button class="btn btn-primary btn-more">[[%pdopage_more]]</button> [ajaxHistory] => [setMeta] => 1 [strictMode] => 1 [request] => Array ( [q] => js/ ) [setTotal] => 1 [id] => 32 [type] => document [contentType] => text/html [pagetitle] => jQuery [longtitle] => Раздел посвящен jQuery [description] => В разделе jQuery мы ведем различные примеры работы на основе JavaScript и jQuery. [alias] => jquery [alias_visible] => 1 [link_attributes] => [published] => 1 [pub_date] => 0 [unpub_date] => 0 [parent] => 31 [isfolder] => 1 [introtext] => [content] => <script src="https://yastatic.net/jquery/2.1.4/jquery.min.js"></script> <style> .wrap-tap {padding: 20px} .wrap-tap ul {list-style:none; margin:0; padding:0;} .menu-tabs li {padding:10px 15px; margin: 0 10px; display: inline-block; vertical-align: top; background: #cccccc;} .menu-tabs li a {color: #333333} .menu-tabs li a:hover {text-decoration: none} .menu-tabs .active {background: #333333} .menu-tabs .active a {color: #cccccc} .tab-container .tab-cont {display: none} .tab-container .active {display: block} </style> <div class="wrap-tap"> <ul class="menu-tabs"> <li class="active"><a href="#home">Home</a></li> <li><a href="#profile">Profile</a></li> <li><a href="#messages">Messages</a></li> <li><a href="#settings">Settings</a></li> </ul> <div class="tab-container"> <div class="tab-cont active" id="home"> Написать табы самому настолько быстро и просто что нет необходимости прибегать к готовым решениям. Код умещается в несколько строк на jQuery. </div> <div class="tab-cont" id="profile"> Стартует курс по написанию основных функциональных частей страницы. В этом видео вы узнаете как самим написать такой элемент как – табы (tabs). </div> <div class="tab-cont" id="messages"> Ошибка в том, что опять не указываете нюансы сразу. А потом у людей баттхёрты случаются и они по всем интернетам с «WAT???» носятся. </div> <div class="tab-cont" id="settings"> Лучший способ учиться программированию на начальном этапе из тех, что я видел — интерактивные уроки, например, на coursera, codeschool, codeacademy, udemy. Сразу делаешь руками, пробуешь так и сяк и понимаешь, как оно на самом деле работает. </div> </div> </div> <script src="https://yastatic.net/bootstrap/3.3.4/js/bootstrap.min.js"></script> <script> $(document).ready(function(){ $('.menu-tabs > li').on('click', function(e){ e.preventDefault(); var item = $(this).closest('.menu-tabs > li'), contentItem = $('.tab-cont'), itemPosition = item.index(); contentItem.eq(itemPosition).add(item).addClass('active').siblings().removeClass('active'); item.addClass('active').siblings().removeClass('acteve'); }); }); </script> [richtext] => 0 [template] => 1 [menuindex] => 0 [searchable] => 1 [cacheable] => 1 [createdby] => 1 [createdon] => 1559819591 [editedby] => 1 [editedon] => 1560426670 [deleted] => 0 [deletedon] => 0 [deletedby] => 0 [publishedon] => 1559819580 [publishedby] => 1 [menutitle] => jQuery [donthit] => 0 [privateweb] => 0 [privatemgr] => 0 [content_dispo] => 0 [hidemenu] => 1 [class_key] => CollectionContainer [context_key] => web [content_type] => 1 [uri] => js/jquery/ [uri_override] => 0 [hide_children_in_tree] => 0 [show_in_tree] => 1 [properties] => Array ( [ms2gallery] => Array ( [media_source] => 2 ) ) [tv.img] => [idx] => 4 [link] => )


Базовая информация о языке, JavaScript это язык ориентированный на веб, один из самых популярных языков программирования в мире. А так же самый популярный язык на GitHub.

Когда язык только появился он назывался LiveScript. Сейчас он официально называется ECMAScript, а у Microsoft он все еще называется JScript.

JavaScript не имеет ничего общего с языком Java. На самом деле если сравнивать их то, можно увидеть множество сходства в синтаксисе, это C подобные языки. Но в общем случае это два разных языка и их не стоит путать.

JavaScript входит в среду технологий, который должен знать любой веб-разработчик, и в частности front-end developer. Это HTML, CSS и JS.

Для того, что бы программировать на JS, вам нужно знать HTML, CSS хотя бы на базовом уровне. Когда занимаетесь back-and разработкой у вас есть выбор, какой язык использовать, то в случае с front-end разработкой это может быть только связка HTML, CSS и JavaScript, потому что браузеры никаких других языков не понимают, по крайней мере без плагинов.

Есть языки программирования, которые были созданы как замена JavaScript. Самые популярные из них это CoffeeScript и Dart.

Однако, браузер понимает только JavaScript, код на языках CoffeeScript и Dart компилируются в JS, перед тем как он будет запущен в браузере. Если вы в будущем, заходите писать не на чистом JS скрипте, а например на CoffeeScript, то знание программирования JavaScript все равно вам будет необходимо.

JS скрипт поначалу считали языком для не профессионалов, поскольку писали в основном любители - самоучки, и код получался отвратительный.

За последние годы все изменилось радикально. Практически у любого языка, как правило есть минимальный API (набор функций) для базового ввода и вывода (input/output или I/O), у языка JavaScript его нет. Программный язык JavaScript определяет функции для работы со строками, массивами, регулярными выражениями и т.д. Более практически применимые вещи, предоставляют среда, в которой запущен JavaScript, в нашем случае это браузер.

        
                    
    

Наши работы

Верстка сайтов

Верстка макетов, кроссбраузерная и адаптивная, при помощи HTML5 и BootStrap3.
Делаем переверстку сайтов, переводя старый код на современный.

цена и детали

Дизайн сайта

Создаем красочные и компактные дизайны, под ваш вкус и стиль!

цена и детали

Программирование

Программируем сайты, качественно натягиваем на движки MODX REVOLUTION, WordPress, пишем сниппеты и плагины, а так же создаем шаблоны из уже готовой верстки!

цена и детали

Исправление ошибок

  • Сдвинуты блоки, кривой вид
  • Плохо отображается в браузерах и мобильных
  • Исправляем не рабочие скрипты
  • Настраиваем функционал сайта
цена и детали

Администрирование сайтов

  • Настройка хостинга
  • Настройка домена
  • Настройка SSL сертификата и многое другое.
цена и детали

Поддерживаем сайты

  • Добавляем новости, статьи
  • Размещаем товары
  • Создаем баннеры и многое др.
цена и детали

Наши отзывы

Новости сайта ArtLenk.ru

Особенный день для нашей команды

4 октября — особенный день для нашей команды — День рождения руководителя вебстудии artlenlk.ru! А е...

День народного единства

За последнее столетие наш народ пережил множество перемен, потрясений, общих побед и достижений. Эта...

День Интернета России

Примечательно, что у российского интернета есть свой день. А у нас есть возможность остановиться и п...

Наши клиенты