https://embed.im/snow/
Рубрика: JS
Пример склонения слов в javascript
https://realadmin.ru/coding/sklonenie-na-javascript.html
|
1 2 3 4 5 6 7 8 9 10 11 12 |
function declOfNum(n, text_forms) { n = Math.abs(n) % 100; var n1 = n % 10; if (n > 10 && n < 20) { return text_forms[2]; } if (n1 > 1 && n1 < 5) { return text_forms[1]; } if (n1 == 1) { return text_forms[0]; } return text_forms[2]; } declOfNum(1, ['минута', 'минуты', 'минут']); // вернёт — минута declOfNum(2, ['минута', 'минуты', 'минут']); // вернёт — минуты declOfNum(5, ['минута', 'минуты', 'минут']); // вернёт — минут |
Скрипт Calltouch для отслеживания заявок с форм
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
<!-- Скрипт Calltouch для отслеживания заявок с форм --> <script type="text/javascript"> jQuery(document).on('submit', 'form#callForm', function() { var form = jQuery(this); var phone = form.find('input[name="phone"]').val(); var fio = form.find('input[name="name"]').val(); var comment = form.find('input[name="comment"]').val(); var sub = 'Отслеживаемая форма обратной связи'; var ct_site_id = '53280'; /* ID сайта внутри Calltouch */ var ct_data = { fio: fio, phoneNumber: phone, comment: comment, requestUrl: location.href, sessionId: window.ct('calltracking_params','gwzs2pis').sessionId /* Чтобы определить источник заявки, передаем ID сессии Calltouch sessionId.*/ }; /* При необходимости делаем проверку на корректность собранных с формы данных */ /* Например, обязательным для заполнения на форме является поле с телефоном, проверяем его наличие и не пустое ли оно */ if (typeof(phone)!='undefined' && phone!=''){ jQuery.ajax({ url: 'https://api.calltouch.ru/calls-service/RestAPI/requests/'+ct_site_id+'/register/', dataType: 'json', type: 'POST', data: ct_data, async: true }); } }); </script> <!-- Скрипт Calltouch для отслеживания заявок с форм --> |
https://www.calltouch.ru/support/kak-podklyuchit-zayavki-s-sayta-k-otslezhivaniyu-calltouch/
Создание cookie-предупреждения для сайта
Как отправлять заявку с сайта в Telegram? 2.0
Редактирования страницы из браузера
|
1 |
document.body.contentEditable = true; |
Получить все теги с классом*
|
1 |
[... document.querySelectorAll('.x-panel-header-text')].map(i => i.innerHTML); |
Parallax scrolling for modern browsers
https://openbase.com/js/jarallax
htaccess
|
1 2 3 4 5 6 7 8 9 |
<IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-l RewriteRule . /index.html [L] </IfModule> |
jquery случайно поменять местами блоки
https://ru.stackoverflow.com/questions/517327/jquery-случайно-поменять-местами-блоки
|
1 2 3 4 5 6 7 |
$(function () { var parent = $("#shuffle"); var divs = parent.children(); while (divs.length) { parent.append(divs.splice(Math.floor(Math.random() * divs.length), 1)[0]); } }); |
|
1 2 3 4 5 6 7 8 9 10 11 |
<div id="shuffle"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> <div>8</div> <div>9</div> </div> |
Бегущие цифры / счетчик чисел
Слайдер на JS
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
if(document.querySelector(".img_random")) { const slides = document.querySelectorAll('.img_random .img'); let index = 0; const activeSlide = n => { for(slide of slides) { slide.classList.remove('active'); } slides[n].classList.add('active'); } const prepareCurrentSlide = ind => { activeSlide(index); } const nextSlide = () => { if(index == slides.length - 1) { index = 0; prepareCurrentSlide(index); }else { index++; prepareCurrentSlide(index); } } const prevSlide = () => { if(index == slides.length - 1) { index = 0; prepareCurrentSlide(index); }else { index++; prepareCurrentSlide(index); } } setInterval( nextSlide, 4000 ); } |
|
1 2 3 4 5 6 7 8 |
<div class="img_random"> <div class="img"><img src="img/main/main.jpg" alt="img"></div> <div class="img"><img src="img/main/imag01.jpg" alt="img"></div> <div class="img"><img src="img/main/imag02.jpg" alt="img"></div> <div class="img"><img src="img/main/imag03.jpg" alt="img"></div> <div class="img"><img src="img/main/imag04.jpg" alt="img"></div> <div class="img"><img src="img/main/imag05.jpg" alt="img"></div> </div> |