Skip to content

Instantly share code, notes, and snippets.

Avatar

Artem Kuznecov artemijeka

View GitHub Profile
View deleteCookie.js
function deleteCookie(name) {
setCookie(name, "", {
'max-age': -1
})
}
View index.html
<!DOCTYPE HTML>
<script src="uploader.js"></script>
<form name="upload" method="POST" enctype="multipart/form-data" action="/upload">
<input type="file" name="myfile">
<input type="submit" name="submit" value="Загрузить (возобновляется автоматически)">
</form>
<button onclick="uploader.stop()">Остановить загрузку</button>
View index.html
<input type="file" onchange="upload(this.files[0])">
<script>
function upload(file) {
let xhr = new XMLHttpRequest();
//https://learn.javascript.ru/url
let url = new URL('/article/xmlhttprequest/post/upload');
//url.searchParams.set('q', 'test me!');
View index.html
<form name="person">
<input name="name" value="Петя">
<input name="surname" value="Васечкин">
</form>
<script>
// заполним FormData данными из формы
let formData = new FormData(document.forms.person);//form name="person"
// добавим ещё одно поле
View fetch.js
// fetch('./test.php')
// .then(response => response.text()) //.json()
// .then(response => console.log(response));
//or
console.log( getUrls(['./test.php']) );
async function getUrls(urls) {
let results = [];
View progress-bar.js
let i = 0;
function count() {
// сделать часть крупной задачи (*)
do {
i++;
progress.innerHTML = i;
} while (i % 1e3 != 0);
@artemijeka
artemijeka / Autoscrolling.js
Last active Aug 29, 2021
Плавная прокрутка до элемента на другой или на текущей странице | Smooth scrolling to an element on another or current page.
View Autoscrolling.js
/**
* @title Smooth scrolling to an element on another or current page. | Плавная прокрутка до элемента на другой или на текущей странице.
* @version 1.5 29.08.2021
* @author Artem Kuznecov
* @email work.artem.kuznecov.samara@yandex.ru
* @site web.master-artem.ru
* @link https://snippets.cacher.io/snippet/6cf4733376ca1d55c7fe
* @param {String} obj.selectorFrom | a link or any element if you specified the target element selectorTarget | ссылка или любой элемент если указали целевой элемент selectorTarget
* @param {String} obj.selectorTarget | optionally - if specified, it will scroll to this element by clicking on the select From element | если указано то пролистнётся к этому элементу по щелчку на элемент selectorFrom
* @param {String} obj.selectorTopFixed | optionally - default: 0, a fixed element at the top, such as a header | фиксированный элемент сверху, напрмер шапка
@artemijeka
artemijeka / index.html
Last active Aug 14, 2021
Слайдер перемещаемый любым усройством ограниченный по горизонтали | Slider movable by any device limited horizontally
View index.html
<div id="slider" class="slider">
<div class="thumb"></div>
</div>
<script>
let thumb = slider.querySelector('.thumb');
let shiftX;
thumb.onpointerdown = function(event) {
event.preventDefault(); // prevent selection start (browser action)