Comment fonctionne la méthode jQuery change()

JavaScript est un langage polyvalent réputé qui est principalement utilisé pour ajouter des fonctionnalités interactives aux sites Web. Il est livré avec une bibliothèque nommée jQuery qui exécute ces tâches efficacement. Les méthodes jQuery sont essentiellement les actions qui exécutent une tâche spécifique sans grande implication du code. Une de ces méthodes est la « changement() ' qui déclenche l'événement 'change' pour remarquer immédiatement que la valeur du champ de saisie est modifiée. Il est principalement utilisé dans les champs de formulaire HTML ainsi que dans les cases à cocher, les boutons radio et les cases de sélection.

Cet article détaille l'implémentation pratique et fonctionnelle de la méthode jQuery 'change()'.

Comment fonctionne la méthode jQuery 'change()' ?

Le jQuery ' changement() ” méthode déclenche le “ changement ' gestionnaire d'événements. L'événement 'change' est un type spécial d'événement JavaScript qui se produit lorsque la valeur de l'élément HTML spécifié (' ', '', '<select>') est modifiée.</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="3"></ins><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="4"></ins><br /> <span class="co4"> $</span><span class="br0"> (</span> sélecteur<span class="br0"> )</span> .changement<span class="br0"> (</span><span class="kw1"> fonction</span><span class="br0"> )</span> <p> <br> Dans la syntaxe ci-dessus :</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> <ul> <li> <ul> <li> <strong> sélecteur:</strong> Il permet la manipulation de l'élément HTML.</li> <li> <strong> fonction:</strong> C'est un paramètre facultatif qui spécifie la fonction à exécuter avec la méthode 'change()'.</li> </ul> </li> </ul> <p> <strong> Exemple 1 : Application de la méthode 'change()' pour obtenir la valeur modifiée du champ d'entrée</strong> </p> <p> Dans cet exemple, le ' <strong> changement()</strong> ” est appliquée pour renvoyer une valeur modifiée d'un élément HTML “ <input>” particulier.</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <p> <strong> Code HTML</strong> </p> <p> Tout d'abord, un aperçu du code HTML suivant :</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> changement jQuery<span class="br0"> (</span><span class="br0"> )</span> Méthode<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <span class="sy0"> <</span> p<span class="sy0"> ></span> Modifiez la valeur du champ de saisie :<span class="sy0"> </</span> p<span class="sy0"> ></span> <br> Champ de saisie:<span class="sy0"> <</span> saisir<span class="re2"> taper</span> =<span class="st0"> 'texte'</span> <span class="re2"> valeur</span> =<span class="st0"> 'Linux'</span> <span class="re2"> sur le changement</span> =<span class="st0"> 'alerte(cette.valeur)'</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> p<span class="sy0"> ></span> Cliquez sur le bouton donné pour lancer le<span class="st0"> 'sur le changement'</span> événement:<span class="sy0"> </</span> p<span class="sy0"> ></span> <br> <span class="sy0"> <</span> bouton<span class="sy0"> ></span> Cliquez ici<span class="sy0"> </</span> bouton<span class="sy0"> ></span> <p> <br> Dans ce bloc de code :</p> <ul> <li> <ul> <li> Définissez un sous-titre de niveau 2 à l'aide du « <strong> <h2></strong> ' étiqueter.</li> <li> Ensuite, spécifiez le paragraphe à l'aide du ' <strong> <p></strong> ' étiqueter.</li> <li> Après cela, ajoutez un champ de saisie via le ' <strong> <entrée></strong> 'tag nommé' <strong> Champ de saisie</strong> ', ayant le type comme ' <strong> texte</strong> ', et la valeur comme ' <strong> Linux</strong> ', respectivement.</li> <li> Il associe également un « <strong> sur le changement()</strong> ” événement qui fait apparaître une boîte d'alerte lorsque la valeur d'entrée spécifiée change.</li> <li> Le ' <strong> <p></strong> ” crée un autre paragraphe avec la déclaration indiquée.</li> <li> Enfin, ajoutez un bouton en utilisant le ' <strong> <bouton></strong> ' étiqueter.</li> </ul> </li> </ul> <p> <strong> Code jQuery</strong> </p> <p> Considérons maintenant le code jQuery suivant :</p> <span class="sy0"> <</span><span class="kw2"> diriger</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> scénario<span class="re2"> src</span> =<span class="st0"> 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js'</span><span class="sy0"> ></</span> scénario<span class="sy0"> ></span> <br> <span class="sy0"> <</span> scénario<span class="sy0"> ></span> <br> $<span class="br0"> (</span> document<span class="br0"> )</span> .prêt<span class="br0"> (</span><span class="kw1"> fonction</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'bouton'</span><span class="br0"> )</span> .Cliquez sur<span class="br0"> (</span><span class="kw1"> fonction</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'saisir'</span><span class="br0"> )</span> .changement<span class="br0"> (</span><span class="br0"> )</span> ; <br> <span class="br0"> }</span><span class="br0"> )</span> ; <br> <span class="br0"> }</span><span class="br0"> )</span> ; <br> <span class="sy0"> </</span> scénario<span class="sy0"> ></span> <br> <span class="sy0"> </</span><span class="kw2"> diriger</span><span class="sy0"> ></span> <p> <br> Dans les lignes de code ci-dessus :</p> <ul> <li> <ul> <li> Spécifie le ' <strong> <script></strong> » balise dans la section « head » qui inclut le chemin CDN de jQuery depuis le site officiel » <a href="https://jquery.com/"></a> ”.</li> <li> Ensuite, le code jQuery correspond d'abord au ' <strong> document</strong> » sélecteur pour sélectionner l'élément DOM ciblé et associer le « <strong> prêt()</strong> ” méthode qui invoque la fonction indiquée () dès que le document est chargé.</li> <li> Après cela, le « <strong> bouton</strong> ” sélecteur est ajouté et est lié avec le “ <strong> Cliquez sur()</strong> ” méthode qui permettra l'exécution d'une fonction lors du clic sur le bouton.</li> <li> Dans la définition de la fonction, appliquez le ' <strong> changement()</strong> ” méthode sur le “ <strong> saisir</strong> » élément qui déclenche l'événement « onchange » lorsque sa valeur change.</li> </ul> </li> </ul> <p> <strong> Sortir</strong> </p> <p> <img alt="" class="alignnone size-full wp-image-327916" src="https://softoban.com/img/other/3E/how-does-the-jquery-change-method-work-1.gif"> <br> La sortie affiche une boîte d'alerte avec la valeur modifiée du champ d'entrée lors de l'événement 'onchange' déclenché.</p> <p> <strong> Exemple 2 : application de la méthode « change() » pour modifier la couleur d'arrière-plan d'un champ de saisie</strong> </p> <p> Cet exemple particulier explique le fonctionnement du ' <strong> changement()</strong> ” méthode pour changer la couleur d'arrière-plan du champ de saisie lors de la modification de la valeur.</p> <p> <strong> Code HTML</strong> </p> <p> Suivez le code HTML donné :</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> changement jQuery<span class="br0"> (</span><span class="br0"> )</span> Méthode<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <span class="sy0"> <</span> p<span class="sy0"> ></span> Modifiez la valeur du champ de saisie :<span class="sy0"> </</span> p<span class="sy0"> ></span> <br> Champ de saisie:<span class="sy0"> <</span> saisir<span class="re2"> taper</span> =<span class="st0"> 'texte'</span> <span class="re2"> valeur</span> =<span class="st0"> 'Linux'</span><span class="sy0"> ></</span> p<span class="sy0"> ></span> <p> <br> Ici, l'élément ' <input>' spécifie uniquement son type et la valeur.</p> <p> <strong> Code jQuery</strong> </p> <p> Passons maintenant au code jQuery :</p> <span class="sy0"> <</span><span class="kw2"> diriger</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> scénario<span class="re2"> src</span> =<span class="st0"> 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js'</span><span class="sy0"> ></</span> scénario<span class="sy0"> ></span> <br> <span class="sy0"> <</span> scénario<span class="sy0"> ></span> <br> $<span class="br0"> (</span> document<span class="br0"> )</span> .prêt<span class="br0"> (</span><span class="kw1"> fonction</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'saisir'</span><span class="br0"> )</span> .changement<span class="br0"> (</span><span class="kw1"> fonction</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span> ce<span class="br0"> )</span> .css<span class="br0"> (</span><span class="st0"> 'Couleur de l'arrière plan'</span> ,<span class="st0"> 'jaune'</span><span class="br0"> )</span> ; <br> <span class="br0"> }</span><span class="br0"> )</span> ; <br> <span class="br0"> }</span><span class="br0"> )</span> ; <br> <span class="sy0"> </</span> scénario<span class="sy0"> ></span> <br> <span class="sy0"> </</span><span class="kw2"> diriger</span><span class="sy0"> ></span> <p> <br> Dans les lignes de code ci-dessus, le ' <strong> changement ()</strong> ' méthode attache un ' <strong> fonction()</strong> ' qui applique la propriété de style 'CSS' ' <strong> Couleur de l'arrière plan</strong> ' sur l'élément HTML sélectionné, c'est-à-dire 'entrée' sur la valeur d'entrée modifiée.</p> <p> <strong> Sortir</strong> </p> <p> <img alt="" class="alignnone size-full wp-image-327917" src="https://softoban.com/img/other/3E/how-does-the-jquery-change-method-work-2.gif"> <br> La sortie confirme que la couleur d'arrière-plan du champ d'entrée donné change lorsque sa valeur est modifiée.</p> <h2> Conclusion</h2> <p> jQuery offre le ' <strong> changement()</strong> » méthode qui déclenche l'événement « change » lorsque l'utilisateur modifie la valeur du champ de saisie. Il peut également être associé à un événement supplémentaire pour supporter ses fonctionnalités. Il ne fonctionne que sur les éléments HTML « <input> », « <select> » et « <textarea> ». Cet article a fourni une vue détaillée de la méthode 'change ()' dans jQuery.</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/54/how-to-turn-on-dark-mode-on-roblox-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-activer-le-mode-sombre-sur-roblox">Comment activer le mode sombre sur Roblox</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/F1/git-support-for-password-authentication-was-removed-error-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/erreur-git-la-prise-en-charge-de-l-authentification-par-mot-de-passe-a-ete-supprimee">Erreur Git « La prise en charge de l'authentification par mot de passe a été supprimée »</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-install-rust-on-debian-12-bookworm-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-installer-rust-sur-debian-12-bookworm">Comment installer Rust sur Debian 12 Bookworm</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/E7/how-to-install-windows-10-virtual-machine-in-virtualbox-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-installer-windows-10-machine-virtuelle-dans-virtualbox">Comment installer Windows 10 (machine virtuelle) dans VirtualBox ?</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/2D/8220-the-group-policy-client-service-failed-the-logon-8221-error-in-windows-10-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/erreur-le-service-client-de-strategie-de-groupe-a-echoue-a-la-connexion-dans-windows-10">Erreur 'Le service client de stratégie de groupe a échoué à la connexion' dans Windows 10</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/4D/java-file-input-stream-in-ubuntu-20-04-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/flux-d-entree-de-fichier-java-dans-ubuntu-20-04">Flux d'entrée de fichier Java dans Ubuntu 20.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/EB/what-is-minecraft-sniffer-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/qu-est-ce-que-minecraft-sniffer">Qu'est-ce que Minecraft Sniffer</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/3C/java-check-if-string-is-null-empty-or-blank-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/java-verifie-si-la-chaine-est-nulle-vide-ou-vide">Java vérifie si la chaîne est nulle, vide ou vide</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/28/how-to-handle-html-dom-input-email-autocomplete-property-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-gerer-la-propriete-de-saisie-semi-automatique-du-courrier-electronique-d-entree-html-dom">Comment gérer la propriété de saisie semi-automatique du courrier électronique d'entrée HTML DOM ?</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/40/aws-how-to-ssh-into-ec2-using-putty-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/aws-comment-se-connecter-en-ssh-a-ec2-a-l-aide-de-putty">AWS | Comment se connecter en SSH à EC2 à l'aide de Putty</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/CB/how-to-find-desktop-screen-resolution-from-command-line-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-trouver-la-resolution-de-l-ecran-du-bureau-a-partir-de-la-ligne-de-commande-sur-raspberry-pi">Comment trouver la résolution de l'écran du bureau à partir de la ligne de commande sur Raspberry Pi</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/3A/how-to-make-drop-shadows-in-css3-using-the-box-shadow-property-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-creer-des-ombres-portees-en-css3-a-l-aide-de-la-propriete-box-shadow">Comment créer des ombres portées en CSS3 à l'aide de la propriété box-shadow ?</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/A6/what-is-the-arraylist-contains-method-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/qu-est-ce-que-la-methode-arraylist-contains-en-java">Qu'est-ce que la méthode ArrayList.contains() en Java</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/45/how-to-handle-javascript-cleartimeout-function-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-gerer-la-fonction-javascript-cleartimeout">Comment gérer la fonction JavaScript ClearTimeout() ?</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/4A/rust-std-os-in-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/rust-std-os-sous-linux">Rust Std :: OS 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/85/how-to-install-yakyak-on-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-installer-yakyak-sur-linux-mint-21">Comment installer YakYak sur Linux Mint 21</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/32/how-add-icon-right-click-menu-windows-7.png);"></a> <div class="text"> <h3 class="heading"> <a href="/how-add-icon-right-click-menu-windows-7">Comment ajouter une icône au menu contextuel dans Windows 7 et supérieur - 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/other/59/how-to-change-axis-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-changer-d-axe-dans-matlab">Comment changer d'axe dans MATLAB</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/BB/mount-drive-in-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/monter-le-lecteur-sous-linux">Monter le lecteur 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/93/5-sql-databases-for-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/5-bases-de-donnees-sql-pour-raspberry-pi">5 bases de données SQL pour Raspberry Pi</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>