Čo robí udalosť onmouseover v JavaScripte

' onmouseover ” udalosť vykoná požadovanú úlohu, keď používateľ umiestni kurzor myši na prvok HTML. Podporuje všetky typy prvkov HTML okrem „“, „“, „ <base>“, „<style>“, „<head>“, „ <body>“, „<script>“ , ' <iframe>', '<meta>', ' <br>', ' <bdo>' a '<param>'. V JavaScripte sa väčšinou používa na vyvolanie a vykonanie funkcie na vykonanie konkrétnej úlohy pri spúšťaní udalosti.<p> Táto príručka bude demonštrovať cieľ a fungovanie udalosti „onmouseover“ v jazyku JavaScript.</p> <h2> <strong> Ako funguje udalosť „onmouseover“ v JavaScripte?</strong> </h2> <p> ' <strong> onmouseover</strong> Udalosť ” umožňuje vykonať funkciu JavaScript umiestnením kurzora myši na zadaný prvok.</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <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/OsgKPvmcPAo?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 /> element.<span class="me1"> onmouseover</span> <span class="sy0"> =</span> funkciu<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> myScript<span class="br0"> }</span><span class="sy0"> ;</span> <p> Vo vyššie uvedenej 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> element:</strong> Špecifikuje konkrétny prvok HTML, ako napríklad „<p>“, „<h2>“, „<h3>“ atď.</li> <li> <strong> funkcia():</strong> Predstavuje definovanú funkciu, ktorá bude vyvolaná pri spúšťaní udalosti.</li> <li> <strong> myScript:</strong> Vzťahuje sa na definíciu funkcie na vykonanie špecifickej úlohy, keď nastane udalosť „onmouseover“.</li> </ul> <p> <strong> Syntax (S metódou „addEventListener()“)</strong> </p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <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> element.<span class="me1"> addEventListener</span><span class="br0"> (</span><span class="st0"> 'prejdi myšou'</span> , myScript<span class="br0"> )</span><span class="sy0"> ;</span> <p> Vo vyššie uvedenej syntaxi je „ <strong> addEventListner()</strong> ” metóda pripája “ <strong> onmouseover</strong> ” udalosť na vykonanie funkcie JavaScript na vykonanie niektorých úloh.</p> <h3> <strong> Príklad 1: Použitie udalosti „onmouseover“ na zobrazenie výstražného poľa na základe základnej syntaxe</strong> </h3> <p> V tomto scenári „ <strong> onmouseover</strong> “ udalosť môže byť spojená s “ <strong> <p></strong> “, tj prvok HTML odstavca na zobrazenie výstražného poľa s poskytnutou správou pri spustení udalosti.</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <h3> <strong> HTML kód</strong> </h3> <p> Najprv si pozrite nasledujúci HTML kód:</p> <span class="sy0"> <</span> h2 zarovnať<span class="sy0"> =</span><span class="st0"> 'stred'</span><span class="sy0"> ></span> Zobraziť upozornenie <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+box"><span class="kw3"> Box</span></a> Použitím<span class="st0"> 'onmouseover'</span> Udalosť<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p onmouseover<span class="sy0"> =</span><span class="st0"> 'vzorka()'</span><span class="sy0"> ></span> Umiestnite kurzor myši<span class="kw1"> toto</span> odseku, aby sa zobrazilo okno s upozornením.<span class="sy0"> </</span> p<span class="sy0"> ></span> <p> Vo vyššie uvedenom kóde:</p> <ul> <li> Najprv pridajte podnadpis úrovne 2 cez „ <strong> <h2></strong> “ a nastavte jej zarovnanie na „stred“.</li> <li> Ďalej zahrňte odsek s pridruženým „ <strong> onmouseover</strong> “, presmerovanie udalosti na funkciu s názvom “ <strong> vzorka()</strong> “, ktorý sa spustí po umiestnení kurzora myši na tento odsek.</li> </ul> <h3> <strong> JavaScript kód</strong> </h3> <p> Teraz si pozrite nižšie uvedený kód JavaScript:</p> <span class="sy0"> <</span> skript<span class="sy0"> ></span> <br> <br> vzorka funkcie<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> upozorniť<span class="br0"> (</span><span class="st0"> 'spustená udalosť onmouseover'</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> Vo vyššie uvedenom útržku kódu je funkcia „ <strong> vzorka()</strong> ” je vyhlásené, že zobrazuje “ <strong> upozorniť</strong> ” s uvedenou správou, keď sa spustí udalosť „onmouseover“.</p> <p> <strong> Výkon</strong> </p> <p> <strong> <img class="wp-image-324019" src="https://softoban.com/img/other/72/what-does-onmouseover-event-do-in-javascript-1.gif"></strong> </p> <p> Tento výstup znamená, že keď myšou prejdete na odsek, objaví sa pole „upozornenie“ zobrazujúce uvedenú správu.</p> <h3> <strong> Príklad 2: Použitie udalosti „onmouseover“ na zmenu farby pozadia na základe syntaxe metódy „addEventListener()“</strong> </h3> <p> Tento príklad aplikuje udalosť „onmouseover“ s metódou „addEventListener()“ na zmenu odseku „ <strong> farba pozadia</strong> “ pri spustení udalosti.</p> <h3> <strong> HTML kód</strong> </h3> <p> HTML kód je uvedený nižšie:</p> <span class="sy0"> <</span> h2 zarovnať<span class="sy0"> =</span><span class="st0"> 'stred'</span><span class="sy0"> ></span> Zmena pozadia <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+color"><span class="kw3"> Farba</span></a> Použitím<span class="st0"> 'onmouseover'</span> Udalosť<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p id<span class="sy0"> =</span><span class="st0"> 'test'</span><span class="sy0"> ></span> Umiestnite kurzor myši<span class="kw1"> toto</span> odseku, aby ste zmenili farbu pozadia.<span class="sy0"> </</span> p<span class="sy0"> ></span> <p> Vo vyššie uvedených riadkoch kódu:</p> <ul> <li> Rovnako tak „ <strong> <h2></strong> ” prvok vytvorí podnadpis 2. úrovne zarovnaný na “ <strong> stred</strong> “.</li> <li> Potom sa „ <strong> <p></strong> ” prvok predstavuje odsek s id “test”.</li> </ul> <h3> <strong> JavaScript kód</strong> </h3> <p> Teraz prejdite na nasledujúci 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"> 'test'</span><span class="br0"> )</span> .<span class="me1"> addEventListener</span><span class="br0"> (</span><span class="st0"> 'prejdi myšou'</span> , demo<span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> demo funkcie<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"> 'test'</span><span class="br0"> )</span> .<span class="me1"> štýl</span> .<span class="me1"> pozadie</span> <span class="sy0"> =</span> <span class="st0"> 'Ružová'</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> skript<span class="sy0"> ></span> <p> Vo vyššie uvedenom bloku kódu:</p> <ul> <li> ' <strong> getElementById()</strong> “ sa používa v kombinácii s „ <strong> addEventListener()</strong> ” metóda na načítanie odseku cez jeho priradené id “test” a priradenie udalosti “mouseover” k uvedenej funkcii ako jej argumentu.</li> <li> Teraz definujte funkciu ' <strong> myfunc()</strong> “.</li> <li> V definícii funkcie je „ <strong> document.getElementById()</strong> “ metóda používa “ <strong> štýl.pozadie</strong> ” na zmenu farby pozadia odseku pri spúšťaní udalosti.</li> </ul> <p> <strong> Výkon</strong> </p> <p> <strong> <img class="wp-image-324020" src="https://softoban.com/img/other/72/what-does-onmouseover-event-do-in-javascript-2.gif"></strong> </p> <p> Ako je vidieť, „ <strong> farba pozadia</strong> “ odseku sa zmenil po spustenej udalosti, t. j. „prejdenie myšou“.</p> <h2> <strong> Záver</strong> </h2> <p> JavaScript ponúka vstavaný „ <strong> onmouseover</strong> ” udalosť, ktorá spustí požadovanú akciu po umiestnení kurzora myši na prvok HTML. Vyvolá funkciu JavaScriptu na vykonanie zadanej akcie pri spúšťaní udalosti. Môže byť implementovaný pomocou „ <button>“ alebo iného HTML prvku, ako je „<p>“, „<h>“ atď. Tento príspevok vysvetľuje použitie a funkčnosť udalosti „onmouseover“ v JavaScripte.</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="/ine/" class="tag-cloud-link">Iné</a> </div> </div> </div> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Kategórie</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Malinový Koláč</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Iné</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Priblíženie</a> </li><li> <a href="/cinnamon/">Škorica</a> </li><li> <a href="/reviews/">Recenzie</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/">Otvorené Plátno</a> </li><li> <a href="/compression/">Kompresia</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Aircrack</a> </li><li> <a href="/office-productivity-software/">Kancelársky Produktový Softvér</a> </li><li> <a href="/boot/">Topánka</a> </li><li> <a href="/system-calls/">Systémové Hovory</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Vytváranie Sietí</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/">Dok</a> </li><li> <a href="/firewall/">Požarne Dvere</a> </li><li> <a href="/wireshark/">Wirehark</a> </li><li> <a href="/synology/">Synology</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/">Vznešený</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">Telefón</a> </li><li> <a href="/kodi/">Kód</a> </li><li> <a href="/gnome/">Škriatok</a> </li><li> <a href="/manjaro/">Lahôdka</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/">Bystrina</a> </li><li> <a href="/tablet/">Tabletu</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Zvinúť</a> </li><li> <a href="/kde/">Kde</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Písma</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/">Chobotnice</a> </li><li> <a href="/mate/">Kamarát</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ávesnica</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Šifrovanie</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/">Atóm</a> </li><li> <a href="/red-hat/">Červený Klobúk</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/">Suse</a> </li><li> <a href="/media-players/">Prehrávačov Médií</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Para</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Moc</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/">Uchopenie</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/">Cpu</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/">Windows</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Staršie)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Kancelária</a> </li><li> <a href="/ine/">Iné</a> </li><li> <a href="/malinovy-kolac/">Malinový koláč</a> </li><li> <a href="/webkamera/">webkamera</a> </li><li> <a href="/prehravace-medii/">prehrávače médií</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/skriatok/">škriatok</a> </li><li> <a href="/vzneseny/">vznešený</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/cnost/">cnosť</a> </li><li> <a href="/usb-priechod/">usb-priechod</a> </li><li> <a href="/secure-boot/">#secure-boot</a> </li><li> <a href="/zariadenim-passthrough/">zariadením-passthrough</a> </li><li> <a href="/sdn/">SDN</a> </li><li> <a href="/instalacia-ovladaca/">inštalácia ovládača</a> </li><li> <a href="/wakeonlan/">wakeonlan</a> </li><li> <a href="/dsm7-cat/">dsm7</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Populárne Príspevky</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/48/windows-equivalent-of-export-command-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/windows-ekvivalent-prikazu-export">Windows Ekvivalent príkazu export</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/87/what-are-vulkan-runtime-libraries-and-is-it-safe-to-remove-them-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/co-su-kniznice-vulkan-runtime-a-je-bezpecne-ich-odstranit">Čo sú knižnice Vulkan Runtime a je bezpečné ich odstrániť?</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/CB/how-to-install-deb-packages-on-ubuntu-debian-linux-mint-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ako-nainstalovat-baliky-deb-na-ubuntu-debian-linux-mint">Ako nainštalovať balíky DEB na Ubuntu/Debian/Linux Mint</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/C5/4-ways-to-remove-weather-from-taskbar-on-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/4-sposoby-ako-odstranit-pocasie-z-panela-uloh-v-systeme-windows">4 spôsoby, ako odstrániť počasie z panela úloh v systéme Windows</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/CC/how-to-display-image-using-matplotlib-imshow-method-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ako-zobrazit-obrazok-pomocou-metody-matplotlib-imshow">Ako zobraziť obrázok pomocou metódy Matplotlib „imshow()“.</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/95/what-are-some-good-welcome-bots-for-discord-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ake-su-dobre-uvitacie-roboty-pre-nezhody">Aké sú dobré uvítacie roboty pre nezhody?</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/53/can-i-use-esp32-without-arduino-ide-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mozem-pouzivat-esp32-bez-arduino-ide">Môžem používať ESP32 bez Arduino IDE?</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/26/how-to-build-template-formats-in-langchain-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ako-vytvorit-formaty-sablon-v-langchain">Ako vytvoriť formáty šablón v LangChain?</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/18/how-to-manage-large-scale-projects-in-minecraft-organizing-and-managing-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ako-spravovat-rozsiahle-projekty-v-minecraft-organizovanie-a-riadenie">Ako spravovať rozsiahle projekty v Minecraft: Organizovanie a riadenie</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/50/salesforce-apex-string-class-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/salesforce-apex-trieda-retazcov">Salesforce Apex – trieda reťazcov</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/C6/3-easy-ways-to-place-two-divs-side-by-side-in-css-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/3-jednoduche-sposoby-ako-umiestnit-dva-prvky-div-vedla-seba-v-css">3 jednoduché spôsoby, ako umiestniť dva prvky Div vedľa seba v CSS</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/81/how-to-resolve-system-backup-failed-on-windows-10-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ako-vyriesit-zlyhanie-zalohovania-systemu-v-systeme-windows-10">Ako vyriešiť zlyhanie zálohovania systému v systéme Windows 10</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/75/how-to-fix-general-desktop-roblox-issues-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ako-vyriesit-vseobecne-problemy-s-robloxom-na-pracovnej-ploche">Ako vyriešiť všeobecné problémy s Robloxom na pracovnej ploche</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/check-if-body-has-a-specific-class-using-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/skontrolujte-ci-ma-telo-specificku-triedu-pomocou-javascriptu">Skontrolujte, či má telo špecifickú triedu pomocou JavaScriptu</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/76/how-to-work-with-powers-and-exponentials-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ako-pracovat-s-mocninami-a-exponencialami-v-matlabe">Ako pracovať s mocninami a exponenciálami v MATLABE</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/34/how-to-install-roblox-on-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ako-nainstalovat-roblox-na-linux-mint-21">Ako nainštalovať Roblox na Linux Mint 21</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/66/how-to-use-the-set-itemproperty-microsoft-powershell-management-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ako-pouzivat-vlastnost-set-itemproperty-microsoft-powershell-management">Ako používať vlastnosť Set-ItemProperty (Microsoft.PowerShell.Management)?</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/0A/what-is-amazon-elasticache-a-beginner-friendly-guide-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/co-je-amazon-elasticache-prirucka-vhodna-pre-zaciatocnikov">Čo je Amazon ElastiCache? Príručka vhodná pre začiatočníkov</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/E1/how-do-i-download-aws-vault-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ako-si-stiahnem-aws-vault">Ako si stiahnem AWS Vault?</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/17/c-ternary-operator-1.jpeg);"></a> <div class="text"> <h3 class="heading"> <a href="/ternarny-operator-c">Ternárny operátor C++</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div>  <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>