Que fait l'événement onfocus en JavaScript

Le ' focus ” est un événement réputé principalement utilisé lors de l'utilisation des formulaires en JavaScript. Il se déclenche lorsque son élément HTML associé obtient le focus. Il fonctionne sur tous les types d'éléments HTML sauf les '', '', ' <base>', '<style>', '<head>', ' <body>', '<script> », « <iframe> », « <meta> », « <br> », « <bdo> » et « <param> ». Cet événement, c'est-à-dire ' <strong> focus</strong> » est généralement utilisé dans le champ de saisie HTML pour la validation de tous types de formulaires.<p> Cet article explique l'objectif, le fonctionnement et l'utilisation de l'événement 'onfocus' en JavaScript.</p> <h2> <strong> Comment fonctionne 'onfocus Event' en JavaScript ?</strong> </h2> <p> Le ' <strong> focus</strong> ” est déclenché lorsque l'élément HTML particulier est ciblé. De plus, il invoque l'exécution de la fonction JavaScript associée.</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/tKhT4OICnd4?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"> focus</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 représente l'élément HTML.</li> <li> <strong> fonction():</strong> Il fait référence à la fonction qui doit être invoquée lors du déclencheur d'événement.</li> <li> <strong> monScript :</strong> Il correspond à la définition de la fonction pour effectuer la tâche spécifique lorsque l'événement 'onfocus' se produit.</li> </ul> <h2> <strong> Comment utiliser un 'événement onfocus' en JavaScript ?</strong> </h2> <p> Le ' <strong> focus</strong> ” peut être utilisé de différentes manières en JavaScript. Cette section propose divers exemples tactiques pour illustrer son utilisation.</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> Exemple 1 : Déclenchement du</strong> ' <strong> Evénement onfocus</strong> ” <strong> en modifiant la couleur d'arrière-plan du champ de saisie</strong> </h2> <p> Cet exemple déclenche le ' <strong> focus</strong> ” en modifiant la couleur d'arrière-plan du champ de texte de saisie à l'aide d'une fonction JavaScript définie par l'utilisateur.</p> <h3> <strong> Code HTML</strong> </h3> <p> Tout d'abord, aperçu du code HTML suivant :</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> focus <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+event"><span class="kw3"> Événement</span></a> En Javascript<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p<span class="sy0"> ></span> Cliquez dans le champ de saisie pour obtenir le focus<span class="br0"> (</span> focus<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"> Nom</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> type d'entrée<span class="sy0"> =</span><span class="st0"> 'texte'</span> identifiant<span class="sy0"> =</span><span class="st0"> 'démo'</span> espace réservé<span class="sy0"> =</span><span class="st0"> 'Entrez votre nom'</span> focus<span class="sy0"> =</span><span class="st0"> 'fonction()'</span><span class="sy0"> ></span> <p> Dans le code ci-dessus :</p> <ul> <li> Le ' <strong> <h2></strong> ” définit le sous-titre et le “ <strong> <p></strong> ” tag crée un paragraphe, respectivement.</li> <li> Après cela, le « <strong> <entrée></strong> ' la balise représentant le champ de texte de saisie est étiquetée ' <strong> Nom</strong> ', type de contenu comme ' <strong> texte</strong> ', identifiant associé comme ' <strong> démo</strong> ”, et l'espace réservé indiqué.</li> <li> Également ' <strong> focus</strong> ' l'événement est spécifié pour rediriger vers la fonction nommée ' <strong> fonction()</strong> ”.</li> </ul> <h3> <strong> Code Javascript</strong> </h3> <p> Ensuite, parcourez le code JavaScript fourni ci-dessous :</p> <span class="sy0"> <</span> scénario<span class="sy0"> ></span> <br> <br> fonction 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"> 'démo'</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 les lignes de code ci-dessus :</p> <ul> <li> Une fonction nommée ' <strong> fonction()</strong> ' est défini.</li> <li> Dans la définition de la fonction, le ' <strong> document.getElementById()</strong> » récupère le paragraphe via son identifiant et applique la méthode « <strong> style.background</strong> ' propriété.</li> <li> Il est tel que la couleur d'arrière-plan du champ de texte d'entrée change lors de l'événement, c'est-à-dire le déclencheur 'onfocus'.</li> </ul> <p> <strong> Sortir</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> La sortie confirme que lorsque le ' <strong> focus</strong> ” se déclenche, la couleur d'arrière-plan du champ de saisie donné change en conséquence.</p> <h2> <strong> Exemple 2 : Déclenchement de la</strong> ' <strong> Evénement onfocus</strong> ” <strong> Via la boîte d'alerte</strong> </h2> <p> Dans cet exemple, une boîte d'alerte peut être affichée lors de l'événement, c'est-à-dire ' <strong> focus</strong> ” déclencheur via une fonction définie par l'utilisateur.</p> <h3> <strong> Code HTML</strong> </h3> <p> Tout d'abord, regardez le code HTML suivant :</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> focus <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+event"><span class="kw3"> Événement</span></a> En Javascript<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p<span class="sy0"> ></span> Cliquez à l'intérieur du champ de saisie pour obtenir le focus<span class="br0"> (</span> focus<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"> Nom</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> type d'entrée<span class="sy0"> =</span><span class="st0"> 'texte'</span> identifiant<span class="sy0"> =</span><span class="st0"> 'pass1'</span> espace réservé<span class="sy0"> =</span><span class="st0"> 'Entrez votre nom'</span><span class="sy0"> ></span> <p> Dans le bloc de code HTML ci-dessus :</p> <ul> <li> De même, ajoutez un sous-titre de niveau 2 via le « <strong> <h2></strong> » et incluez un paragraphe en utilisant le « <strong> <p></strong> ' étiqueter.</li> <li> De même, un champ de saisie est défini via l'étiquette, le type de contenu, l'identifiant et l'espace réservé indiqués, respectivement.</li> </ul> <h3> <strong> Code Javascript</strong> </h3> <p> Considérons maintenant le 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"> 'pass1'</span><span class="br0"> )</span> .<span class="me1"> focus</span> <span class="sy0"> =</span> fonction<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> démo<span class="br0"> (</span><span class="br0"> )</span><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> alerte<span class="br0"> (</span><span class="st0"> 'Le champ de saisie se concentre.'</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 :</p> <ul> <li> Le ' <strong> document.getElementById()</strong> ' La méthode récupère le champ d'entrée via son identifiant et associe l'événement, c'est-à-dire ' <strong> focus</strong> ' avec ça.</li> <li> Il est tel que la fonction JavaScript ' <strong> démo()</strong> ' devient invoqué sur le déclencheur d'événement et affiche le ' <strong> alerte</strong> ” avec le message indiqué.</li> </ul> <p> <strong> Sortir</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> Dans cette sortie, on peut observer que lorsque la souris clique à l'intérieur du champ de saisie, l'élément est mis au point et la boîte 'alerte' apparaît en affichant le message indiqué.</p> <h2> <strong> Conclusion</strong> </h2> <p> JavaScript propose le ' <strong> focus</strong> ' qui est déclenché lorsque l'élément HTML associé se déplace à l'intérieur de celui-ci, c'est-à-dire qu'il obtient le focus. C'est l'inverse du ' <strong> le flou</strong> ” événement qui se déclenche lorsque l'élément perd le focus. Il peut être utilisé pour invoquer la fonction JavaScript pour effectuer la tâche souhaitée lors du déclenchement. Ce guide a démontré le but, le fonctionnement et l'utilisation de l'événement 'onfocus' 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><li> <a href="/passage-de-peripherique/">passage de périphérique</a> </li><li> <a href="/sdn/">SDN</a> </li><li> <a href="/installation-du-pilote/">installation du pilote</a> </li><li> <a href="/reveilleronlan/">réveilleronlan</a> </li><li> <a href="/dsm7-cat/">dsm7</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/DC/get-a-number-of-columns-in-r-dataframe-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/obtenir-un-nombre-de-colonnes-dans-r-dataframe">Obtenir un nombre de colonnes dans R DataFrame</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/windows/85/restore-missing-administrative-tools-shortcuts-windows-10-winhelponline.png);"></a> <div class="text"> <h3 class="heading"> <a href="/restore-missing-administrative-tools-shortcuts-windows-10-winhelponline">Restaurer les raccourcis des outils d'administration manquants dans Windows 10 - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> Les Fenêtres</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/cpanel/80/how-to-install-cpanel-whm-on-centos-7-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-installer-cpanel-whm-sur-centos-7">Comment installer cPanel WHM sur CentOS 7</a> </h3> <div class="meta"> <div> <a href="/cpanel/"><span class="icon-chat"></span> cPanel</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/F5/how-to-install-gui-on-ubuntu-24-04-server-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-installer-l-interface-graphique-sur-le-serveur-ubuntu-24-04">Comment installer l'interface graphique sur le serveur 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/47/how-to-integrate-haproxy-with-pfsense-for-enhanced-networking-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-integrer-haproxy-a-pfsense-pour-un-reseau-ameliore">Comment intégrer HAProxy à PfSense pour un réseau amélioré</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/A1/how-to-disable-credssp-rdp-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-desactiver-credssp-rdp">Comment désactiver CredSSP RDP ?</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/11/simplified-postgres-installation-on-ubuntu-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/installation-simplifiee-de-postgres-sur-ubuntu">Installation simplifiée de Postgres sur Ubuntu</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/BE/what-is-define-function-in-php-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/qu-est-ce-que-la-fonction-define-en-php">Qu'est-ce que la fonction define () en PHP</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/7F/robux-money-converter-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/convertisseur-d-argent-robux">Convertisseur d'argent Robux</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/5B/how-to-resolve-the-is-not-in-the-sudoers-file-this-incident-will-be-reported-error-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-resoudre-le-probleme-n-est-pas-dans-le-fichier-sudoers-cet-incident-sera-signale-erreur">Comment résoudre le problème « n'est pas dans le fichier Sudoers. Cet incident sera signalé »Erreur</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/writing-queries-in-c-linq-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/redaction-de-requetes-en-c-linq">Rédaction de requêtes en C# LINQ</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/08/how-long-is-a-day-in-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/combien-de-temps-dure-une-journee-dans-minecraft">Combien de temps dure une journée dans Minecraft</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/57/how-to-use-the-get-secret-value-command-in-aws-cli-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-utiliser-la-commande-get-secret-value-dans-aws-cli">Comment utiliser la commande get-secret-value dans AWS CLI ?</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-install-anaconda-on-linux-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-installer-anaconda-sur-linux">Comment installer Anaconda sur 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/26/how-to-lock-a-discord-channel-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-verrouiller-un-canal-discord">Comment verrouiller un canal Discord</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/E9/how-to-use-multithreading-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-utiliser-le-multithreading-en-c">Comment utiliser le multithreading 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/5A/java-generics-how-to-use-angled-brackets-in-practice-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/java-generics-comment-utiliser-les-crochets-angulaires-dans-la-pratique">Java Generics : comment utiliser les crochets angulaires dans la pratique</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/ED/how-to-remove-docker-images-containers-and-volumes-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-supprimer-des-images-des-conteneurs-et-des-volumes-docker">Comment supprimer des images, des conteneurs et des volumes Docker</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/9C/how-to-implement-a-foreach-loop-in-python-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-implementer-une-boucle-foreach-en-python">Comment implémenter une boucle _ForEach_ en Python</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/how-to-use-multiple-classes-in-one-element-in-css-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-utiliser-plusieurs-classes-dans-un-element-en-css">Comment utiliser plusieurs classes dans un élément en CSS</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>