Skip to content

Instantly share code, notes, and snippets.

View iiic's full-sized avatar

ic iiic

10 followers · 26 following
View GitHub Profile
@iiic
iiic / index.html
Last active February 23, 2019 15:09
iotic project
<!DOCTYPE html>
<html lang="cs" dir="ltr">
<head>
<link href="iotic.js" rel="preload" as="script">
<meta charset="utf-8">
<title>iotic</title>
<!-- <link href="…" rel="shortcut icon"> -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="referrer" content="origin-when-crossorigin">
@iiic
iiic / czNicTurrisPakon.js
Last active February 15, 2019 07:36
Javascriptová knihovna pro načítání dat, ukládání do lokální DB zobrazování, seskupování, řazení a filtrování a všecko 42
'use strict';
/** @typedef {function(): true} Chart - global Chart export from library Chart.js */
var Chart;
class czNicTurrisPakon // eslint-disable-line no-unused-vars
{
/**
* @constructor
@iiic
iiic / setCustomValidity.html
Last active October 24, 2018 13:13
javascript setCustomValidity.js s ukázkovým html souborem, zobrazování hlášek k formulářovým prvkům vkládaným zcela běžným způsobem přes funkci setCustomValidity
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>visual use of native setCustomValidity function</title>
<style>
form.was-validated :valid {
border: 3px solid green;
@iiic
iiic / supporters-randomiser.js
Created June 22, 2018 13:11
Last row is setting working element
( (/** @type {HTMLElement} */ root ) => {
let current = root;
const list = [];
while ( current.nextElementSibling )
{
current = current.nextElementSibling;
if (
current.nodeName === 'P'
&& current.firstElementChild
&& current.firstElementChild.nodeName === 'A'
@iiic
iiic / domain-checker.html
Last active May 31, 2018 13:01
texty jsou přímo ve stránce
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Domain API cosik</title>
<style>
@charset "UTF-8";
@iiic
iiic / input-type-radio-checkbox.html
Last active May 30, 2018 08:33
Ukázka focusu formulářových prvků na labelu namísto samotného inputu (u input type radio a checkbox). Fungují věci jako posouvání šipkami v radio listu a nebo mezerník či enter při focusu prvku. Důležité jsou ty tabindexy u formulářových prvků… javascript sám je nenastavuje (mohl by, ale říkám si, že takto ručně to bude rozumnější).
<!DOCTYPE html>
<html lang="cs" dir="ltr">
<head>
<meta charset="utf-8">
<title>input-type-radio-checkbox.html</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
@iiic
iiic / timeLiveView.html
Last active May 29, 2018 10:21
Element time s atributem datetime nebo s atributem data-raw-content změní na 'živé' zobrazení data a času, interval pravidelné aktualizace se dá nastavit.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tagy předělávkou textareji na element s atributem contenteditable</title>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<style>
@charset "UTF-8";
@iiic
iiic / alert-proxied.html
Last active April 25, 2018 11:11
make alert graphical
<!DOCTYPE html>
<html>
<head>
<title>graphical alert</title>
<style>
/*
#special-id {
border: 1px solid green;
width: 40%;
@iiic
iiic / immi.js
Last active March 15, 2018 19:32
Immigration auto filler
(function() {
const sections = {
'Personal: Personal details': {
'ContentPlaceHolder1_personDetails_familyNameTextBox': 'Family name (as in passport)',
'ContentPlaceHolder1_personDetails_givenName1Textbox': 'Given name 1 (as in passport)',
'ContentPlaceHolder1_personDetails_givenName2Textbox': 'Given name 2 (as in passport)',
'ContentPlaceHolder1_personDetails_givenName3Textbox': 'Given name 3 (as in passport)',
'ContentPlaceHolder1_personDetails_otherNamesTextBox': 'Any other names you are or have ever been known by.',
'ContentPlaceHolder1_personDetails_titleDropDownList': '1', // [1-6] Prefered title
'ContentPlaceHolder1_personDetails_otherTitleTextBox': 'Other (please specify)',
@iiic
iiic / pakon.html
Last active January 25, 2018 10:02
pakoni stranka… uvod
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="utf-8">
<title>Turris router administration interface</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
td {
border: 1px solid #eee;
}