Que fait l'événement onmouseover en JavaScript

Le ' surmouseover ” exécute la tâche souhaitée lorsque l'utilisateur passe la souris sur un élément HTML. Il prend en charge tous les types d'éléments HTML sauf les '', '', ' <base>', '<style>', '<head>', ' <body>', '<script>' , « <iframe> », « <meta> », « <br> », « <bdo> » et « <param> ». En JavaScript, il est principalement utilisé pour invoquer et exécuter la fonction permettant d'effectuer la tâche spécifique lors du déclenchement d'un événement.<p> Ce guide démontrera l'objectif et le fonctionnement de l'événement 'onmouseover' en JavaScript.</p> <h2> <strong> Comment fonctionne 'onmouseover Event' en JavaScript ?</strong> </h2> <p> Le ' <strong> surmouseover</strong> ” permet l'exécution de la fonction JavaScript en passant le pointeur de la souris sur l'élément spécifié.</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/MxZuimVUnOQ?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <br /> <p> <strong> Syntaxe</strong> </p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="3"></ins><br /> élément.<span class="me1"> surmouseover</span> <span class="sy0"> =</span> fonction<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> monScript<span class="br0"> }</span><span class="sy0"> ;</span> <p> Dans la syntaxe ci-dessus :</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> élément:</strong> Il spécifie l'élément HTML particulier tel que '<p>', '<h2>', '<h3>', etc.</li> <li> <strong> fonction():</strong> Il représente la fonction définie qui sera invoquée lors du déclencheur d'événement.</li> <li> <strong> monScript :</strong> Il fait référence à la définition de la fonction pour effectuer la tâche spécifique lorsque l'événement 'onmouseover' se produit.</li> </ul> <p> <strong> Syntaxe(Avec la méthode '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> élément.<span class="me1"> addEventListener</span><span class="br0"> (</span><span class="st0"> 'passer la souris'</span> , monScript<span class="br0"> )</span><span class="sy0"> ;</span> <p> Dans la syntaxe ci-dessus, le ' <strong> addEventListner()</strong> ” méthode attache le “ <strong> surmouseover</strong> ” événement pour l'exécution de la fonction JavaScript pour effectuer certaines tâches.</p> <h3> <strong> Exemple 1 : Application de l'événement « onmouseover » pour afficher la boîte d'alerte en fonction de la syntaxe de base</strong> </h3> <p> Dans ce scénario, un ' <strong> surmouseover</strong> ' l'événement peut être associé à ' <strong> <p></strong> ”, c'est-à-dire un élément HTML de paragraphe pour afficher la boîte d'alerte avec le message fourni lors du déclenchement de l'événement.</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> Code HTML</strong> </h3> <p> Tout d'abord, regardez le code HTML suivant :</p> <span class="sy0"> <</span> aligner h2<span class="sy0"> =</span><span class="st0"> 'centre'</span><span class="sy0"> ></span> Afficher l'alerte <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+box"><span class="kw3"> Boîte</span></a> En utilisant<span class="st0"> 'au passage de la souris'</span> Événement<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p surmouseover<span class="sy0"> =</span><span class="st0"> 'goûter()'</span><span class="sy0"> ></span> Survolez<span class="kw1"> ce</span> paragraphe pour faire apparaître une boîte d'alerte.<span class="sy0"> </</span> p<span class="sy0"> ></span> <p> Dans le code ci-dessus :</p> <ul> <li> Dans un premier temps, ajoutez un sous-titre de niveau 2 via le « <strong> <h2></strong> ” et définissez son alignement sur “center”.</li> <li> Ensuite, incluez un paragraphe ayant un ' <strong> surmouseover</strong> ” événement redirigeant vers la fonction nommée “ <strong> goûter()</strong> ” qui sera déclenché au survol de la souris sur ce paragraphe.</li> </ul> <h3> <strong> Code Javascript</strong> </h3> <p> Maintenant, passez en revue le code JavaScript fourni ci-dessous :</p> <span class="sy0"> <</span> scénario<span class="sy0"> ></span> <br> <br> exemple de fonction<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> alerte<span class="br0"> (</span><span class="st0"> 'événement onmouseover déclenché'</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> scénario<span class="sy0"> ></span> <p> Dans l'extrait de code ci-dessus, la fonction ' <strong> goûter()</strong> ' est déclaré pour afficher le ' <strong> alerte</strong> » avec le message indiqué lorsque l'événement « onmouseover » se déclenche.</p> <p> <strong> Sortir</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> Cette sortie indique que lorsque la souris survole le paragraphe, la boîte 'alerte' apparaît affichant le message indiqué.</p> <h3> <strong> Exemple 2 : Application de l'événement 'onmouseover' pour modifier la couleur d'arrière-plan en fonction de la syntaxe de la méthode 'addEventListener()'</strong> </h3> <p> Cet exemple applique l'événement 'onmouseover' avec la méthode 'addEventListener()' pour changer le paragraphe ' <strong> Couleur de l'arrière plan</strong> ” sur le déclencheur d'événement.</p> <h3> <strong> Code HTML</strong> </h3> <p> Le code HTML est donné ci-dessous :</p> <span class="sy0"> <</span> aligner h2<span class="sy0"> =</span><span class="st0"> 'centre'</span><span class="sy0"> ></span> Changement de fond <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+color"><span class="kw3"> Couleur</span></a> En utilisant<span class="st0"> 'au passage de la souris'</span> Événement<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> identifiant p<span class="sy0"> =</span><span class="st0"> 'test'</span><span class="sy0"> ></span> Survolez<span class="kw1"> ce</span> paragraphe pour changer sa couleur de fond.<span class="sy0"> </</span> p<span class="sy0"> ></span> <p> Dans les lignes de code ci-dessus :</p> <ul> <li> De même, le « <strong> <h2></strong> ” crée un sous-titre de niveau 2 aligné sur “ <strong> centre</strong> ”.</li> <li> Après cela, le « <strong> <p></strong> ” représente le paragraphe ayant un identifiant “test”.</li> </ul> <h3> <strong> Code Javascript</strong> </h3> <p> Passez maintenant au code JavaScript suivant :</p> <span class="sy0"> <</span> scénario<span class="sy0"> ></span> <br> <br> document.<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"> 'passer la souris'</span> , démo<span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> démo de fonction<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> document.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'test'</span><span class="br0"> )</span> .<span class="me1"> style</span> .<span class="me1"> arrière-plan</span> <span class="sy0"> =</span> <span class="st0"> 'rose'</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> scénario<span class="sy0"> ></span> <p> Dans le bloc de code ci-dessus :</p> <ul> <li> Le ' <strong> getElementById()</strong> La méthode ' est appliquée en combinaison avec la méthode ' <strong> addEventListener()</strong> ” pour récupérer le paragraphe via son identifiant “test” associé et associer l'événement “mouseover” à la fonction indiquée comme argument.</li> <li> Maintenant, définissez la fonction ' <strong> mafonction()</strong> ”.</li> <li> Dans la définition de la fonction, le ' <strong> document.getElementById()</strong> ” utilise la méthode “ <strong> style.background</strong> ” propriété pour changer la couleur d'arrière-plan du paragraphe lors du déclencheur d'événement.</li> </ul> <p> <strong> Sortir</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> Comme on le voit, le « <strong> Couleur de l'arrière plan</strong> ' du paragraphe a été modifié lors de l'événement déclenché, c'est-à-dire ' survol de la souris '.</p> <h2> <strong> Conclusion</strong> </h2> <p> JavaScript offre le ' <strong> surmouseover</strong> ” événement qui déclenche une action souhaitée lors du survol du pointeur de la souris sur l'élément HTML. Il appelle la fonction JavaScript pour effectuer l'action spécifiée sur le déclencheur d'événement. Il peut être implémenté avec le ' <bouton>' ou un autre élément HTML comme '<p>', '<h>', etc. Ce message a expliqué l'utilisation et la fonctionnalité de l'événement 'onmouseover' en 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="/autre/" class="tag-cloud-link">Autre</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">Catégorie</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Tarte Aux Framboises</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Autre</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zoom</a> </li><li> <a href="/cinnamon/">Cannelle</a> </li><li> <a href="/reviews/">Commentaires</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/">Compression</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Aircrack</a> </li><li> <a href="/office-productivity-software/">Logiciel De Productivité Bureautique</a> </li><li> <a href="/boot/">Botte</a> </li><li> <a href="/system-calls/">Appels Système</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">La Mise En Réseau</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/">Pare-Feu</a> </li><li> <a href="/wireshark/">Fil De Fer</a> </li><li> <a href="/synology/">Synologie</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Parrot Os</a> </li><li> <a href="/sublime/">Sublime</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">Téléphone</a> </li><li> <a href="/kodi/">Code</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Délicatesse</a> </li><li> <a href="/mouse/">Souris</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Métasploit</a> </li><li> <a href="/torrent/">Torrent</a> </li><li> <a href="/tablet/">Tablette</a> </li><li> <a href="/pycharm/">Pycharme</a> </li><li> <a href="/curl/">Boucle</a> </li><li> <a href="/kde/">Où</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Polices</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Images</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Calamar</a> </li><li> <a href="/mate/">Camarade</a> </li><li> <a href="/vlc-media-player/">Vlc Media Player</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoins</a> </li><li> <a href="/keyboard/">Clavier</a> </li><li> <a href="/inkscape/">Paysage D'encre</a> </li><li> <a href="/encryption/">Chiffrement</a> </li><li> <a href="/fedora/">Feutre</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Scanner</a> </li><li> <a href="/atom/">Atome</a> </li><li> <a href="/red-hat/">Chapeau Rouge</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/">Cahier 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/">Lecteurs Multimédias</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Fumer</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Puissance</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">M²</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Saisir</a> </li><li> <a href="/gentoo/">Papou</a> </li><li> <a href="/odyssey/">Odyssée</a> </li><li> <a href="/audio/">L'audio</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/">Les Fenêtres</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Hérité)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Bureau</a> </li><li> <a href="/autre/">Autre</a> </li><li> <a href="/tarte-aux-framboises/">Tarte aux framboises</a> </li><li> <a href="/webcam/">webcam</a> </li><li> <a href="/lecteurs-multimedias/">lecteurs multimédias</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/demarrage/">démarrage</a> </li><li> <a href="/removal-guides/">Guides De Suppression</a> </li><li> <a href="/tutorial/">Didacticiel</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/suivantcloud/">suivantcloud</a> </li><li> <a href="/vertu/">vertu</a> </li><li> <a href="/passthrough-usb/">passthrough USB</a> </li><li> <a href="/feutre/">feutre</a> </li><li> <a href="/demarrage-securise/">#démarrage sécurisé</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Articles Populaires</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C4/how-does-path-relative-method-work-in-node-js-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-fonctionne-la-methode-path-relative-dans-node-js">Comment fonctionne la méthode path.relative() dans Node.js ?</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</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/0F/how-to-remove-commit-from-a-branch-in-git-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-supprimer-un-commit-d-une-branche-dans-git">Comment supprimer un commit d'une branche dans Git</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</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/E4/how-to-install-plex-on-ubuntu-24-04-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-installer-plex-sur-ubuntu-24-04">Comment installer Plex sur Ubuntu 24.04</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</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/what-are-format-specifiers-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/que-sont-les-specificateurs-de-format-en-c">Que sont les spécificateurs de format en C ?</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</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/83/what-does-document-baseuri-property-do-in-javascript-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/que-fait-la-propriete-document-baseuri-en-javascript">Que fait la propriété Document baseURI en JavaScript</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</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/DE/how-to-write-and-use-less-than-symbol-in-latex-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-ecrire-et-utiliser-moins-de-symbole-dans-latex">Comment écrire et utiliser moins de symbole dans LaTeX</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</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/windows-equivalent-of-export-command-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/equivalent-windows-de-la-commande-d-exportation">Équivalent Windows de la commande d'exportation</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</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/how-do-i-create-a-new-database-user-in-mysql-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-creer-un-nouvel-utilisateur-de-base-de-donnees-dans-mysql">Comment créer un nouvel utilisateur de base de données dans MySQL ?</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</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/2A/how-to-manage-and-organize-android-files-and-folders-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-gerer-et-organiser-les-fichiers-et-dossiers-android">Comment gérer et organiser les fichiers et dossiers Android</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</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-delete-a-user-in-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-supprimer-un-utilisateur-sous-linux">Comment supprimer un utilisateur sous Linux</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</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/82/postgres-group-concat-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/groupe-postgres-concat">Groupe Postgres_Concat</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</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/sql-is-not-null-operator-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/operateur-sql-n-est-pas-nul">Opérateur SQL « n’est pas nul »</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</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/FF/sql-self-join-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/auto-jointure-sql">Auto-jointure SQL</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</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/set-the-kubernetes-resource-limits-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/definir-les-limites-de-ressources-kubernetes">Définir les limites de ressources Kubernetes</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</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/C3/what-is-the-rowspan-attribute-and-how-to-use-with-the-td-element-in-html-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/qu-est-ce-que-l-attribut-rowspan-et-comment-l-utiliser-avec-l-element-td-en-html">Qu'est-ce que l'attribut 'rowspan' et comment l'utiliser avec l'élément 'td' en HTML ?</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</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/what-are-the-different-ways-to-select-dom-elements-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/quelles-sont-les-differentes-facons-de-selectionner-des-elements-dom-en-javascript">Quelles sont les différentes façons de sélectionner des éléments DOM en JavaScript</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</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/D4/can-raspberry-pi-be-powered-by-usb-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/raspberry-pi-peut-il-etre-alimente-par-usb">Raspberry Pi peut-il être alimenté par USB</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</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/EA/how-to-use-a-conversation-buffer-window-in-langchain-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-utiliser-une-fenetre-tampon-de-conversation-dans-langchain">Comment utiliser une fenêtre tampon de conversation dans LangChain ?</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</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-check-if-current-url-contains-string-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-verifier-si-l-url-actuelle-contient-une-chaine-en-javascript">Comment vérifier si l'URL actuelle contient une chaîne en JavaScript</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</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/D6/power-bi-switch-function-dax-syntax-usage-and-examples-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/fonction-power-bi-switch-dax-syntaxe-utilisation-et-exemples">Fonction Power BI SWITCH (DAX) : syntaxe, utilisation et exemples</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</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>