Événements de souris JavaScript

Julien Dumas

Les événements exploitent l'interaction entre HTML et JavaScript et se produisent lorsque la page Web est manipulée par l'utilisateur ou le navigateur, par exemple, en cliquant sur un bouton, en appuyant sur une touche ou en redimentant une fenêtre sont tous considérés comme des événements. Il y a une énorme classification des événements JavaScript, cependant, dans cet article, nous explorerons la catégorie des événements de souris JavaScript.

Comme le suggère le nom des événements Javascript Mouse sont déclenchés par l'interaction de la souris avec les pages Web et ces événements font partie de l'objet Mouseevent.

Les événements de souris JavaScript sont

sur clic
oncontextmenu
ondblclick
onduledown
onmouseenter
onmouseleave
onmousemove
onMouseout
onduir
onmeup

Cet article traite de ces un par un en profondeur.

événement onclick

Lorsqu'un utilisateur clique sur un élément, l'événement OnClick se produit. Il bubble et peut être annulé. Cet événement prend en charge toutes les balises HTML autres que , ,
, , , , , , , , et et est inclus dans DOM Niveau 2.</p> <p><strong>Syntaxe</strong></p> <p>La syntaxe de l'événement OnClick est fournie ci-dessous.</p> <p><strong>Syntaxe HTML</strong></p> <element onclick="funtionName()"> <p><strong>Syntaxe JavaScript</strong></p> objet.onClick = function () script; <p><strong>Syntaxe javascript addeventListener ()</strong></p> objet.addEventListener ("cliquez", script); <p><strong>Exemple</strong></p> <!DOCTYPE html><br><html><br><body><br><p> Cliquez sur le bouton ci-dessous.</p><br><button onclick="functionName()">Cliquez ici</button><br><br><script><br>function functionName() <br>document.getElementById("tutorial").innerHTML = "Onclick Event";<br><br></script><br></body><br></html> <p>Dans l'exemple ci-dessus, un bouton apparaît sur la page Web. Après avoir cliqué sur le bouton, l'événement OnClick se produira et un message apparaîtra.</p> <p><strong>Sortir</strong></p> <p>Avant que le bouton ne soit cliqué.</p> <p>Une fois le bouton cliqué, le message apparaîtra.</p> <p>Événement OnContextMenu</p> <p>Lorsque le menu contextuel d'un élément est ouvert à l'aide du clic droit, l'événement onContextMenu se produit. Il bubble et est également annule. Cet événement prend en charge toutes les balises HTML et est incluse dans DOM version 3.</p> <p><strong>Syntaxe</strong></p> <p>La syntaxe de l'événement OnContextMenu est donnée ci-dessous.</p> <p><strong>Syntaxe HTML</strong></p> <element oncontextmenu="funtionName()"> <p><strong>Syntaxe JavaScript</strong></p> objet.onContextMenu = function () script; <p><strong>Syntaxe javascript addeventListener ()</strong></p> objet.addEventListener ("contextMenu", script); <p><strong>Exemple</strong></p> <!DOCTYPE html><br><html><br><body><br><p oncontextmenu="functionName()">Cliquez avec le bouton droit sur moi.</p><br><script><br>function functionName() <br>alert("You just right-clicked!");<br><br></script><br></body><br></html> <p>Dans l'exemple ci-dessus, lorsque vous cliquez avec le bouton droit sur le texte, l'événement OnContextMenu se déclenchera et d'abord une boîte de dialogue apparaîtra en disant que vous venez d'effectuer un clic droit et après avoir cliqué sur OK dans la boîte de dialogue, le menu contextuel s'ouvrera.</p> <p><strong>Sortir</strong></p> <p>Lorsque vous exécutez l'exemple ci-dessus, le texte suivant apparaîtra.</p> <p>Maintenant, lorsque vous cliquez avec le bouton droit sur le texte, la boîte de dialogue apparaîtra.</p> <p>Après avoir cliqué sur OK, le menu contextuel s'ouvrira.</p> <p>événement ondblclick</p> <p>Lorsqu'un élément est double-cliqué, l'événement ondblclick se produit. Il bubble et peut être annulé. Cet événement prend en charge toutes les balises HTML autres que , , <br>, , , <iframe>, , , , , et est inclus dans DOM version 2.</p> <p><strong>Syntaxe</strong></p> <p>La syntaxe de l'événement ondblclick est fournie ci-dessous.</p> <p><strong>Syntaxe HTML</strong></p> <element ondblclick="functionName()"> <p><strong>Syntaxe JavaScript</strong></p> objet.ondblclick = function () script; <p><strong>Syntaxe javascript addeventListener ()</strong></p> objet.addEventListener ("dblclick", script); <p><strong>Exemple</strong></p> <!DOCTYPE html><br><html><br><body><br><button ondblclick="functionName()">Double-cliquez sur moi.</button><br><br><script><br>function functionName() <br>document.getElementById("tutorial").innerHTML = "I am learning JavaScript Events.";<br><br></script><br></body><br></html> <p>Dans l'exemple ci-dessus, un bouton apparaîtra et lorsque vous doublerez sur le bouton, les déclencheurs de l'événement ondblclick et un message apparaîtra. Voici la sortie.</p> <p><strong>Sortir</strong></p> <p>Avant de double-cliquer sur le bouton.</p> <p>Après le double de cliquer sur le bouton.</p> <p>Événement OnMoudown</p> <p>Lorsque vous appuyez sur un bouton de souris tout en gardant la souris sur un élément HTML, l'événement OnMoudown se produit. Il bubble et peut être annulé. Cet événement prend en charge toutes les balises HTML autres que , , <br>, , , <iframe>, , , , , et est inclus dans DOM version 2.</p> <p><strong>Syntaxe</strong></p> <p>La syntaxe de l'événement OnMoudown est la suivante.</p> <p><strong>Syntaxe HTML</strong></p> <element onmousedown="funtionName()"><p><strong>Syntaxe JavaScript</strong></p>objet.onMoudown = function () script;<p><strong>Syntaxe javascript addeventListener ()</strong></p>objet.addEventListener ("Mousedown", script);<p><strong>Exemple</strong></p><!DOCTYPE html><br><html><br><body><br><button onmousedown="mouseDown()"><strong>Cliquez ici</strong></button><br><script><br>function mouseDown() <br>document.getElementById("jsEvents").style.color = "red";<br><br></script><br></body><br></html><p>Dans l'exemple ci-dessus, un bouton apparaît sur la page Web. Lorsque vous cliquez avec le bouton avec le bouton tout en gardant le pointeur de la souris sur le bouton, l'événement OnMoudown se déclenchera et le texte sur le bouton changera sa couleur du noir au rouge.</p><p><strong>Sortir</strong></p><p>Le bouton avant de cliquer.</p><p>Après avoir cliqué avec le bouton droit sur la souris pendant que le curseur reste sur le bouton.</p><p>Événement OnMouseenter</p><p>Lorsque vous apportez un pointeur de souris sur un élément HTML, l'événement OnMouseenter se produit.Il ne peut pas bubble et ne peut pas être annulé. Cet événement prend en charge toutes les balises HTML autres que , , <br>, , , <iframe>, , , , , et est inclus dans DOM version 2.</p><p><strong>Syntaxe</strong></p><p>La syntaxe de l'événement OnMouseenter est la suivante.</p><p><strong>Syntaxe HTML</strong></p><element onmouseenter="funtionName()"><p><strong>Syntaxe JavaScript</strong></p>objet.onMouseEnter = function () script;<p><strong>Syntaxe javascript addeventListener ()</strong></p>objet.addEventListener ("MouseEsenter", script);<p><strong>Exemple</strong></p><!DOCTYPE html><br><html><br><body><br><h1 onmouseenter="mouseEnter()">Apportez le pointeur de la souris sur moi.</h1><br><script><br>function mouseEnter() <br>document.getElementById("tutorial").style.color = "red";<br><br></script><br></body><br></html><p>Dans l'exemple ci-dessus, un texte apparaît sur la page Web. Lorsque vous apportez le curseur de votre souris sur le texte, l'événement OnMouseenter se déclenchera et la couleur changera en rouge.</p><p><strong>Sortir</strong></p><p>Avant d'apporter le pointeur de la souris sur le texte.</p><p>Après avoir apporté le curseur de la souris sur le texte.</p><p>Événement OnMouseleave</p><p>Lorsque vous éloignez votre pointeur de souris d'un élément, l'événement OnMouseleave se produit. Il ne peut pas bubble et ne peut pas être annulé. Cet événement prend en charge toutes les balises HTML autres que , , <br>, , , <iframe>, , , , , et est inclus dans DOM version 2.</p><p><strong>Syntaxe</strong></p><p>La syntaxe de l'événement OnMouseleave est la suivante.</p><p><strong>Syntaxe HTML</strong></p><element onmouseleave="functionName()"><p><strong>Syntaxe JavaScript</strong></p>objet.onMousELeave = function () script;<p><strong>Syntaxe javascript addeventListener ()</strong></p>objet.addEventListener ("Mouseleave", script);<p><strong>Exemple</strong></p><!DOCTYPE html><br><html><br><body><br><h1 onmouseleave="mouseLeave()">Apportez le pointeur de la souris sur moi.</h1><br><script><br>function mouseLeave() <br>document.getElementById("tutorial").style.color = "green";<br><br></script><br></body><br></html><p>Dans l'exemple ci-dessus, un texte apparaît sur la page Web. Lorsque vous déplacez le curseur de la souris loin du texte, l'événement OnMouseenter se déclenchera et la couleur changera en vert.</p><p><strong>Sortir</strong></p><p>Avant d'éloigner le pointeur de la souris du texte.</p><p>La couleur changera lorsque le pointeur de la souris s'éloignera.</p><p>Événement OnMouseMove</p><p>Lorsque vous déplacez votre curseur de souris tout en le gardant sur un élément, l'événement OnMousemove se produit. La seule différence entre cet événement et l'événement OnMouseenter est qu'il bubble et peut être annulé. Cet événement prend en charge toutes les balises HTML autres que , , <br>, , , <iframe>, , , , , et est inclus dans DOM version 2.</p><p><strong>Syntaxe</strong></p><p>La syntaxe de Onmousemove est donnée ci-dessous.</p><p><strong>Syntaxe HTML</strong></p><element onmousemove="functionName()"><p><strong>Syntaxe JavaScript</strong></p>objet.onMouseMove = function () script;<p><strong>Syntaxe javascript addeventListener ()</strong></p>objet.addEventListener ("MouseMove", script);<p><strong>Exemple</strong></p><!DOCTYPE html><br><html><br><body><br><h1>Événements JavaScript</h1><br><br><script><br>document.getElementById("tutorial").addEventListener("mousemove", function(event) <br>funtionName(event);<br>);<br>function funtionName(event) <br>alert("This is onmousemove event.")<br><br></script><br></body><br></html><p>Dans l'exemple ci-dessus, lorsque vous déplacez le curseur de la souris sur le texte, l'événement OnMousemove se produira et une boîte de dialogue apparaîtra pour vous informer que l'événement OnMouseMove a été déclenché.</p><p><strong>Sortir</strong></p><p>Avant de déplacer la souris sur le texte.</p><p>Après.</p><p>Événement OnMouseout</p><p>Lorsqu'un curseur de souris quitte un élément ou l'un de ses enfants, l'événement OnMouseout se produit. La seule différence entre cela et OnMouseleave est qu'il bubble et peut être annulé. Cet événement prend en charge toutes les balises HTML autres que , , <br>, , , <iframe>, , , , , et est inclus dans DOM version 2.</p><p><strong>Syntaxe</strong></p><p>La syntaxe de l'événement OnMouseout est donnée ci-dessous.</p><p><strong>Syntaxe HTML</strong></p><element onmouseout="functionName()"><p><strong>Syntaxe JavaScript</strong></p>objet.onMouseout = function () script;<p><strong>Syntaxe javascript addeventListener ()</strong></p>objet.addEventListener ("Mouseout", script);<p><strong>Exemple</strong></p><!DOCTYPE html><br><html><br><body><br><button onmouseout="mouseOut()"><h1>Amenez la souris ici</h1></button><br><script><br>function mouseOut() <br>document.getElementById("tutorial").style.color = "green";<br><br></script><br></body><br></html><p>Dans l'exemple ci-dessus, vous déplacez le curseur de la souris loin du bouton, l'événement OnMouseout se déclenchera et la couleur du texte sur le bouton changera en vert.</p><p><strong>Sortir</strong></p><p>Avant</p><p>Après</p><p>Événement OnMouseOver</p><p>Lorsque vous apportez votre curseur de souris sur un élément ou l'un de ses enfants, l'événement OnMouseOver se produit. Il bubble et peut être annulé. Cet événement prend en charge toutes les balises HTML autres que , , <br>, , , <iframe>, , , , , et est inclus dans DOM version 2.</p><p><strong>Syntaxe</strong></p><p>La syntaxe de l'événement OnMouseover est fournie ci-dessous.</p><p><strong>Syntaxe HTML</strong></p><element onmouseover="functionName()"><p><strong>Syntaxe JavaScript</strong></p>objet.onMouseOver = function () script;<p><strong>Syntaxe javascript addeventListener ()</strong></p>objet.addEventListener ("Mouseover", script);<p><strong>Exemple</strong></p><!DOCTYPE html><br><html><br><body><br><button onmouseover="mouseOver()"><h1>Amenez la souris ici</h1></button><br><script><br>function mouseOver() <br>document.getElementById("tutorial").style.color = "red";<br><br></script><br></body><br></html><p>Dans l'exemple ci-dessus, vous déplacez le curseur de la souris sur le bouton, l'événement OnMouseOver déclenchera et la couleur du texte sur le bouton changera en rouge.</p><p><strong>Sortir</strong></p><p>Avant</p><p>Après</p><p>Événement OnMouseUp</p><p>Lorsqu'un bouton de souris est libéré tout en gardant le pointeur sur un élément, l'événement OnMouseup se produit. Il bubble et peut être annulé. Cet événement prend en charge toutes les balises HTML autres que , , <br>, , , <iframe>, , , , , et est inclus dans DOM version 2.</p><p><strong>Syntaxe</strong></p><p>L'événement Syntax of OnMouseUp est fourni ci-dessous.</p><p><strong>Syntaxe HTML</strong></p><element onmouseup="functionName()"><p><strong>Syntaxe JavaScript</strong></p>objet.onMouseUp = function () script;<br><strong>Syntaxe javascript addeventListener ()</strong><br>objet.addEventListener ("mouseup", script);<p><strong>Exemple</strong></p><!DOCTYPE html><br><html><br><body><br><button onmouseup="mouseUp()"><strong>Cliquez ici</strong></button><br><script><br>function mouseUp() <br>document.getElementById("jsEvents").style.color = "green";<br><br></script><br></body><br></html><p>Dans l'exemple ci-dessus, un bouton apparaîtra. Lorsque vous cliquez avec le bouton droit sur le bouton et relevez tout en gardant le pointeur de la souris sur le bouton, l'événement OnMouse Up se déclenche et la couleur du texte sur le bouton changera en vert.</p><p><strong>Sortir</strong></p><p>Avant de cliquer avec le bouton.</p><p>Après avoir libéré le bouton tout en conservant le pointeur de la souris dessus.</p><p>Conclusion</p><p>Les événements qui se produisent en raison des mouvements de la souris sont appelés événements de souris JavaScript. Les événements qui sont classés dans la catégorie des événements JavaScript Mouse sont des événements OnClick, un événement OnContextMenu, un événement Ondblclick, un événement OnMoudown, un événement OnMouseenter, un événement OnMouseleave, un événement OnMouseMove, OnMouseout, OnMouseOver Event et OnMouseUp Event. Tous ces événements sont discutés en détail avec un exemple approprié. </p> <p>A propos de l'auteur</p> <h4>Naima Aftab</h4> <p>Je suis un professionnel du génie logiciel avec un intérêt profond à écrire. Je poursuis l'écriture technique comme ma carrière à temps plein et je partage mes connaissances à travers mes mots.</p> Afficher tous les messages <aside> <h4>Posts d'indice linux connexes</h4><ul> <li>Comment fonctionne l'événement OnClick en javascript</li><li>Comment utiliser GetElementsByTagName () Méthode dans JavaScript</li><li>Comment utiliser la propriété Mouseevent ScreenX en JavaScript</li><li>Que fait la méthode atoB () en javascript</li><li>Que fait W Metacharacter dans Regexp de JavaScript</li><li>Comment exécuter TypeScript dans VS Code</li><li>La façon dont la type dactylographie est différente de JavaScript?</li></ul> </aside> <p><strong>Linux Hint LLC, éditeur @ Linuxhint.com<br>1309 S Mary Ave Suite 210, Sunnyvale, CA 94087<br></strong> Politique de confidentialité et conditions d'utilisation</p> <table> </div> <div class="rek-block rek-block-article"> </div> <ul class="prev-next"> <li class="prev-next__item prev-next__item--left"><a href="http://fr.cyberaxe.org/article/javascript-static-class-methods">« Méthodes de classe statique JavaScript</a></li> <li class="prev-next__item prev-next__item--right"><a href="http://fr.cyberaxe.org/article/string-iteration-methods-in-javascript">Méthodes d'itération des cordes en javascript »</a></li> </ul> <style> .prev-next { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 20px 0; list-style: none; gap: 30px; } .prev-next li { max-width: 50%; } .prev-next__item { display: inline-block; font-weight: bold; } .prev-next__item--left { text-align: left; } .prev-next__item--right { text-align: right; } @media(max-width: 768px) { .prev-next li { max-width: 85%; } .prev-next__item--left { align-self: flex-start; } .prev-next__item--right { align-self: flex-end; } .prev-next { display: flex; flex-direction: column; } } </style> </div> <div class="col-xl-4"> <div class="sidebar-news"> <div class="rek-block rek-block-sidebar"> </div> <div class="white-news white-news--article"> <div class="white-news__cat"> <a href="http://fr.cyberaxe.org/category/python">Python</a> </div> <div class="white-news__name"> <a href="http://fr.cyberaxe.org/article/what-is-b-string-in-python">Qu'est-ce que la chaîne b en python?</a> </div> <div class="white-news__text"> Dans Python, la notation «B» à côté de la chaîne régulière et la méthode «Encoder ()» est utilisée p... </div> <div class="white-news__author"> <a href="http://fr.cyberaxe.org/author/mohamed-benoit">Mohamed Benoit</a> </div> </div> <div class="white-news white-news--article"> <div class="white-news__cat"> <a href="http://fr.cyberaxe.org/category/php">php</a> </div> <div class="white-news__name"> <a href="http://fr.cyberaxe.org/article/how-to-use-substrreplace-function-in-php">Comment utiliser la fonction substr_replace en php</a> </div> <div class="white-news__text"> Dans PHP, substr_replace () est une fonction intégrée utilisée pour remplacer une partie d'une chaîn... </div> <div class="white-news__author"> <a href="http://fr.cyberaxe.org/author/nathan-blanc">Nathan Blanc</a> </div> </div> <div class="white-news white-news--article"> <div class="white-news__cat"> <a href="http://fr.cyberaxe.org/category/c">C ++</a> </div> <div class="white-news__name"> <a href="http://fr.cyberaxe.org/article/what-is--in-c">Qu'est-ce que + = en C++?</a> </div> <div class="white-news__text"> En C ++, le + = est une combinaison de deux opérateurs, l'un est l'opérateur d'addition et le second... </div> <div class="white-news__author"> <a href="http://fr.cyberaxe.org/author/gabriel-bernard">Gabriel Bernard</a> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="my-slider"> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://fr.cyberaxe.org/category/postgresql">Postgresql</a> </div> <div class="header-news__name"> <a href="http://fr.cyberaxe.org/article/postgresql-create-index-concurrently">PostgreSQL Créez un index simultanément</a> </div> <div class="header-news__author"> <a href="http://fr.cyberaxe.org/author/mohamed-benoit">Mohamed Benoit</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://fr.cyberaxe.org/category/postgresql">Postgresql</a> </div> <div class="header-news__name"> <a href="http://fr.cyberaxe.org/article/how-to-copy-a-table-from-one-database-to-another-in-postgresql">Comment copier un tableau d'une base de données à une autre dans PostgreSQL</a> </div> <div class="header-news__author"> <a href="http://fr.cyberaxe.org/author/lena-martinez">Lena Martinez</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://fr.cyberaxe.org/category/oracle-database">Base de données Oracle</a> </div> <div class="header-news__name"> <a href="http://fr.cyberaxe.org/article/do-oracle-fusion-considered-better-than-sap">Oracle Fusion est-il considéré comme mieux que SAP?</a> </div> <div class="header-news__author"> <a href="http://fr.cyberaxe.org/author/sarah-roux">Sarah Roux</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://fr.cyberaxe.org/category/oracle-database">Base de données Oracle</a> </div> <div class="header-news__name"> <a href="http://fr.cyberaxe.org/article/how-to-connect-to-oracle-database-top-10c-using-sql-developer">Comment se connecter à la base de données Oracle Top 10C à l'aide du développeur SQL?</a> </div> <div class="header-news__author"> <a href="http://fr.cyberaxe.org/author/zoe-martinez">Zoe Martinez</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://fr.cyberaxe.org/category/golang">golang</a> </div> <div class="header-news__name"> <a href="http://fr.cyberaxe.org/article/what-are-data-types-in-golang">Quels sont les types de données à Golang</a> </div> <div class="header-news__author"> <a href="http://fr.cyberaxe.org/author/sarah-roux">Sarah Roux</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://fr.cyberaxe.org/category/powershell">Powershell</a> </div> <div class="header-news__name"> <a href="http://fr.cyberaxe.org/article/how-to-use-comparison-operators-in-powershell">Comment utiliser les opérateurs de comparaison dans PowerShell?</a> </div> <div class="header-news__author"> <a href="http://fr.cyberaxe.org/author/ethan-guillot">Ethan Guillot</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://fr.cyberaxe.org/category/docker">Docker</a> </div> <div class="header-news__name"> <a href="http://fr.cyberaxe.org/article/how-can-i-list-all-docker-commands">Comment puis-je répertorier toutes les commandes Docker?</a> </div> <div class="header-news__author"> <a href="http://fr.cyberaxe.org/author/julien-dumas">Julien Dumas</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://fr.cyberaxe.org/category/docker">Docker</a> </div> <div class="header-news__name"> <a href="http://fr.cyberaxe.org/article/how-does-docker-differ-from-docker-desktop">En quoi Docker diffère-t-il de Docker Desktop?</a> </div> <div class="header-news__author"> <a href="http://fr.cyberaxe.org/author/lena-dupuy">Lena Dupuy</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://fr.cyberaxe.org/category/powershell">Powershell</a> </div> <div class="header-news__name"> <a href="http://fr.cyberaxe.org/article/how-to-use-set-variable-command-in-powershell">Comment utiliser la commande set-variable dans PowerShell</a> </div> <div class="header-news__author"> <a href="http://fr.cyberaxe.org/author/jules-colin">Jules Colin</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://fr.cyberaxe.org/category/powershell">Powershell</a> </div> <div class="header-news__name"> <a href="http://fr.cyberaxe.org/article/how-to-use-the-sort-object-cmdlet-in-powershell">Comment utiliser l'emplet de commande de tri-objet dans PowerShell</a> </div> <div class="header-news__author"> <a href="http://fr.cyberaxe.org/author/pauline-giraud">Pauline Giraud</a> </div> </div> </div> </div> </div> </div> <footer> <div class="container"> <div class="footer"> <div class="footer__about">Un site sur le système d'exploitation Linux. Vous trouverez ici de nombreux articles intéressants et des guides utiles</div> <div class="footer__cats"> <ul class="sub-menu"> <li class="menu-item"><a href="http://fr.cyberaxe.org/category/python">Python</a></li> <li class="menu-item"><a href="http://fr.cyberaxe.org/category/postgresql">Postgresql</a></li> <li class="menu-item"><a href="http://fr.cyberaxe.org/category/oracle-linux">Oracle Linux</a></li> <li class="menu-item"><a href="http://fr.cyberaxe.org/category/c">C ++</a></li> <li class="menu-item"><a href="http://fr.cyberaxe.org/category/windows-os">Windows OS</a></li> </li> </ul> </div> <div class="footer__cats"> <ul class="sub-menu"> <li class="menu-item"><a href="http://fr.cyberaxe.org/category/docker">Docker</a></li> <li class="menu-item"><a href="http://fr.cyberaxe.org/category/c-sharp">c Sharp</a></li> <li class="menu-item"><a href="http://fr.cyberaxe.org/category/r">R</a></li> <li class="menu-item"><a href="http://fr.cyberaxe.org/category/oracle-database">Base de données Oracle</a></li> </li> <li class="menu-item"><a href="http://fr.cyberaxe.org/all-categories"><b>Toutes catégories</b></a></li> </ul> </div> </div> </div> </footer> <script src="/assets/artline/js/app.min.js"></script> <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" /> <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script> <script> window.addEventListener("load", function(){ window.cookieconsent.initialise({ "palette": { "popup": { "background": "#edeff5", "text": "#838391" }, "button": { "background": "#4b81e8" } }, "theme": "classic", "position": "bottom-right" })}); </script> <script> const images = document.querySelectorAll('img'); for (let i = 0; i < images.length; i++) { images[i].onerror = function() { this.src = 'https://cyberaxe.org/storage/img/nophoto.jpg'; } } </script> </body> </html>