Kaj počne dogodek onfocus v JavaScriptu

' onfocus ” je dobro znan dogodek, ki se večinoma uporablja pri delu z obrazci v JavaScriptu. Sproži se, ko je povezan element HTML v fokusu. Deluje na vseh vrstah elementov HTML, razen na “”, “”, “ <base>”, “<style>”, “<head>”, “ <body>”, “<script> “, “ <iframe>”, “<meta>”, “ <br>”, “ <bdo>” in “<param>”. Ta dogodek, tj. <strong> onfocus</strong> ” se običajno uporablja v vnosnem polju HTML za preverjanje veljavnosti vseh vrst obrazcev.<p> Ta objava pojasnjuje cilj, delovanje in uporabo dogodka »onfocus« v JavaScriptu.</p> <h2> <strong> Kako deluje »onfocus dogodek« v JavaScriptu?</strong> </h2> <p> ' <strong> onfocus</strong> ” se sproži, ko se izostri določen element HTML. Poleg tega prikliče izvajanje povezane funkcije JavaScript.</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/q2myAEZdIsE?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <br /> <p> <strong> Sintaksa</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"> onfocus</span> <span class="sy0"> =</span> funkcijo<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> myScript<span class="br0"> }</span><span class="sy0"> ;</span> <p> V zgornji sintaksi:</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> Predstavlja element HTML.</li> <li> <strong> funkcija():</strong> Nanaša se na funkcijo, ki jo je treba poklicati ob sprožitvi dogodka.</li> <li> <strong> myScript:</strong> Ustreza definiciji funkcije za izvedbo posebne naloge, ko pride do dogodka »onfocus«.</li> </ul> <h2> <strong> Kako uporabiti »onfocus dogodek« v JavaScriptu?</strong> </h2> <p> ' <strong> onfocus</strong> ” se lahko v JavaScriptu uporabi na različne načine. Ta razdelek izvaja različne taktične primere za ponazoritev njegove uporabe.</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> <h2> <strong> Primer 1: Sprožitev</strong> “ <strong> onfocus dogodek</strong> ” <strong> s spremembo barve ozadja vnosnega polja</strong> </h2> <p> Ta primer sproži ' <strong> onfocus</strong> ” s spremembo barve ozadja polja za vnos besedila s pomočjo uporabniško določene funkcije JavaScript.</p> <h3> <strong> HTML koda</strong> </h3> <p> Najprej pregled naslednje kode HTML:</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> onfocus <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+event"><span class="kw3"> Dogodek</span></a> V JavaScriptu<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> str<span class="sy0"> ></span> Za fokus kliknite znotraj vnosnega polja<span class="br0"> (</span> onfocus<span class="br0"> )</span> .<span class="sy0"> </</span> str<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"> Ime</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> vrsta vnosa<span class="sy0"> =</span><span class="st0"> 'besedilo'</span> id<span class="sy0"> =</span><span class="st0"> 'demo'</span> rezervirano mesto<span class="sy0"> =</span><span class="st0"> 'Vnesite svoje ime'</span> onfocus<span class="sy0"> =</span><span class="st0"> 'func()'</span><span class="sy0"> ></span> <p> V zgornji kodi:</p> <ul> <li> ' <strong> <h2></strong> ” določa podnaslov in <strong> <p></strong> ” ustvari odstavek oz.</li> <li> Po tem je ' <strong> <vnos></strong> ” oznaka, ki predstavlja polje za vnos besedila, je označena z <strong> Ime</strong> «, tip vsebine kot » <strong> besedilo</strong> «, povezan ID kot » <strong> demo</strong> «, in navedeni nadomestni znak.</li> <li> Tudi ' <strong> onfocus</strong> ' dogodek je določen za preusmeritev na funkcijo z imenom ' <strong> func()</strong> ”.</li> </ul> <h3> <strong> Koda JavaScript</strong> </h3> <p> Nato pojdite skozi spodaj navedeno kodo JavaScript:</p> <span class="sy0"> <</span> scenarij<span class="sy0"> ></span> <br> <br> funkcija funk<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"> stil</span> .<span class="me1"> ozadje</span> <span class="sy0"> =</span> <span class="st0"> 'roza'</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> scenarij<span class="sy0"> ></span> <p> V zgornjih vrsticah kode:</p> <ul> <li> Funkcija z imenom ' <strong> func()</strong> ” je definiran.</li> <li> V definiciji funkcije je ' <strong> document.getElementById()</strong> ” pridobi odstavek prek njegovega id-ja in uporabi <strong> slog.ozadje</strong> ” lastnina.</li> <li> To je tako, da se barva ozadja polja za vnos besedila spremeni ob dogodku, tj. sprožitvi »onfocus«.</li> </ul> <p> <strong> Izhod</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> Izhod potrjuje, da ko je ' <strong> onfocus</strong> ” sproži dogodek, se barva ozadja danega vnosnega polja ustrezno spremeni.</p> <h2> <strong> Primer 2: Sprožitev</strong> “ <strong> onfocus dogodek</strong> ” <strong> Prek opozorilnega polja</strong> </h2> <p> V tem primeru se lahko ob dogodku prikaže opozorilno polje, tj. <strong> onfocus</strong> ” prek uporabniško določene funkcije.</p> <h3> <strong> HTML koda</strong> </h3> <p> Najprej si oglejte to kodo HTML:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> onfocus <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+event"><span class="kw3"> Dogodek</span></a> V JavaScriptu<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> str<span class="sy0"> ></span> Kliknite znotraj polja za vnos, da dobite fokus<span class="br0"> (</span> onfocus<span class="br0"> )</span> .<span class="sy0"> </</span> str<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"> Ime</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> vrsta vnosa<span class="sy0"> =</span><span class="st0"> 'besedilo'</span> id<span class="sy0"> =</span><span class="st0"> 'pass1'</span> rezervirano mesto<span class="sy0"> =</span><span class="st0"> 'Vnesite svoje ime'</span><span class="sy0"> ></span> <p> V zgornjem bloku kode HTML:</p> <ul> <li> Podobno dodajte podnaslov 2. stopnje prek » <strong> <h2></strong> « in vključite odstavek z uporabo » <strong> <p></strong> ' oznaka.</li> <li> Podobno je vnosno polje definirano z navedeno oznako, vrsto vsebine, ID-jem oziroma ogrado.</li> </ul> <h3> <strong> Koda JavaScript</strong> </h3> <p> Zdaj pa razmislite o naslednji kodi JavaScript:</p> <span class="sy0"> <</span> scenarij<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"> onfocus</span> <span class="sy0"> =</span> funkcijo<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> predstavitev funkcije<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> opozorilo<span class="br0"> (</span><span class="st0"> 'Vnosno polje se fokusira.'</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> scenarij<span class="sy0"> ></span> <p> V zgornjem delčku kode:</p> <ul> <li> ' <strong> document.getElementById()</strong> ” metoda pridobi vnosno polje prek svojega ID-ja in poveže dogodek, tj. <strong> onfocus</strong> « z njim.</li> <li> Tako je, da funkcija JavaScript ' <strong> demo()</strong> « se prikliče ob sprožitvi dogodka in prikaže » <strong> opozorilo</strong> « polje z navedenim sporočilom.</li> </ul> <p> <strong> Izhod</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> V tem izhodu je mogoče opaziti, da ko z miško kliknemo znotraj vnosnega polja, se element izostri in tako se prikaže okno »opozorilo«, ki prikazuje navedeno sporočilo.</p> <h2> <strong> Zaključek</strong> </h2> <p> JavaScript ponuja » <strong> onfocus</strong> ”, ki se sproži, ko se povezani element HTML premakne znotraj njega, tj. dobi fokus. To je obratno od ' <strong> onblur</strong> ” dogodek, ki se sproži, ko element izgubi fokus. Uporablja se lahko za priklic funkcije JavaScript za izvedbo želene naloge, ko se sproži. Ta vodnik je pokazal namen, delovanje in uporabo dogodka »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="/drugo/" class="tag-cloud-link">drugo</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">Kategorija</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Malina Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Drugo</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Povečavo</a> </li><li> <a href="/cinnamon/">Cimet</a> </li><li> <a href="/reviews/">Ocene</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radio</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">Stiskanje</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Zračna Razpoka</a> </li><li> <a href="/office-productivity-software/">Programska Oprema Za Pisarniško Produktivnost</a> </li><li> <a href="/boot/">Zagon</a> </li><li> <a href="/system-calls/">Sistemski Klici</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Mreženje</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/">Docker</a> </li><li> <a href="/firewall/">Požarni Zid</a> </li><li> <a href="/wireshark/">Žica</a> </li><li> <a href="/synology/">Sinoniologija</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Os Papiga</a> </li><li> <a href="/sublime/">Vzvišeno</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hiper-V</a> </li><li> <a href="/phone/">Telefon</a> </li><li> <a href="/kodi/">Koda</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Poslastica</a> </li><li> <a href="/mouse/">Miško</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Hudournik</a> </li><li> <a href="/tablet/">Tablični Računalnik</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Curl</a> </li><li> <a href="/kde/">Kje</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Pisave</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Slike</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Lignji</a> </li><li> <a href="/mate/">Kolega</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/">Tipkovnico</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Šifriranje</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/">Rdeč Klobuk</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/">Beležnica Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Spletni Dnevnik</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Medijski Predvajalniki</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Pare</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Moč</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/">Oprijem</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odiseja</a> </li><li> <a href="/audio/">Zvok</a> </li><li> <a href="/cpu/">Procesor</a> </li><li> <a href="/tensorflow/">Tenzorski Tok</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 (Zapuščina)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Pisarna</a> </li><li> <a href="/drugo/">drugo</a> </li><li> <a href="/spletna-kamera/">Spletna kamera</a> </li><li> <a href="/medijski-predvajalniki/">medijski predvajalniki</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/skorenj/">škorenj</a> </li><li> <a href="/vzviseno/">vzvišeno</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/vrlina/">vrlina</a> </li><li> <a href="/usb-prehod/">usb-prehod</a> </li><li> <a href="/varni-zagon/">#varni zagon</a> </li><li> <a href="/prehod-naprave/">prehod naprave</a> </li><li> <a href="/sdn/">SDN</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Priljubljene Objave</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/93/ntpdate-command-in-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ukaz-ntpdate-v-linuxu">Ukaz Ntpdate v Linuxu</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/20/how-to-enable-and-disable-lockdown-mode-on-iphone-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-omogociti-in-onemogociti-nacin-zaklepanja-na-iphoneu">Kako omogočiti in onemogočiti način zaklepanja na iPhoneu</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/8D/how-to-use-operator-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-uporabljati-operator-v-javi">Kako uporabljati operator “|=” v Javi</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/9E/can-i-connect-a-9v-battery-to-arduino-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ali-lahko-prikljucim-9v-baterijo-na-arduino">Ali lahko priključim 9V baterijo na Arduino</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/31/how-to-use-break-and-continue-in-php-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-uporabiti-prekinitev-in-nadaljevanje-v-php">Kako uporabiti prekinitev in nadaljevanje v PHP?</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/BB/automount-drives-on-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/samodejna-namestitev-pogonov-v-sistemu-linux">Samodejna namestitev pogonov v sistemu Linux</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/08/docker-architecture-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/dockerjeva-arhitektura">Dockerjeva arhitektura</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/84/how-to-connect-to-mongodb-database-on-aws-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-se-povezati-z-bazo-podatkov-mongodb-na-aws">Kako se povezati z bazo podatkov MongoDB na AWS</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/4F/what-is-the-best-pet-in-adopt-me-roblox-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kateri-je-najboljsi-hisni-ljubljencek-v-adopt-me-roblox">Kateri je najboljši hišni ljubljenček v Adopt Me Roblox</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/4C/how-to-take-input-from-a-user-in-bash-script-advanced-techniques-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-prevzeti-vnos-od-uporabnika-v-skriptu-bash-napredne-tehnike">Kako prevzeti vnos od uporabnika v skriptu Bash [Napredne tehnike]</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/11/how-to-run-macos-on-aws-ec2-instance-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-zagnati-macos-na-primerku-aws-ec2">Kako zagnati macOS na primerku AWS EC2</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/AC/how-to-apply-text-decoration-with-tailwind-hover-focus-and-active-states-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-uporabiti-dekoracijo-besedila-z-lebdenjem-v-zadnjem-vetru-fokusom-in-aktivnimi-stanji">Kako uporabiti dekoracijo besedila z lebdenjem v zadnjem vetru, fokusom in aktivnimi stanji</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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-8217-s-the-difference-between-ul-and-lu-c-format-specifiers-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kaksna-je-razlika-med-specifikatorjema-formata-ul-in-lu-c">Kakšna je razlika med specifikatorjema formata %ul in %lu C?</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/58/what-is-the-omit-type-in-typescript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kaj-je-omit-type-v-typescript">Kaj je Omit Type v TypeScript?</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/DC/how-to-use-env-command-in-linux-8211-examples-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-uporabljati-ukaz-env-v-linuxu-primeri">Kako uporabljati ukaz env v Linuxu – Primeri</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/12/how-do-i-give-permission-to-a-shell-script-on-a-mac-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-dam-dovoljenje-lupinskemu-skriptu-v-macu">Kako dam dovoljenje lupinskemu skriptu v Macu</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/F7/how-to-get-environment-variables-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-pridobiti-spremenljivke-okolja-v-javi">Kako pridobiti spremenljivke okolja v Javi?</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/CA/how-to-passthrough-nvidia-gpu-to-proxmox-ve-8-containers-for-cuda-ai-acceleration-and-media-transcoding-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-prenesti-nvidia-gpu-v-vsebnike-proxmox-ve-8-za-pospesevanje-cuda-ai-in-prekodiranje-medijev">Kako prenesti NVIDIA GPU v vsebnike Proxmox VE 8 za pospeševanje CUDA/AI in prekodiranje medijev</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/D8/what-is-a-parrot-worth-in-adopt-me-roblox-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/koliko-je-papiga-vredna-v-adopt-me-roblox">Koliko je papiga vredna v Adopt Me Roblox?</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/3E/how-to-uninstall-git-on-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-odstraniti-git-v-sistemu-windows">Kako odstraniti Git v sistemu Windows</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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>