Co dělá událost onfocus v JavaScriptu

Co Dela Udalost Onfocus V Javascriptu



' soustředění ” událost je dobře známá událost, která se většinou používá při práci s formuláři v JavaScriptu. Spustí se, když se zaostří související prvek HTML. Funguje na všech typech HTML prvků kromě '', '', ' <base>', '<style>', '<head>', ' <body>', '<script>' '', ' <iframe>', '<meta>', ' <br>', ' <bdo>' a '<param>'. Tato událost, tj. <strong> soustředění</strong> ” se obecně používá ve vstupním poli HTML pro ověření všech typů formulářů.<p> Tento příspěvek vysvětluje cíl, fungování a použití události „onfocus“ v JavaScriptu.</p> <h2> <strong> Jak funguje „onfocus Event“ v JavaScriptu?</strong> </h2> <p> ' <strong> soustředění</strong> ” událost se spustí, když se zaměří konkrétní prvek HTML. Kromě toho vyvolá provedení související funkce JavaScriptu.</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script> <!-- softoban1 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="3660419154" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr><br /><div class="embeded-video"><iframe src="https://www.youtube.com/embed/q2myAEZdIsE?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <br /> <p> <strong> Syntax</strong> </p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="3"></ins><br /> živel.<span class="me1"> soustředění</span> <span class="sy0"> =</span> funkce<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> myScript<span class="br0"> }</span><span class="sy0"> ;</span> <p> Ve výše uvedené syntaxi:</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="4"></ins><br /> <ul> <li> <strong> živel:</strong> Představuje prvek HTML.</li> <li> <strong> funkce():</strong> Odkazuje na funkci, kterou je třeba vyvolat při spouštění události.</li> <li> <strong> myScript:</strong> Odpovídá definici funkce provést konkrétní úlohu, když dojde k události „onfocus“.</li> </ul> <h2> <strong> Jak používat „událost zaměření“ v JavaScriptu?</strong> </h2> <p> ' <strong> soustředění</strong> ” událost lze v JavaScriptu využít různými způsoby. V této části jsou uvedeny různé taktické příklady pro ilustraci jejího použití.</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script> <!-- softoban2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="9858463164" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr> <h2> <strong> Příklad 1: Spuštění</strong> “ <strong> onfocus událost</strong> “ <strong> změnou barvy pozadí vstupního pole</strong> </h2> <p> Tento příklad spouští „ <strong> soustředění</strong> ” změnou barvy pozadí vstupního textového pole pomocí uživatelsky definované funkce JavaScriptu.</p> <h3> <strong> HTML kód</strong> </h3> <p> Nejprve přehled následujícího HTML kódu:</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <span class="sy0"> <</span> h2<span class="sy0"> ></span> soustředění <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+event"><span class="kw3"> událost</span></a> V JavaScriptu<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p<span class="sy0"> ></span> Klepnutím do vstupního pole aktivujte fokus<span class="br0"> (</span> soustředění<span class="br0"> )</span> .<span class="sy0"> </</span> p<span class="sy0"> ></span> <br> <br> <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+name"><span class="kw3"> název</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> Typ vstupu<span class="sy0"> =</span><span class="st0"> 'text'</span> id<span class="sy0"> =</span><span class="st0"> 'demo'</span> zástupný symbol<span class="sy0"> =</span><span class="st0"> 'Zadejte své jméno'</span> soustředění<span class="sy0"> =</span><span class="st0"> 'func()'</span><span class="sy0"> ></span> <p> Ve výše uvedeném kódu:</p> <ul> <li> ' <strong> <h2></strong> tag “ definuje podnadpis a “ <strong> <p></strong> ” tag vytvoří odstavec, resp.</li> <li> Poté se „ <strong> <vstup></strong> “ tag představující vstupní textové pole je označen “ <strong> název</strong> “, typ obsahu jako „ <strong> text</strong> “, přidružené id jako „ <strong> demo</strong> “ a uvedený zástupný symbol.</li> <li> Také ' <strong> soustředění</strong> ” událost je určena pro přesměrování na funkci s názvem “ <strong> func()</strong> “.</li> </ul> <h3> <strong> JavaScript kód</strong> </h3> <p> Dále projděte níže uvedený kód JavaScript:</p> <span class="sy0"> <</span> skript<span class="sy0"> ></span> <br> <br> funkce func<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> dokument.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'demo'</span><span class="br0"> )</span> .<span class="me1"> styl</span> .<span class="me1"> Pozadí</span> <span class="sy0"> =</span> <span class="st0"> 'růžový'</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> skript<span class="sy0"> ></span> <p> Ve výše uvedených řádcích kódu:</p> <ul> <li> Funkce s názvem „ <strong> func()</strong> ' je definováno.</li> <li> V definici funkce je „ <strong> document.getElementById()</strong> ” metoda načte odstavec přes jeho id a použije “ <strong> styl.pozadí</strong> ' vlastnictví.</li> <li> Je to takové, že barva pozadí vstupního textového pole se změní po události, tj. při spuštění „onfocus“.</li> </ul> <p> <strong> Výstup</strong> </p> <p> <img class="wp-image-324017" src="https://softoban.com/img/other/AC/what-does-onfocus-event-do-in-javascript-1.gif"></p> <p> Výstup potvrzuje, že když „ <strong> soustředění</strong> ” spustí událost, barva pozadí daného vstupního pole se odpovídajícím způsobem změní.</p> <h2> <strong> Příklad 2: Spuštění</strong> “ <strong> onfocus událost</strong> “ <strong> Přes Alert Box</strong> </h2> <p> V tomto příkladu může být při události zobrazeno výstražné pole, tj. <strong> soustředění</strong> ” spouštění prostřednictvím uživatelem definované funkce.</p> <h3> <strong> HTML kód</strong> </h3> <p> Nejprve se podívejte na následující HTML kód:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> soustředění <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+event"><span class="kw3"> událost</span></a> V JavaScriptu<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p<span class="sy0"> ></span> Kliknutím dovnitř ze vstupního pole získáte fokus<span class="br0"> (</span> soustředění<span class="br0"> )</span> .<span class="sy0"> </</span> p<span class="sy0"> ></span> <br> <br> <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+name"><span class="kw3"> název</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> Typ vstupu<span class="sy0"> =</span><span class="st0"> 'text'</span> id<span class="sy0"> =</span><span class="st0"> 'pass1'</span> zástupný symbol<span class="sy0"> =</span><span class="st0"> 'Zadejte své jméno'</span><span class="sy0"> ></span> <p> Ve výše uvedeném bloku kódu HTML:</p> <ul> <li> Podobně přidejte podnadpis úrovně 2 pomocí „ <strong> <h2></strong> “ a přidejte odstavec pomocí „ <strong> <p></strong> ” tag.</li> <li> Podobně je vstupní pole definováno prostřednictvím uvedeného štítku, typu obsahu, id a zástupného symbolu.</li> </ul> <h3> <strong> JavaScript kód</strong> </h3> <p> Nyní zvažte následující kód JavaScript:</p> <span class="sy0"> <</span> skript<span class="sy0"> ></span> <br> <br> dokument.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'pass1'</span><span class="br0"> )</span> .<span class="me1"> soustředění</span> <span class="sy0"> =</span> funkce<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> demo<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> }</span><span class="sy0"> ;</span> <br> <br> demo funkce<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> upozornění<span class="br0"> (</span><span class="st0"> 'Zaměřte se na vstupní pole.'</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> skript<span class="sy0"> ></span> <p> Ve výše uvedeném úryvku kódu:</p> <ul> <li> ' <strong> document.getElementById()</strong> metoda načte vstupní pole prostřednictvím jeho id a přidruží událost, tj. <strong> soustředění</strong> ' s tím.</li> <li> Je to takové, že funkce JavaScriptu „ <strong> demo()</strong> “ se vyvolá při spouštění události a zobrazí „ <strong> upozornění</strong> “ s uvedenou zprávou.</li> </ul> <p> <strong> Výstup</strong> </p> <p> <strong> <img class="wp-image-324018" src="https://softoban.com/img/other/AC/what-does-onfocus-event-do-in-javascript-2.gif"></strong> </p> <p> Na tomto výstupu lze pozorovat, že při kliknutí myší do vstupního pole se prvek zaostří, a tak vyskočí pole „upozornění“ s uvedenou zprávou.</p> <h2> <strong> Závěr</strong> </h2> <p> JavaScript nabízí „ <strong> soustředění</strong> ” událost, která se spustí, když se do ní přesune přidružený prvek HTML, tj. získá fokus. Je to opak „ <strong> onblur</strong> ” událost, která se spustí, když prvek ztratí fokus. Lze jej použít k vyvolání funkce JavaScriptu pro provedení požadované úlohy po jejím spuštění. Tato příručka demonstrovala účel, fungování a použití události „onfocus“ v JavaScriptu.</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/jiny/" class="tag-cloud-link">jiný</a> </div> </div> </div><!-- END--> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Kategorie</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Jiný</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zvětšení</a> </li><li> <a href="/cinnamon/">Skořice</a> </li><li> <a href="/reviews/">Recenze</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Rádio</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Otevřené Plátno</a> </li><li> <a href="/compression/">Komprese</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Aircrack</a> </li><li> <a href="/office-productivity-software/">Software Pro Kancelářskou Produktivitu</a> </li><li> <a href="/boot/">Boot</a> </li><li> <a href="/system-calls/">Systémová Volání</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Vytváření Sítí</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Přístavní Dělník</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Wirehark</a> </li><li> <a href="/synology/">Synologie</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Parrot Os</a> </li><li> <a href="/sublime/">Sublimovat</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">Telefon</a> </li><li> <a href="/kodi/">Kód</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Pochoutka</a> </li><li> <a href="/mouse/">Myš</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Torrent</a> </li><li> <a href="/tablet/">Tableta</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Kučera</a> </li><li> <a href="/kde/">Kde</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fonty</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Snímky</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Oliheň</a> </li><li> <a href="/mate/">Kamaráde</a> </li><li> <a href="/vlc-media-player/">Vlc Media Player</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Klávesnice</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Šifrování</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Skener</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Červená Čepice</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">Skype</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Notebook Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Následek</a> </li><li> <a href="/media-players/">Přehrávače Médií</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Pára</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Napájení</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">M2</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Rukojeť</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odysea</a> </li><li> <a href="/audio/">Zvuk</a> </li><li> <a href="/cpu/">Procesor</a> </li><li> <a href="/tensorflow/">Tensorflow</a> </li><li> <a href="/autodesk/">Autodesk</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Okna</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Starší)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Kancelář</a> </li><li> <a href="/jiny/">jiný</a> </li><li> <a href="/webova-kamera/">webová kamera</a> </li><li> <a href="/prehravace-medii/">přehrávače médií</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/hapoxy/">hapoxy</a> </li><li> <a href="/bota/">bota</a> </li><li> <a href="/sublimovat/">sublimovat</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">Nextcloud</a> </li><li> <a href="/ctnost/">ctnost</a> </li><li> <a href="/usb-pruchod/">usb-průchod</a> </li><li> <a href="/secure-boot/">#secure-boot</a> </li><li> <a href="/zarizeni-pruchod/">zařízení-průchod</a> </li><li> <a href="/sdn/">SDN</a> </li><li> <a href="/instalace-ovladace/">instalace ovladače</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Populární Příspěvky</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/B5/pandas-series-to-numpy-array-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/serie-pandas-az-numpy-array">Série Pandas až NumPy Array</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/8E/linux-popen-system-call-in-c-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/systemove-volani-linux-popen-v-c">Systémové volání Linux Popen v C</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/B0/remove-object-from-an-array-by-its-value-in-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/odebrat-objekt-z-pole-podle-jeho-hodnoty-v">Odebrat objekt z pole podle jeho hodnoty v</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/DB/how-to-extract-filename-and-extension-in-bash-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-extrahovat-nazev-souboru-a-priponu-v-bash">Jak extrahovat název souboru a příponu v Bash</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/48/what-is-awk-nf-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/co-je-awk-nf">Co je AWK NF?</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A8/how-to-auto-refresh-web-page-every-5-seconds-using-javascript-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-automaticky-obnovovat-webovou-stranku-kazdych-5-sekund-pomoci-javascriptu">Jak automaticky obnovovat webovou stránku každých 5 sekund pomocí JavaScriptu</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/windows/85/restore-missing-administrative-tools-shortcuts-windows-10-winhelponline.png);"></a> <div class="text"> <h3 class="heading"> <a href="/restore-missing-administrative-tools-shortcuts-windows-10-winhelponline">Obnovte chybějící zástupce nástrojů pro správu ve Windows 10 - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> Okna</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E8/how-to-prevent-prototype-pollution-attacks-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-zabranit-utokum-prototypoveho-znecisteni">Jak zabránit útokům prototypového znečištění?</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/90/how-to-install-emby-media-server-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-nainstalovat-emby-media-server-na-raspberry-pi">Jak nainstalovat Emby Media Server na Raspberry Pi</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A7/how-to-use-abs-function-in-php-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-pouzivat-funkci-abs-v-php">Jak používat funkci Abs() v PHP</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/6D/how-to-change-network-interface-naming-policy-on-ubuntu-debian-rhel-centos-fedora-rocky-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-zmenit-zasady-pojmenovani-sitoveho-rozhrani-na-ubuntu-debian-rhel-centos-fedora-rocky-linux">Jak změnit zásady pojmenování síťového rozhraní na Ubuntu/Debian/RHEL/CentOS/Fedora/Rocky Linux</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E3/how-to-install-git-on-pop-os-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-nainstalovat-git-na-pop-os">Jak nainstalovat Git na Pop!_OS</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/29/php-data-types-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/datove-typy-php">Datové typy PHP</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A5/sql-ascending-order-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sql-vzestupne-poradi">SQL vzestupné pořadí</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/3D/what-is-the-most-powerful-discord-bot-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jaky-je-nejvykonnejsi-discord-bot">Jaký je nejvýkonnější Discord Bot?</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E6/microsoft-excel-keeps-crashing-or-not-responding-on-windows-10-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/microsoft-excel-neustale-pada-nebo-nereaguje-v-systemu-windows-10">Microsoft Excel neustále padá nebo nereaguje v systému Windows 10</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/05/swift-dictionary-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/rychly-slovnik">Rychlý slovník</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5C/pandas-sum-column-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pandas-sumovy-sloupec">Pandas Sumový sloupec</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/62/how-to-find-a-color-code-in-html-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-najit-kod-barvy-v-html">Jak najít kód barvy v HTML</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/91/basename-function-in-c-language-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/basename-funkce-v-jazyce-c">Basename() Funkce v jazyce C</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div> </div> </div> </div><!-- END COL --> </div> </section> </div><!-- END COLORLIB-MAIN --> </div><!-- END COLORLIB-PAGE --> <!-- loader --> <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>