Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<form name="rank" onsubmit="return false"> <p> <label>Adresa webu: <span class="icon"></span><input name="domena" type="url" oninput="coKdyby(this)" onpaste="zjistit(this)"></label> </p> </form>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
label span.icon { width: 1em; height: 1em; display: inline-block; background-position: center center; background-size: 100% 100%; }
CSS
Autoformát
CSS reset
Až na konci
function coKdyby(pole) { var url = pole.value; if (url.match(/\.(cz|com|net|info|org|biz|sk|eu)\/?$/)) { zjistit(pole); } } function http(url) { if (url.match(/https?:\/\//)) { return url; } else { return "http://" + url; } } function domain(url) { var adresa = url; var odkaz = document.createElement("a"); odkaz.href = adresa; return odkaz.protocol + "//" + odkaz.hostname; } function zjistit(pole) { var host = domain(http(pole.value)); pole.previousSibling.style.backgroundImage = "url(" + host + "/favicon.ico)"; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>