Uvítání podle denní doby Určitě jste už potkali stránku, která vypsala uvítání podle denní doby, která vám řekla večer dobrý večer, ale ráno dobré ráno. Díky tomuto skriptu to dokáže i vaše stránka: Kód: <script type=“text/javascript“> var hr = new Date().getHours(); if (hr==1 || hr==2 || hr==3 || hr==4 || hr==5 || hr==6 || hr==7…
Upozornění o copyrightu
Upozornění o copyrightu Vadí vám, když někdo bezmyšlenkovitě kopíruje vaše obrázky a ani neuvede autora? Tento skript upozorní, jakmile na obrázek klikne pravým tlačítkem: Kód: <img src=“url“ onmousedown=“if(event.keyCode==3) alert(‚Na tento obrázek se vztahují autorská práva: copyright‚)“> Ukázka:
Informace o odeslání formuláře
Informace o odeslání formuláře Uživatelé webu jsou si často nejistí. Proč jim to tedy neulehčit? Tento formulář vyhodí okénko s informací ihned po odeslání: Kód: <form action=“index.php“ method=“post“ onsubmit=“alert(‚Data úspěšně odeslána!‘);“> Jméno: <input type=“text“><br> <input type=“submit“ value=“odeslat“> </form> Ukázka: Jméno:
Převaděč teploty
Převaděč teploty Pokud se váš web týká počasí nebo pro jakýkoli jiný účel se vždy může hodit jednoduchý javascriptový převaděč (konvertor) teploty ze stupňů Celsia do stupňů Fahrenheita. A stačí k tomu tento skript: Kód: <script type=“text/javascript“> function temp (form) { form.fahrenheit.value = form.celsius.value*1.8+32; } </script> <form> <input type=“text“ name=“celsius“> <strong>°C</strong> <input type=“button“ value=“…
Odkaz s přechodem
Odkaz s přechodem K hezkým stránkám patří hezký design. A tak můžeme udělat s pomocí CSS3 přechodů odkaz s pomalu se měnící barvou po najetí. To uděláme například následovně: Kód: <style> .odkaz { transition: color .1s linear; -webkit-transition: color .1s linear; -moz-transition: color .1s linear; -o-transition: color .1s linear; -ms-transition: color .1s linear; } .odkaz:hover { color: DarkOrange;…
Neodesílající formulář
Neodesílající formulář Chtěli jste udělat vtip, nebo jen znepřístupnit formulář, ale aby to nebylo nijak poznat? K tomu postačí jednoduchý skript na začátku kódu: Kód: <form action=“zpracuj.php“ method=“get“ onsubmit=“return false“> <input type=“text“ name=“text“ value=“nějaký obsah…“> <input type=“submit“> </form> Ukázka:
Popisek rolovacího seznamu
Popisek rolovacího seznamu Díky novým funkcím HTML5 můžete umístit popisek rolovacího seznamu přímo do něj pomocí vychytralého nápadu. Uděláte to umístěním deaktivované možnosti, jako v následujícím kódu: Kód: <select> <option disabled selected>Popisek</option> <option>Možnosti…</option> </select> Ukázka: PopisekMožnosti…
Formulář se šifrovanými údaji – HTML5
Formulář se šifrovanými údaji – HTML5 Nová verze HTML 5 nám přinesla možnost šifrování odeslaných formulářů. Pokud tedy chcete mít zabezpečena odeslaná data z formuláře, formulář by měl vypadat například takto: Kód: <form action=“demo_keygen.asp“ method=“get“> Vaše IČO: <input type=“text“ name=“IČO“> Síla zabezpečení: <keygen name=“zabezpečení“> <input type=“submit“> </form> Náhled: Vaše IČO: Síla zabezpečení:
Vzorník pozadí na web – šumící pozadí
Vzorník pozadí na web – šumící pozadí Jistě jste si již někdy při svém surfování internetem všimli pozadí, z kterého často bolí oči, je nehezké, a nepraktické. Ale i přes to jsem se sem rozhodl pro typy lidí, kterým se to líbí dát sem pár vzorků : <body background=“http://www.htmlkody.info/wp-content/uploads/2pozadi1.gif“ > <body background=“http://www.htmlkody.info/wp-content/uploads/2pozadi2.gif“ > <body background=“http://www.htmlkody.info/wp-content/uploads/2pozadi3.gif“ >…
Vzorník pozadí na web – strukturová pozadí
Vzorník pozadí na web – strukturová pozadí Hledáte vhodné pozadí na svůj web? Možná vás inspirujeme těmito vzorky. Pokud se Vám nějaké pozadí bude líbit, stačí zkopírovat HTML Kód a vložit do na stránku, na které chcete určené pozadí mít. Vzorky: <body background=“http://www.htmlkody.info/wp-content/uploads/pozadi1.jpg“ > <body background=“http://www.htmlkody.info/wp-content/uploads/pozadi2.jpg“ > <body background=“http://www.htmlkody.info/wp-content/uploads/pozadi-3.jpg“ > <body background=“http://www.htmlkody.info/wp-content/uploads/pozadi4.jpg“ > <body background=“http://www.htmlkody.info/wp-content/uploads/pozadi5.jpg“ > …