Ano ang Ginagawa ng onfocus Event sa JavaScript

Ang ' onfocus ” Ang kaganapan ay isang kilalang kaganapan na kadalasang ginagamit habang nagtatrabaho sa mga form sa JavaScript. Nagti-trigger ito kapag ang nauugnay na elemento ng HTML ay nakatutok. Gumagana ito sa lahat ng uri ng mga elemento ng HTML maliban sa “”, “”, “ <base>”, “<style>”, “<head>”, “ <body>”, “<script> ”, “ <iframe>”, “<meta>”, “ <br>”, “ <bdo>”, at “<param>” na mga elemento. Ang kaganapang ito i.e., ' <strong> onfocus</strong> ” ay karaniwang ginagamit sa HTML input field para sa pagpapatunay ng lahat ng uri ng mga form.<p> Ipinapaliwanag ng post na ito ang layunin, pagtatrabaho, at paggamit ng kaganapang 'onfocus' sa JavaScript.</p> <h2> <strong> Paano Gumagana ang 'onfocus Event' sa JavaScript?</strong> </h2> <p> Ang ' <strong> onfocus</strong> ” na kaganapan ay na-trigger kapag ang partikular na elemento ng HTML ay nakatutok. Bukod dito, hinihikayat nito ang pagpapatupad ng nauugnay na function ng 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> 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 /> elemento.<span class="me1"> onfocus</span> <span class="sy0"> =</span> function<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> myScript<span class="br0"> }</span><span class="sy0"> ;</span> <p> Sa itaas na syntax:</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> elemento:</strong> Kinakatawan nito ang elemento ng HTML.</li> <li> <strong> function():</strong> Ito ay tumutukoy sa function na kailangang i-invoke sa trigger ng kaganapan.</li> <li> <strong> myScript:</strong> Ito ay tumutugma sa kahulugan ng function upang maisagawa ang partikular na gawain kapag nangyari ang kaganapang 'onfocus'.</li> </ul> <h2> <strong> Paano Gumamit ng 'onfocus Event' sa JavaScript?</strong> </h2> <p> Ang ' <strong> onfocus</strong> ” na kaganapan ay maaaring magamit sa iba't ibang paraan sa JavaScript. Ang seksyong ito ay nagdadala ng iba't ibang mga taktikal na halimbawa upang ilarawan ang paggamit nito.</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> Halimbawa 1: Pagti-trigger ng</strong> “ <strong> onfocus Kaganapan</strong> ” <strong> sa pamamagitan ng Pagbabago sa Input Field na Kulay ng Background</strong> </h2> <p> Ang halimbawang ito ay nagpapalitaw ng ' <strong> onfocus</strong> ” kaganapan sa pamamagitan ng pagpapalit ng kulay ng background ng field ng input ng text sa tulong ng function ng JavaScript na tinukoy ng user.</p> <h3> <strong> HTML Code</strong> </h3> <p> Una, pangkalahatang-ideya ng sumusunod na HTML code:</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"> Kaganapan</span></a> Sa JavaScript<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p<span class="sy0"> ></span> Mag-click sa loob ng input field para makakuha ng focus<span class="br0"> (</span> onfocus<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"> Pangalan</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> uri ng input<span class="sy0"> =</span><span class="st0"> 'text'</span> id<span class="sy0"> =</span><span class="st0"> 'demo'</span> placeholder<span class="sy0"> =</span><span class="st0"> 'Ilagay ang iyong pangalan'</span> onfocus<span class="sy0"> =</span><span class="st0"> 'func()'</span><span class="sy0"> ></span> <p> Sa code sa itaas:</p> <ul> <li> Ang ' <strong> <h2></strong> Tinutukoy ng tag na ' ang subheading at ang ' <strong> <p></strong> ” ang tag ay lumilikha ng isang talata, ayon sa pagkakabanggit.</li> <li> Pagkatapos nito, ang ' <strong> <input></strong> 'tag na kumakatawan sa input text field ay may label na ' <strong> Pangalan</strong> ”, uri ng nilalaman bilang “ <strong> text</strong> ”, nauugnay na id bilang “ <strong> demo</strong> ”, at ang nakasaad na placeholder.</li> <li> Din ang ' <strong> onfocus</strong> Ang kaganapan ay tinukoy upang i-redirect sa function na pinangalanang ' <strong> func()</strong> ”.</li> </ul> <h3> <strong> JavaScript Code</strong> </h3> <p> Susunod, dumaan sa ibinigay na JavaScript code sa ibaba:</p> <span class="sy0"> <</span> iskrip<span class="sy0"> ></span> <br> <br> function function<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> dokumento.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'demo'</span><span class="br0"> )</span> .<span class="me1"> istilo</span> .<span class="me1"> background</span> <span class="sy0"> =</span> <span class="st0"> 'pink'</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> iskrip<span class="sy0"> ></span> <p> Sa itaas na mga linya ng code:</p> <ul> <li> Isang function na pinangalanang ' <strong> func()</strong> ” ay tinukoy.</li> <li> Sa kahulugan ng function, ang ' <strong> document.getElementById()</strong> Kinukuha ng paraan ang talata sa pamamagitan ng id nito at inilalapat ang ' <strong> istilo.background</strong> ” ari-arian.</li> <li> Ito ay tulad na ang kulay ng background ng input text field ay nagbabago sa kaganapan i.e., 'onfocus' na trigger.</li> </ul> <p> <strong> Output</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> Kinukumpirma ng output na kapag ang ' <strong> onfocus</strong> ” na nag-trigger ng kaganapan, ang kulay ng background ng ibinigay na field ng input ay nagbabago nang naaayon.</p> <h2> <strong> Halimbawa 2: Pagti-trigger ng</strong> “ <strong> onfocus Kaganapan</strong> ” <strong> Sa pamamagitan ng Alert Box</strong> </h2> <p> Sa halimbawang ito, maaaring ipakita ang isang alert box sa kaganapan i.e., ' <strong> onfocus</strong> ” trigger sa pamamagitan ng function na tinukoy ng user.</p> <h3> <strong> HTML Code</strong> </h3> <p> Una, tingnan ang sumusunod na HTML code:</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"> Kaganapan</span></a> Sa JavaScript<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p<span class="sy0"> ></span> Mag-click sa loob mula sa field ng input upang makakuha ng focus<span class="br0"> (</span> onfocus<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"> Pangalan</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> uri ng input<span class="sy0"> =</span><span class="st0"> 'text'</span> id<span class="sy0"> =</span><span class="st0"> 'pass1'</span> placeholder<span class="sy0"> =</span><span class="st0"> 'Ilagay ang iyong pangalan'</span><span class="sy0"> ></span> <p> Sa itaas na HTML code block:</p> <ul> <li> Gayundin, magdagdag ng subheading ng level 2 sa pamamagitan ng “ <strong> <h2></strong> ” tag at isama ang isang talata gamit ang “ <strong> <p></strong> ” tag.</li> <li> Katulad nito, ang isang input field ay tinukoy sa pamamagitan ng nakasaad na label, uri ng nilalaman, id, at placeholder, ayon sa pagkakabanggit.</li> </ul> <h3> <strong> JavaScript Code</strong> </h3> <p> Ngayon, isaalang-alang ang sumusunod na JavaScript code:</p> <span class="sy0"> <</span> iskrip<span class="sy0"> ></span> <br> <br> dokumento.<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> function<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> function na demo<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> alerto<span class="br0"> (</span><span class="st0"> 'Makatuon ang field ng input.'</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> iskrip<span class="sy0"> ></span> <p> Sa snippet ng code sa itaas:</p> <ul> <li> Ang ' <strong> document.getElementById()</strong> Kinukuha ng ” method ang input field sa pamamagitan ng id nito at iniuugnay ang event i.e., “ <strong> onfocus</strong> ' kasama.</li> <li> Ito ay tulad na ang JavaScript function na ' <strong> demo()</strong> Ang ” ay hinihingi sa trigger ng kaganapan at ipinapakita ang “ <strong> alerto</strong> ” kahon na may nakasaad na mensahe.</li> </ul> <p> <strong> Output</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> Sa output na ito, mapapansin na kapag ang mouse ay nag-click sa loob ng input field, ang elemento ay nakatutok at kaya ang 'alerto' na kahon ay nagpa-pop up na nagpapakita ng nakasaad na mensahe.</p> <h2> <strong> Konklusyon</strong> </h2> <p> Ang JavaScript ay nag-aalok ng ' <strong> onfocus</strong> ” kaganapan na na-trigger kapag ang nauugnay na elemento ng HTML ay gumagalaw sa loob nito ibig sabihin, nakakakuha ng focus. Ito ay kabaligtaran ng ' <strong> onblur</strong> ” event na nagti-trigger kapag nawalan ng focus ang elemento. Maaari itong magamit upang i-invoke ang JavaScript function para sa pagsasagawa ng nais na gawain kapag na-trigger. Ipinakita ng gabay na ito ang layunin, paggawa, at paggamit ng kaganapang 'onfocus' sa JavaScript.</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="/iba-pa/" class="tag-cloud-link">Iba pa</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">Kategorya</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Iba Pa</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Mag-Zoom</a> </li><li> <a href="/cinnamon/">Kanela</a> </li><li> <a href="/reviews/">Mga Pagsusuri</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radyo</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/">Pagsiksik</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Aircrack</a> </li><li> <a href="/office-productivity-software/">Software Ng Kakayahang Gumawa Ng Opisina</a> </li><li> <a href="/boot/">Boot</a> </li><li> <a href="/system-calls/">Mga Tawag Sa System</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Networking</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/">Pantalan</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Wireshark</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/">Dakila</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">Telepono</a> </li><li> <a href="/kodi/">Code</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Napakasarap Na Pagkain</a> </li><li> <a href="/mouse/">Mouse</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/">Tablet</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Kulot</a> </li><li> <a href="/kde/">Kung Saan</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Mga Font</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Mga Imahe</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Pusit</a> </li><li> <a href="/mate/">Asawa</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/">Keyboard</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Naka-Encrypt</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Scanner</a> </li><li> <a href="/atom/">Atomo</a> </li><li> <a href="/red-hat/">Pulang Sumbrero</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/">Jupyter Notebook</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/">Mga Manlalaro Ng Media</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Singaw</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Kapangyarihan</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Sqm</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Mahigpit Na Pagkakahawak</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odyssey</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">Tenorflow</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 (Pamana)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Opisina</a> </li><li> <a href="/iba-pa/">Iba pa</a> </li><li> <a href="/webcam/">Webcam</a> </li><li> <a href="/media-player/">media player</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/dakila/">dakila</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/kabutihan/">kabutihan</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Patok Na Mga Post</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/81/what-is-the-default-location-of-error-log-elasticsearch-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ano-ang-default-na-lokasyon-ng-error-log-elasticsearch">Ano ang Default na Lokasyon ng Error Log Elasticsearch?</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/F1/git-pull-vs-git-clone-what-s-the-difference-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/git-pull-vs-git-clone-ano-ang-pagkakaiba">Git Pull vs Git Clone: Ano ang Pagkakaiba?</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/1C/chmod-777-syntax-and-function-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/chmod-777-syntax-at-function">CHMOD 777: Syntax at Function</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/A9/what-is-file-handling-in-c-programming-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ano-ang-file-handling-sa-c-programming">Ano ang File Handling sa C Programming?</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/2E/how-to-install-the-llvm-clang-c-c-and-objective-c-compiler-on-debian-12-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-i-install-ang-llvm-clang-c-c-at-objective-c-compiler-sa-debian-12">Paano I-install ang LLVM Clang C, C++, at Objective-C Compiler sa Debian 12</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/is-it-safe-to-prune-docker-volumes-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ito-ba-ay-ligtas-na-prune-docker-volumes">Ito ba ay Ligtas na Prune Docker Volumes?</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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-import-google-web-font-in-css-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-mag-import-ng-google-web-font-sa-css">Paano Mag-import ng Google Web Font sa CSS?</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/6C/how-to-take-screenshots-in-ubuntu-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-kumuha-ng-mga-screenshot-sa-ubuntu">Paano Kumuha ng Mga Screenshot sa Ubuntu</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/CE/how-to-select-a-radio-button-by-default-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-pumili-ng-radio-button-sa-default">Paano Pumili ng Radio Button sa Default?</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/CD/where-is-the-twitter-button-in-adopt-me-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/nasaan-ang-twitter-button-sa-adopt-me">Nasaan ang Twitter Button sa Adopt Me</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/01/check-if-variable-is-of-function-type-using-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/suriin-kung-ang-variable-ay-uri-ng-function-gamit-ang-javascript">Suriin kung ang Variable ay Uri ng Function Gamit ang JavaScript</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/04/how-to-add-a-dice-bot-to-a-discord-server-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-magdagdag-ng-dice-bot-sa-isang-discord-server">Paano Magdagdag ng Dice Bot sa isang Discord Server</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/C9/imagemagick-8211-reducing-file-sizes-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/imagemagick-pagbabawas-ng-mga-laki-ng-file">ImageMagick – Pagbabawas ng Mga Laki ng File</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/E0/how-to-fly-in-wacky-wizards-8211-roblox-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-lumipad-sa-wacky-wizards-roblox">Paano Lumipad sa Wacky Wizards – Roblox</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/36/service-vs-systemctl-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/serbisyo-kumpara-sa-systemctl">Serbisyo kumpara sa Systemctl</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/61/how-to-get-just-one-file-from-another-branch-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-kumuha-ng-isang-file-lang-mula-sa-ibang-sangay">Paano Kumuha ng Isang File Lang Mula sa Ibang Sangay?</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/72/how-to-install-rocky-linux-8-on-virtualbox-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-mag-install-ng-rocky-linux-8-sa-virtualbox">Paano Mag-install ng Rocky Linux 8 sa VirtualBox</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/68/sql-case-with-the-sum-and-group-by-clause-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sql-case-na-may-sum-at-group-by-clause">SQL Case na may Sum at Group By Clause</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/mysql-converts-from-one-time-zone-to-another-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/nagko-convert-ang-mysql-mula-sa-isang-time-zone-patungo-sa-isa-pa">Nagko-convert ang MySQL Mula sa Isang Time Zone patungo sa Isa pa</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/git-clone-support-for-password-authentication-was-removed-error-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/git-clone-error-na-natanggal-ang-suporta-para-sa-pagpapatunay-ng-password">Git Clone Error na 'Natanggal ang Suporta para sa Pagpapatunay ng Password'.</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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>