Ano ang Ginagawa ng onmouseover Event sa JavaScript

Ang ' onmouseover Ang kaganapan ay gumaganap ng nais na gawain kapag ini-hover ng user ang mouse sa isang HTML na elemento. Sinusuportahan nito ang lahat ng uri ng mga elemento ng HTML maliban sa “”, “”, “ <base>”, “<style>”, “<head>”, “ <body>”, “<script>” , “ <iframe>”, “<meta>”, “ <br>”, “ <bdo>”, at “<param>” na mga elemento. Sa JavaScript, kadalasang ginagamit ito upang i-invoke at isagawa ang function para sa pagsasagawa ng partikular na gawain sa pag-trigger ng kaganapan.<p> Ipapakita ng gabay na ito ang layunin, at gumagana ng kaganapang 'onmouseover' sa JavaScript.</p> <h2> <strong> Paano Gumagana ang 'onmouseover Event' sa JavaScript?</strong> </h2> <p> Ang ' <strong> onmouseover</strong> ” na kaganapan ay nagbibigay-daan sa pagpapatupad ng JavaScript function sa pamamagitan ng pag-hover ng mouse pointer sa tinukoy na elemento.</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/AiiXLmqhndU?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"> onmouseover</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> Tinutukoy nito ang partikular na elemento ng HTML gaya ng “<p>”, “<h2>”, “<h3>” atbp.</li> <li> <strong> function():</strong> Kinakatawan nito ang tinukoy na function na ipapatawag sa trigger ng kaganapan.</li> <li> <strong> myScript:</strong> Ito ay tumutukoy sa kahulugan ng function upang maisagawa ang partikular na gawain kapag nangyari ang kaganapang 'onmouseover'.</li> </ul> <p> <strong> Syntax(Na may Paraang '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> elemento.<span class="me1"> addEventListener</span><span class="br0"> (</span><span class="st0"> 'itaas ang mouse'</span> , myScript<span class="br0"> )</span><span class="sy0"> ;</span> <p> Sa syntax sa itaas, ang ' <strong> addEventListner()</strong> 'Ang pamamaraan ay nakakabit sa ' <strong> onmouseover</strong> ” kaganapan para sa pagpapatupad ng function ng JavaScript upang maisagawa ang ilang mga gawain.</p> <h3> <strong> Halimbawa 1: Paglalapat ng Event na “onmouseover” sa Display Alert Box Batay sa Basic Syntax</strong> </h3> <p> Sa sitwasyong ito, isang ' <strong> onmouseover</strong> Ang kaganapan ay maaaring iugnay sa ' <strong> <p></strong> ”, ibig sabihin, elemento ng HTML ng talata upang ipakita ang kahon ng alerto na may ibinigay na mensahe sa trigger ng kaganapan.</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 Code</strong> </h3> <p> Una, tingnan ang sumusunod na HTML code:</p> <span class="sy0"> <</span> h2 ihanay<span class="sy0"> =</span><span class="st0"> 'gitna'</span><span class="sy0"> ></span> Ipakita ang alerto <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+box"><span class="kw3"> Kahon</span></a> Gamit<span class="st0"> 'onmouseover'</span> Kaganapan<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p onmousover<span class="sy0"> =</span><span class="st0"> 'sample()'</span><span class="sy0"> ></span> Mag-hover sa<span class="kw1"> ito</span> talata para mag-pop up ng alert box.<span class="sy0"> </</span> p<span class="sy0"> ></span> <p> Sa code sa itaas:</p> <ul> <li> Una, magdagdag ng subheading ng level 2 sa pamamagitan ng “ <strong> <h2></strong> ” tag at itakda ang pagkakahanay nito sa “gitna”.</li> <li> Susunod, isama ang isang talata na may nauugnay na ' <strong> onmouseover</strong> ' event na nagre-redirect sa function na pinangalanang ' <strong> sample()</strong> ” na ma-trigger sa pag-hover ng mouse sa talatang ito.</li> </ul> <h3> <strong> JavaScript Code</strong> </h3> <p> Ngayon, pangkalahatang-ideya ang ibinigay na JavaScript code sa ibaba:</p> <span class="sy0"> <</span> iskrip<span class="sy0"> ></span> <br> <br> sample ng function<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> alerto<span class="br0"> (</span><span class="st0"> 'na-trigger ang onmouseover event'</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, ang function na ' <strong> sample()</strong> ' ay ipinahayag upang ipakita ang ' <strong> alerto</strong> ” box na may nakasaad na mensahe kapag nag-trigger ang event na “onmouseover”.</p> <p> <strong> Output</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> Ang output na ito ay nagpapahiwatig na kapag ang mouse ay nag-hover sa talata, ang 'alerto' na kahon ay nagpa-pop up na nagpapakita ng nakasaad na mensahe.</p> <h3> <strong> Halimbawa 2: Paglalapat ng “onmouseover” na Event para Baguhin ang Kulay ng Background Batay sa “addEventListener()” Method Syntax</strong> </h3> <p> Inilalapat ng halimbawang ito ang kaganapang 'onmouseover' gamit ang pamamaraang 'addEventListener()' upang baguhin ang talata ' <strong> kulay ng background</strong> ” sa trigger ng kaganapan.</p> <h3> <strong> HTML Code</strong> </h3> <p> Ang HTML code ay ibinigay sa ibaba:</p> <span class="sy0"> <</span> h2 ihanay<span class="sy0"> =</span><span class="st0"> 'gitna'</span><span class="sy0"> ></span> Baguhin ang Background <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+color"><span class="kw3"> Kulay</span></a> Gamit<span class="st0"> 'onmouseover'</span> Kaganapan<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p id<span class="sy0"> =</span><span class="st0"> 'pagsusulit'</span><span class="sy0"> ></span> Mag-hover sa<span class="kw1"> ito</span> talata upang baguhin ang kulay ng background nito.<span class="sy0"> </</span> p<span class="sy0"> ></span> <p> Sa mga linya ng code sa itaas:</p> <ul> <li> Gayundin, ang ' <strong> <h2></strong> Ang elemento ng ” ay lumilikha ng antas 2 subheading na nakahanay sa “ <strong> gitna</strong> ”.</li> <li> Pagkatapos nito, ang ' <strong> <p></strong> Ang elementong ” ay kumakatawan sa talata na mayroong id na “test”.</li> </ul> <h3> <strong> JavaScript Code</strong> </h3> <p> Ngayon, magpatuloy sa 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"> 'pagsusulit'</span><span class="br0"> )</span> .<span class="me1"> addEventListener</span><span class="br0"> (</span><span class="st0"> 'itaas ang mouse'</span> , demo<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> dokumento.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'pagsusulit'</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 bloke ng code:</p> <ul> <li> Ang ' <strong> getElementById()</strong> Ang pamamaraan ay inilapat kasama ng ' <strong> addEventListener()</strong> ” na paraan upang kunin ang talata sa pamamagitan ng nauugnay na id na 'pagsubok', at iugnay ang kaganapang 'mouseover' sa nakasaad na function bilang argument nito.</li> <li> Ngayon, tukuyin ang function na ' <strong> myfunc()</strong> ”.</li> <li> Sa kahulugan ng function, ang ' <strong> document.getElementById()</strong> Ang pamamaraan ay gumagamit ng ' <strong> istilo.background</strong> ” property upang baguhin ang kulay ng background ng talata sa trigger ng kaganapan.</li> </ul> <p> <strong> Output</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> Tulad ng nakikita, ang ' <strong> kulay ng background</strong> ” ng talata ay binago sa na-trigger na kaganapan i.e., “mouseover”.</p> <h2> <strong> Konklusyon</strong> </h2> <p> Nag-aalok ang JavaScript ng built-in na ' <strong> onmouseover</strong> ” kaganapan na nagpapalitaw ng gustong aksyon sa pag-hover ng mouse pointer sa HTML element. Hinihimok nito ang function ng JavaScript upang maisagawa ang tinukoy na pagkilos sa trigger ng kaganapan. Maaari itong ipatupad gamit ang ' <button>' o isa pang elemento ng HTML tulad ng '<p>', '<h>' atbp. Ipinaliwanag ng post na ito ang paggamit at functionality ng event na 'onmouseover' 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> </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/8C/what-is-c-operator-precedence-and-associativity-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ano-ang-c-operator-precedence-at-associativity">Ano ang C Operator Precedence at Associativity</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/67/docker-commands-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mga-utos-ng-docker">Mga Utos ng Docker</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/3D/how-to-install-vmware-workstation-17-player-on-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-mag-install-ng-vmware-workstation-17-player-sa-linux-mint-21">Paano Mag-install ng VMware Workstation 17 Player sa Linux Mint 21</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/CF/how-to-compare-local-and-remote-branches-in-git-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-paghambingin-ang-lokal-at-malayong-mga-sangay-sa-git">Paano Paghambingin ang Lokal at Malayong Mga Sangay sa Git</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/0C/best-raspberry-pi-media-players-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pinakamahusay-na-raspberry-pi-media-player">Pinakamahusay na Raspberry Pi Media Player</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/F9/scipy-imshow-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/scipy-imshow">SciPy Imshow</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/BD/what-is-the-difference-between-private-and-protected-members-of-c-classes-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ano-ang-pagkakaiba-sa-pagitan-ng-pribado-at-protektadong-mga-miyembro-ng-mga-klase-ng-c">Ano ang Pagkakaiba sa pagitan ng Pribado at Protektadong Mga Miyembro ng Mga Klase ng C++</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/1E/how-to-deploy-rails-application-to-aws-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-i-deploy-ang-rails-application-sa-aws">Paano I-deploy ang Rails Application sa AWS</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/A0/random-color-generator-javascript-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/random-color-generator-javascript">Random Color Generator – 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/AD/how-to-get-ppk-file-from-aws-ec2-instance-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-kumuha-ng-ppk-file-mula-sa-aws-ec2-instance">Paano Kumuha ng PPK File mula sa AWS EC2 Instance</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/63/how-to-change-text-color-in-javascript-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-baguhin-ang-kulay-ng-teksto-sa-javascript">Paano Baguhin ang Kulay ng Teksto sa 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/25/how-to-use-voice-chat-on-roblox-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-gamitin-ang-voice-chat-sa-roblox">Paano Gamitin ang Voice Chat sa 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/42/how-to-make-amazing-commits-using-git-add-interactive-command-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-gumawa-ng-mga-kahanga-hangang-commit-gamit-ang-git-add-interactive-command">Paano Gumawa ng Mga Kahanga-hangang Commit Gamit ang 'git add -interactive' Command</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/66/how-to-use-the-set-itemproperty-microsoft-powershell-management-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-gamitin-ang-set-itemproperty-microsoft-powershell-management">Paano Gamitin ang Set-ItemProperty (Microsoft.PowerShell.Management)?</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/A3/windows-10-apps-won-8217-t-open-after-windows-update-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ang-windows-10-apps-ay-hindi-magbubukas-pagkatapos-ng-windows-update">Ang Windows 10 Apps ay Hindi Magbubukas Pagkatapos ng Windows Update</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/27/what-is-memory-address-in-c-and-how-to-find-it-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ano-ang-memory-address-sa-c-at-paano-ito-mahahanap">Ano ang Memory Address sa C++ at Paano Ito Mahahanap?</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/7D/multidimensional-array-in-php-examples-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/multidimensional-array-sa-php-mga-halimbawa">Multidimensional Array sa PHP – Mga Halimbawa</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/FA/how-to-convert-a-string-to-a-datetime-object-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-mag-convert-ng-string-sa-isang-datetime-object-sa-java">Paano Mag-convert ng String sa isang DateTime Object sa Java</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/74/how-to-get-the-boxing-gloves-ingredient-in-roblox-wacky-wizards-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-kunin-ang-ingredient-ng-boxing-gloves-sa-roblox-wacky-wizards">Paano Kunin ang Ingredient ng Boxing Gloves sa Roblox Wacky Wizards</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/99/how-to-use-isblank-function-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-gamitin-ang-isblank-function-sa-c">Paano Gamitin ang isblank() Function sa C++</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>