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
<!DOCTYPE html> <base href='http://www.itnetwork.cz/tutorial-jazyk-c-dynamicke-pole-vektor'> <html lang="cs-cz"> <head> <!--[if gte IE 9]> <style type="text/css"> .premium-prechod { filter: none; } </style> <![endif]--> <base href="http://www.itnetwork.cz/" /> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <meta name="robots" content="noarchive"> <meta name="author" content="David Čápka, David Jančík"/> <link rel="stylesheet" href="script/system/style?v=5" type="text/css"/> <link rel="stylesheet" href="models/FSHL/style.css" type="text/css"/> <link rel="stylesheet" type="text/css" href="styles/autocomplete.css" /> <link rel="stylesheet" type="text/css" href="styles/jquery.lightbox-0.5.css" media="screen" /> <link rel="stylesheet" type="text/css" href="styles/jquery.sidr.light.css" /> <link rel="shortcut icon" href="images/icon.ico"/> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/cupertino/jquery-ui.css" type="text/css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <script type="text/javascript" src="js/chat/angular.min.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> <script type="text/javascript" src="js/jquery.cookies.js"></script> <script type="text/javascript" src="js/jquery_widgets.js"></script> <script type="text/javascript" src="js/clever_ad.js"></script> <script type="text/javascript" src="helpers/flowplayer/example/flowplayer-3.2.6.min.js"></script> <script type="text/javascript" src="js/kniha.navstev.js"></script> <script type="text/javascript" src="js/online_checker.js"></script> <script type="text/javascript" src="js/images.js"></script> <script type="text/javascript" src="js/rank.js"></script> <script type="text/javascript" src="js/thumbing.js"></script> <script type="text/javascript" src="js/infinite.scroll.js?v=2"></script> <script type="text/javascript" src="js/aside.js"></script> <script type="text/javascript" src="js/card.js"></script> <script src="js/jquery.sidr.min.js"></script> <script type="text/javascript"> window.onload = function () { // zapsání výšky obrázku - chtělo by to něco unikátnějšího než image !!! var img = $("#image img"); $("#image").height(img.height()); } </script> <title>5. díl - Dynamická pole (vektory) v jazyce C</title> <meta name="description" content="V tutoriálu naprogramujeme datovou strukturu vektor, dynamické pole, jehož kapacita se při zaplnění zdvojnásobí. Zabírá rozumně místa a není nijak omezené."/> <link rel="stylesheet" href="styles/chat.css" type="text/css"/> <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" /> </head> <body id="body"> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <!-- horní lišta --> <header class="layout"> <div id="mobile-header"> <div id="logo--" style="width: 25%; height: 50px; float: left;"> <h1 style="letter-spacing: 0.1em;"> <a href="http://www.itnetwork.cz"> <img src="images/logo_cz.png?v=2" alt="Programátorská sociální síť a materiálová základna pro C#, Java, PHP, HTML, CSS, JavaScript a další." /> </a> </h1> </div> <!-- reklamní pozice --> <div id="ad-header"> <div style="width: 480px; margin: 0 auto;"> <div class="ad-468" style="float: left; height: 60px; width: 468px; "> <div style="width: 468px; margin: 0 auto;"><a href="script/abc/abc/5/0" target="_blank" rel="nofollow"><img src="images/banners/../html_css.png" alt="" /></a></div> </div> <div class="clear"></div> </div> </div> <div id="header-action-bar"> <a href="udalosti" class="aButton" style="padding: 6px; line-height: 25px;" id="events-count"> <img src="images/img/event.png" style="float: left;" /> <span>0</span> </a> <a href="zpravy" class="aButton" style="padding: 6px; line-height: 25px;" id="messages-count"> <img src="images/img/message.png" style="float: left;" /> <span>0</span> </a> <a href="sprava-uctu" class="aButton" style="padding: 6px; line-height: 25px;"> <img src="images/avatars/16258_thumb.png" style="float: left; height: 25px; max-width: 32px;" /> <span id="account-name">Tonda Kozák</span> <span id="mobile-account-name">Profil</span> </a> </div> </div> <div class="clear"></div> <div class="bluebox"> <div class="action-bar-mobile"> <div id="menu-header"> <select onchange="document.location.href=this.options[this.selectedIndex].value;"> <optgroup label="Zpravodajství"> <option value="it-zpravy-ze-sveta-hardwaru" >Zprávy ze světa hardwaru</option> <option value="it-zpravy-ze-sveta-webtvorby" >Novinky na webu a internetu</option> <option value="it-zpravy-ze-sveta-softwaru" >Zprávy ze světa softwaru</option> <option value="it-zpravy-ze-sveta-programovani" >Zprávy ze světa programování</option> <option value="it-zpravy-ze-sveta-mobilnich-zarizeni" >Zprávy ze světa mobilních zařízení</option> </optgroup> <optgroup label="Programování"> <option value="c-sharp-programy-hry-zdrojaky" >On-line učebnice C# a .NET frameworku</option> <option value="java-programy-zdrojaky-priklady-navody" >Tutoriály pro vývoj v Javě</option> <option value="online-programy-v-php" >Dynamické webové stránky v PHP</option> <option value="html-a-css-navody-na-tvorbu-webu" >Základy a online manuály pro HTML & CSS</option> <option value="javascript-programy-hry-zdrojaky-tutorialy" >Dynamické doplňky webu v JavaScriptu</option> <option value="c-plus-plus-tutorialy-navody-programy" >C++</option> <option value="dalsi-vyvojove-nastroje-pro-tvorbu-aplikaci" >Ostatní programovací jazyky</option> <option value="uzitecne-algoritmy-pro-programovani" >Základní třídící, vyhledávací a další důležité algoritmy</option> <option value="navrhove-vzory-objektovy-model-architektura" >Návrhové vzory, objektový návrh a architektura, notace UML</option> <option value="jak-zacit-programovat-tvorit-aplikace-programy" >Jak začít programovat</option> </optgroup> <optgroup label="HW a SW"> <option value="hardware-pc" >Hardware osobních počítačů</option> <option value="windows-tipy-triky-clanky-navody" >Windows</option> <option value="linux-instalace-administrace-navody" >UNIX/Linux</option> <option value="mobilni-telefony-smartphone-tablety" >Mobilní telefony a tablety</option> <option value="uzitecne-programy-zdarma-ke-stazeni-podle-kategorie" >Programy našich redaktorů</option> </optgroup> <optgroup label="Ostatní"> <option value="game-maker-hry-zdrojaky-priklady" >Snadná tvorba her v nástroji GameMaker</option> <option value="vypracovane-maturitni-otazky-z-fyziky" >Základy středoškolské fyziky zejména pro programátory her</option> <option value="pr-clanky-informacni-technologie" >PR články o informačních technologiích</option> <option value="grafika-tutorialy-na-2d-a-3d-tvorbu" >Tvorba 2D a 3D grafiky</option> <option value="rozhovory-s-ceskymi-a-slovenskymi-vyvojari" >Rozhovory s našimi redaktory</option> <option value="zabava-programatorske-a-ajtacke-vtipy" >I programátoři se umí bavit</option> <option value="clanky-nejen-o-programovani" >Nezařazené články nejen o programování</option> </optgroup> <optgroup label="Fórum"> <option value="diskuzni-forum-o-programovani" >Programátorské diskuzní fórum</option> <option value="diskuzni-forum-o-pc-hardwaru" >Hardwarové diskuzní fórum</option> <option value="diskuzni-forum-ostatni" >Diskuzní fórum o ostatních tématech</option> </optgroup> </select> </div> <div id="search-header"> <!-- Vyhledávač --> <form action="http://www.google.cz/cse" id="cse-search-box"> <div style="float: left;"> <input type="hidden" name="cx" value="008617562879727931912:ljbco61e1tk"/> <input type="hidden" name="ie" value="UTF-8"/> <input type="text" name="q" placeholder="Vyhledávání..." /> <input type="submit" name="sa" value="Vyhledat" style="display: none;"/> </div> </form> <a href="http://www.facebook.com/devbookcz" target="_blank"><img src="images/img/icon_fb.png" alt="Facebook"></a> <a href="rss" target="_blank" title="RSS kanál ITnetwork"><img src="images/img/icon_rss.png" alt="RSS feed"></a> </div> </div> </div> <div class="clear"></div> </header> <!-- Navigační menu --> <nav id="menu" class="bluebox"> <ul> <li> <span>Zpravodajství</span> <ul> <li><a href="it-zpravy-ze-sveta-hardwaru" title="Zprávy ze světa hardwaru" >Hardware</a></li> <li><a href="it-zpravy-ze-sveta-webtvorby" title="Novinky na webu a internetu" >Web</a></li> <li><a href="it-zpravy-ze-sveta-softwaru" title="Zprávy ze světa softwaru" >Software</a></li> <li><a href="it-zpravy-ze-sveta-programovani" title="Zprávy ze světa programování" >Programování</a></li> <li><a href="it-zpravy-ze-sveta-mobilnich-zarizeni" title="Zprávy ze světa mobilních zařízení" >Mobily</a></li> </ul> </li> <li> <span>Programování</span> <ul> <li><a href="c-sharp-programy-hry-zdrojaky" title="On-line učebnice C# a .NET frameworku" >C# .NET</a></li> <li><a href="java-programy-zdrojaky-priklady-navody" title="Tutoriály pro vývoj v Javě" >Java</a></li> <li><a href="online-programy-v-php" title="Dynamické webové stránky v PHP" >PHP</a></li> <li><a href="html-a-css-navody-na-tvorbu-webu" title="Základy a online manuály pro HTML & CSS" >HTML & CSS</a></li> <li><a href="javascript-programy-hry-zdrojaky-tutorialy" title="Dynamické doplňky webu v JavaScriptu" >JavaScript</a></li> <li><a href="c-plus-plus-tutorialy-navody-programy" title="C++" >C a C++</a></li> <li><a href="dalsi-vyvojove-nastroje-pro-tvorbu-aplikaci" title="Ostatní programovací jazyky" >Ostatní</a></li> <li><a href="uzitecne-algoritmy-pro-programovani" title="Základní třídící, vyhledávací a další důležité algoritmy" >Algoritmy</a></li> <li><a href="navrhove-vzory-objektovy-model-architektura" title="Návrhové vzory, objektový návrh a architektura, notace UML" >Návrh</a></li> <li><a href="jak-zacit-programovat-tvorit-aplikace-programy" title="Jak začít programovat" >Jak začít</a></li> </ul> </li> <li> <span>HW a SW</span> <ul> <li><a href="hardware-pc" title="Hardware osobních počítačů" >Hardware PC</a></li> <li><a href="windows-tipy-triky-clanky-navody" title="Windows" >Windows</a></li> <li><a href="linux-instalace-administrace-navody" title="UNIX/Linux" >Linux</a></li> <li><a href="mobilni-telefony-smartphone-tablety" title="Mobilní telefony a tablety" >Mobily</a></li> <li><a href="uzitecne-programy-zdarma-ke-stazeni-podle-kategorie" title="Programy našich redaktorů" >Naše aplikace</a></li> </ul> </li> <li> <span>Ostatní</span> <ul> <li><a href="game-maker-hry-zdrojaky-priklady" title="Snadná tvorba her v nástroji GameMaker" >GameMaker</a></li> <li><a href="vypracovane-maturitni-otazky-z-fyziky" title="Základy středoškolské fyziky zejména pro programátory her" >Fyzika</a></li> <li><a href="pr-clanky-informacni-technologie" title="PR články o informačních technologiích" >PR články</a></li> <li><a href="grafika-tutorialy-na-2d-a-3d-tvorbu" title="Tvorba 2D a 3D grafiky" >Grafika</a></li> <li><a href="rozhovory-s-ceskymi-a-slovenskymi-vyvojari" title="Rozhovory s našimi redaktory" >Rozhovory</a></li> <li><a href="zabava-programatorske-a-ajtacke-vtipy" title="I programátoři se umí bavit" >IT zábava</a></li> <li><a href="clanky-nejen-o-programovani" title="Nezařazené články nejen o programování" >Nezařazené</a></li> </ul> </li> <li> <span>Fórum</span> <ul> <li><a href="diskuzni-forum-o-programovani" title="Programátorské diskuzní fórum" id="forum-icon">Programování</a></li> <li><a href="diskuzni-forum-o-pc-hardwaru" title="Hardwarové diskuzní fórum" >Hardware</a></li> <li><a href="diskuzni-forum-ostatni" title="Diskuzní fórum o ostatních tématech" >Ostatní</a></li> </ul> </li> </ul> </nav> <div id="main-menu-bar"> <!-- placeholder pro itemy v menu --> <div id="sublinks"></div> </div> <!-- vnější kontejner s celým webem --> <div id="container"> <!-- kontejner s menu a sloupci--> <div id="whiter" style="background-color: white; "> <!-- sloupec s článkem --> <section id="article-section"> <!-- <div class="message-info">Zveme vás v sobotu 6.12. na <a href="diskuzni-forum-volna-diskuze/nouvelle-communaute-sraz-2-0-547cd691e5446">sraz Nouvelle Communauté s programem a AfterParty.</a>.</div> --> <!-- zobrazení zpráv --> <!-- tělo článku --> <article style="font: 1em/1.5em Verdana; padding-top: 15px; font-size: 13px;"> <h2>5. díl - Dynamická pole (vektory) v jazyce C</h2> <a href="programovani-v-jazyce-c-dalsi-konstrukce" title="Zpět do sekce Programování v jazyce C - Další konstrukce"><img src="images/img/icon_back.png" width="20" align="left">Zpět do sekce Programování v jazyce C - Další konstrukce</a><br clear="left"> <div style="margin-bottom: 10px;"> <div class="ad-730" style="float: left; height: 100px; width: 730px; "> <div style="width: 728px; margin: 0 auto;"><a href="script/abc/abc/0/0" target="_blank" rel="nofollow"><img src="images/banners/../onebit_domeny.jpg" alt="" /></a></div> </div> <div class="clear"></div> <div class="ad-251" style="float: left; height: 250px; width: 251px; "> <div style="width: 250px; margin: 0 auto;"><a href="script/abc/abc/4/3" target="_blank" rel="nofollow"><img src="images/banners/jetbrains_webstorm.png" alt="" /></a></div> </div> <div class="clear"></div> </div> <!-- obsah článku --> <p>Až doposud jsme byli za běhu aplikace omezeni pamětí, která nám byla přidělena. Ať jsme si paměť alokovali dynamicky za běhu aplikace nebo ji za nás jazyk C alokoval staticky, vždy jsme narazili na její limit. Museli jsme si tedy např. hlídat, aby počet uložených čísel nepřesáhl velikost pole. V následujících 2 dílech se konečně dozvíme jak ukládat neomezené množství prvků do paměti, čímž dovršíme své znalosti potřebné k tomu, abychom v Céčku vytvořili opravdu reálně použitelnou aplikaci.</p> <h3>Dynamické pole (Vektor)</h3> <p>Již víme, že prvky pole se v paměti nacházejí bezprostředně za sebou. Také víme, že velikost pole je omezena. Jakmile pole vytvoříme, musíme uvést jak velký prostor (jak velkou řádku jedniček a nul) pro něj má operační systém v paměti vyhradit. Budeme-li programovat např. telefonní seznam, dá se velmi špatně odhadnout kolik čísel v něm bude náš uživatel mít. Bude to 10 nebo 1000? Můžeme vytvořit pole čísel o velikosti 1000. Uživatel poté bude využívat jen jeho část a je to lepší řešení, než když velikost pole podceníme a uživateli aplikace sdělí, že nemá kam ukládat (v tom lepším případě) nebo paměť rovnou přeteče. Jak to ale udělat správně?</p> <br clear="both" /> <p class="premium-prechod"> </p> <p>...konec náhledu článku...</p> <div class="text-center"> <img src="images/students.png" style="max-width: 270px;" /> </div> <h3>Prémiový článek</h3> <p>Na ITNetwork.cz se nachází <strong>největší a nejucelenější</strong> česká <strong>databáze s výukovými články</strong>, jejímž cílem je <strong>umožnit kvalitní vzdělání v oblasti IT úplně každému</strong>. Měsíčně zobrazíme k <strong>milionu článků</strong> a sklidíme desítky děkovných emailů, kde nám sdělujete, že jsme vám pomohli k lepšímu zaměstnání nebo vzdělání. </p> <p>Ačkoli se snažíme držet většinu obsahu úplně zadarmo, <strong>udržovat síť v provozu a aktuální stojí obrovské úsilí</strong>. Proto je nějaký obsah, jako cvičení nebo odbornější články, přístupný pouze za body. <strong>Nebojte, nestojí to skoro nic :)</strong> </p> <h3>Popis článku</h3> <p>Požadovaný článek má následující obsah: </p> <blockquote>V tutoriálu naprogramujeme datovou strukturu vektor, dynamické pole, jehož kapacita se při zaplnění zdvojnásobí. Zabírá rozumně místa a není nijak omezené.</blockquote> <table class="fancytable"> <tr> <td style="text-align: left;">Pro přístup k článku potřebuješ</td> <td><span style="font-size: 1.5em">10 bodů</span></td> </tr> <td style="text-align: left;">Na svém účtu máš aktuálně</td> <td><span style="font-size: 1.5em">95 bodů</span></td> </tr> <tr> <td style="text-align: left;">10 bodů získáš za <a href="zadost-o-redaktorska-prava">přidání svého článku na síť</a> nebo za</td> <td><span style="font-size: 1.5em">25,00 Kč</span></td> </tr> </table> <form method="POST" id="purchase-form" class="fancyform"><input name="form-name" id="form-name" value="purchase-form" type="hidden" /><div class="form-buttons"><input name="purchase" id="purchase" value="Koupit článek" type="submit" /></div></form> <p>Koupí článku k němu získáš <strong>neomezený přístup a to napořád</strong>. Posuneš své znalosti zas kousek dopředu a zároveň nám pomůžeš udržovat celý projekt při životě a pomáhát vám tak k lepší budoucnosti.</p> <p>Body získáš, když <strong><a href="dobiti-bodu">podpoříš naši síť</a></strong>. To můžeš udělat buď <strong>zasláním symbolické částky</strong> na podporu provozu nebo <strong>přidáním obsahu</strong> na síť.</p> <nav class="button-bar"> <a href="dobiti-bodu">Dobít body</a> <a href="zadost-o-redaktorska-prava">Přidat obsah</a> </nav> <p>Dobít body můžeš okamžitě např.:</p> <table style="width: 100%; text-align: center;"> <tr> <td><img src="images/5/credit_card.png" alt="Karta" /></td> <td><img src="images/5/sms.png" alt="SMS" /></td> <td><img src="images/5/bank.png" alt="Bankovní převod" /></td> </tr> <tr> <td><strong>Kartou</strong></td> <td><strong>SMS</strong></td> <td><strong>Převodem</strong></td> </tr> </table> <div class="fancybox" style="min-height: 145px; padding: 5px;"> <div style="padding-bottom: 5px;">Článek pro vás napsal <a href="portfolio/5">David Čápka</a> </div> <!-- avatar --> <div style="width: 64px; float: left; text-align: center;"> <a href="portfolio/5"><img src="images/avatars/5_thumb.png" alt="Avatar" data-member-id="5" class="member-card" /></a> </div> <!-- podpis --> <div style="margin-left: 70px;">Autor je C# a PHP programátor, dále se věnuje webovým technologiím a redaktorské činnosti na ITnetwork. Rád své znalosti sdílí s komunitou a tak je rozšiřuje, věří, že smysl života je v poznání.</div> <div class="clear"></div> <div style="height: 64px; padding: 20px 0px; float: left;"> <img src="images/ucl.png" alt="Unicorn College" style="float: left; margin-right: 6px;" /> Autor se informační technologie naučil na <strong><a href="http://www.unicorncollege.cz" target="_blank"/>Unicorn College</a></strong> - prestižní soukromé vysoké škole IT a ekonomie. </div> <div class="clear"></div> </div><br clear="both" /> <!-- widget s předchozím článkem, sekcí a dalším článkem --> <div> <div class="related-article-box">Předchozí článek<br /> <a href="c-tutorial-dynamicke-textove-retezce-a-struktury"><img src="images/546dc2c885779_image_0_thumb.png" alt="" style="max-width: 100px; height: 60px;" /> Dynamické textové řetězce a struktury v jazyce C </a><br clear="left" /> V tutoriálu se naučíme dynamicky alokovat textové řetězce přesně tak dlouhé, jak potřebujeme. Dále se zaměříme na referenční práci se strukturami. </div> <div class="related-article-box">Všechny články v sekci<br /> <a href="programovani-v-jazyce-c-dalsi-konstrukce"><img src="images/507686b1eb31c_image_0_thumb.png" alt="" style="max-width: 100px; height: 60px;" /> Programování v jazyce C - Další konstrukce </a><br clear="left" /> Sekce obsahuje tutoriály pro programovací jazyk C (céčko), které navazují na první sekci a odhalují další konstrukce jako soubory nebo dynamickou paměť. </div> <div class="related-article-box">Další článek<br /> <a href="tutorial-jazyk-c-spojovy-seznam"><img src="images/546a14bed1e14_image_0_thumb.png" alt="" style="max-width: 100px; height: 60px;" /> Spojové seznamy v jazyce C </a><br clear="left" /> V tutoriálu naprogramujeme datovou strukturu spojový seznam, který je stejně jako vektor kapacitně neomezený, ale má jiné výhody a nevýhody. </div> </div><br clear="both" /> </article> <!-- diskuze --> </section> <!-- Pravý sloupec --> <aside class="sidebar"> <br /> <div id="search-primary"> <!-- Vyhledávač --> <form action="http://www.google.cz/cse" id="cse-search-box"> <div style="float: left;"> <input type="hidden" name="cx" value="008617562879727931912:ljbco61e1tk"/> <input type="hidden" name="ie" value="UTF-8"/> <input type="text" name="q" placeholder="Vyhledávání..." /> <input type="submit" name="sa" value="Vyhledat" style="display: none;"/> </div> </form> <a href="http://www.facebook.com/devbookcz" target="_blank"><img src="images/img/icon_fb.png" alt="Facebook"></a> <a href="rss" target="_blank" title="RSS kanál ITnetwork"><img src="images/img/icon_rss.png" alt="RSS feed"></a> </div> <div class="clear"></div> <br /> <div class="sticky"> <div class="bottom-space"> <!-- reklamní pozice --> <div class="ad-250" style="float: left; height: 250px; width: 250px; "> <div style="width: 250px; margin: 0 auto;"><a href="script/abc/abc/4/3" target="_blank" rel="nofollow"><img src="images/banners/jetbrains_webstorm.png" alt="" /></a></div> </div> <div class="clear"></div> </div> <div class="bottom-space"> <!-- reklamní pozice --> <div class="ad-250" style="float: left; height: 250px; width: 250px; "> <div style="width: 250px; margin: 0 auto;"><!-- Kontextová reklama Sklik --> <div id="sklikReklama_45264"></div> <script type="text/javascript"> var sklikData = { elm: "sklikReklama_45264", zoneId: 45264, w: 250, h: 250 }; </script> <script type="text/javascript" src="http://c.imedia.cz/js/script.js"></script> </div> </div> <div class="clear"></div> </div> </div> </aside> </div> <div class="clear bottom-space"></div> <hr /> <!-- Patička --> <footer class="layout"> <div class="ad-300" style="float: left; height: 100px; width: 300px; "> <div style="width: 728px; margin: 0 auto;"><a href="script/abc/abc/0/0" target="_blank" rel="nofollow"><img src="images/banners/../onebit_domeny.jpg" alt="" /></a></div> </div> <div class="clear"></div> <br /> Copyright © 2015 itnetwork.cz. Veškerý obsah webu (pokud není uvedeno jinak) spadá pod autorský zákon. <a href="o-projektu">O projektu</a> | <a href="inzerce-reklama-it-pr-clanky-bannery">Reklama</a> | <a href="loga-a-bannery">Loga a bannery</a><br /><br /> Projekt itnetwork.cz vytvořil student vysoké školy <a href="http://www.unicorncollege.cz" target="_blank">Unicorn College</a>. </footer> </div> <script src="js/autocomplete.js?v=1420200656"></script> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src=\'" + gaJsHost + "google-analytics.com/ga.js\' type=\'text/javascript\'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-11913478-1"); pageTracker._trackPageview(); } catch(err) {} </script> <script src="js/menu.widget.js?v=3"></script> <script type="text/javascript"> $(function() { $('nav#menu').islandsoftMenu({ iconWidth: 48, iconHeight: 48, iconDir: "images/img/menu/icons/", placeholder: "#sublinks", tooltip: { x: -75, y: -15 }, }).islandsoftMenu("open", 0); $('#infinite').infiniteScroll({ // Zpráva zobrazená při načítání loaderMessage: 'Načítám starší příspěvky ...', // Adresa obrázku načítání loaderImage: 'images/loader.gif', // Selektor pro element, který bude spouštět načtení nových příspěvků handle: '#wall-timestamp', // Jméno hlavního parametru (Obsahu: <span>) param: 'timestamp', // URL, kam se má request odeslat url: 'script/messaging/ajax-threads', // Typ AJAX požadavku type: 'GET', // Další data odeslaná s hlavním parametrem data: {} }); $('#comment_images a').lightBox(); $('#news-mobile-button').sidr({ name: 'news-mobile-menu', side: 'right', displace: false, }); }); </script> <script src="js/message_editor.js"></script> <div id="chat"> <div data-id="16258" data-stamp="1420200656" data-token="3234be61327169f132dd1156b294894b4c7e163304caa8cf42736244e86cf9aa75d848f452e8e4705fcd20ad000ac653fe9c85abda64c32fb6a5eba99ad38b61" data-mobile-check="true"></div> <script type="text/javascript" src="js/chat/chat.min.js?v=10"></script> <script type="text/javascript"> drahak.chat.bootstrap(document.getElementById('chat')); </script> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.premium-prechod { background: blue; height: 110px; margin-top: -145px; border-bottom: 2px solid gray; padding-bottom: 10px; position: relative; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>