Schovaný příspěvek Člověk nikdy neví, kdy bude potřebovat nějakou část webové stránky zakrýt. Kód je jednoduchý, zde ho vidíte na příkladu zakrytí odstavce textu.   Kód: <div style=“width: 150px;position: relative;“>Jste fanoušci do HTML a CSS? Pak tu pro Vás máme nabídku na spolupráci. Sháníme redaktory, kteří by byli za malý finanční obnos ochotni pro náš…

Výběr fontu Pokud byste rádi měli svůj web co nejvíce uživatelsky příjemný, můžete tam umístit i měnič fontu, který je takto jednoduchý:   Kód: <select onchange=“document.body.style.fontFamily=this.value“> <option>Helvetica</option> <option>Arial</option> <option>Verdana</option> <option>Comic Sans MS</option> <option>Liberation Sans</option> </select> Samozřejmě je možno přidat další fonty. Ukázka: HelveticaArialVerdanaComic Sans MSLiberation Sans

Pohybující se barevný přechod Přáli jste si, aby váš web vypadal opravdu moderně? S touto animací, která je ovšem jen v CSS3, určitě bude. Nutno ovšem dodat, že to funguje jen v Chromu.   Kód: <style type=“text/css“>#textPr {background: -moz-linear-gradient(left, #4d4d4d, 0.4, #4d4d4d, 0.5, white, 0.6, #4d4d4d, #4d4d4d);background: -webkit-gradient(linear,left top,right top,color-stop(0, #4d4d4d),color-stop(0.4, #4d4d4d),color-stop(0.5, white),color-stop(0.6, #4d4d4d),color-stop(1, #4d4d4d));-moz-background-clip:…

Slepá stránka Tento skript je velice užitečný, pokud nechcete složitě zabraňovat přístupu a stačí vám skript, který vrátí uživatele o stránku zpět:   Kód: Tato stránka se připravuje. <script type=“text/javascript“> setTimeout(function() {history.back();},3000); </script> Ukázka: klikněte sem

Metoda formuláře podle tlačítka Každá metoda odesílání formuláře (POST nebo GET) má své výhody. Pokud máte web s náštěvníky, kteří tomuto rozumí, jistě vám pomůže tento formulář:   Kód: <form action=“/index.php“> Email: <input type=“text“><br> <input type=“submit“ value=“Odeslat“ formmethod=“post“> <input type=“submit“ formmethod=“get“ value=“Odeslat s použitím GET“> </form> Ukázka: Email:

Cíl formuláře podle tlačítka Na některé věci není třeba javascript. Jako třeba tento formulář, který se odešle na určitou adresu podle toho, na které tlačítko uživatel klikne:   Kód: <form> Jméno: <input type=“text“><br> Příjmení: <input type=“text“><br> <input type=“submit“ value=“Odeslat emailem“ formaction=“/“> <input type=“submit“ formaction=“/hotove-kody“  value=“Odeslat přes web“> </form> Ukázka: Jméno: Příjmení:

Otevřít v novém malém okně Tento javascript vám otevře malé okno s jakoukoli stránkou, jako třeba náhled obrázku:   Kód: <a href=“javascript:return false“ onclick=“window.open(‚http://www.htmlkody.info‘,’EANITHING‘,’toolbar=no,location=no, directories=no, status=yes, menubar=no, resizable=yes, copyhistory=no, scrollbars=no, width=500, height=500′);“>otevřít</a> Ukázka: otevřít

Tlačítko +1 Máte rádi sociální sítě? Pak není složité umístit si na svůj web tlačítko +1 od Google+ pomocí následujícího kódu:   Kód: <div data-annotation=“inline“ data-width=“300″></div> <script type=“text/javascript“> window.___gcfg = {lang: ‚cs‘};(function() {var po = document.createElement(‚script‘); po.type = ‚text/javascript‘; po.async = true;po.src = ‚https://apis.google.com/js/platform.js‘;var s = document.getElementsByTagName(‚script‘)[0]; s.parentNode.insertBefore(po, s);})(); </script>

Odkaz na znovunačtení stránky Tento odkaz třeba kvůli nějakému PHP skriptu načte stránku znovu, ale uživatel bude spokojený, že si vše udělal sám:   Kód: <a href=“javascript:return false“ onclick=“location.reload()“>načíst znovu</a> Ukázka: načíst znovu

Formulář malými písmeny Někdy je potřeba, aby se odesílaná data převedla jen na malá písmena. A proč to neudělat rovnou při zadávání, když k tomu stačí tento skript:   Kód: <form action=“index.php“ method=“post“> Přezdívka: <input type=“text“ name=“prezdivka“ onkeyup=“this.value=this.value.toLowerCase()“> <input type=“submit“ value=“odeslat“> </form> Ukázka: Přezdívka: