première_version

sélection_recherche/main.js

+// Vérifier avant de créer une nouvelle zone si elle y est déjà
+if (!document.getElementById('whiteBox')) {
+  // Création de la zone blanche
+  const whiteBox = document.createElement('div');
+  whiteBox.id = 'whiteBox';
+
+  // Ajout de contenu dans la zone
+  whiteBox.innerHTML = '<p id="selectedWord"> Mot sélectionné </p>';
+
+  // Ajouter la zone au document
+  document.body.appendChild(whiteBox);
+}
+
+// Ecouteur de la sélection de texte
+document.addEventListener('contextmenu', (event) => {
+  const selectedText = window.getSelection().toString();  // Récupérer le texte sélectionné
+
+  // SI on a du texte sélectionné, on modifie le contenu et affiche le bouton de recherche dans le lexique
+  if (selectedText) {
+    console.log("Texte sélectionné :", selectedText);
+
+    // Modifier le contenu de la boîte blanche avec le texte sélectionné
+    const selectedWordElement = document.getElementById('selectedWord');
+    if (selectedWordElement) {
+      selectedWordElement.textContent = selectedText;
+    }
+
+    // Bouton de recherche dans le lexique perso
+    if (!document.getElementById('searchLexiconButton')) {
+      // Création du bouton "Rechercher dans le lexique" (lexique perso)
+      const searchLexiconButton = document.createElement('input');
+      searchLexiconButton.id = 'searchLexiconButton';
+      searchLexiconButton.type = 'button';
+      searchLexiconButton.value = 'Rechercher dans le lexique personnel';
+      searchLexiconButton.className = 'searchButton';
+
+      // Ajouter du bouton sous le texte 
+      const whiteBox = document.getElementById('whiteBox');
+      whiteBox.appendChild(searchLexiconButton);
+    }
+
+    // Bouton de recherche requête sur le wiktionnaire
+    if (!document.getElementById('searchWikiButton')) {
+      // Création du bouton "Recherche sur le Wiktionnaire"
+      const searchWikiButton = document.createElement('input');
+      searchWikiButton.id = 'searchWikiButton';
+      searchWikiButton.type = 'button';
+      searchWikiButton.value = 'Rechercher sur le Wiktionnaire';
+      searchWikiButton.className = 'searchButton';
+
+      // Ajouter du bouton sous le texte 
+      const whiteBox = document.getElementById('whiteBox');
+      whiteBox.appendChild(searchWikiButton);
+    }
+
+    //Récupérer le token dans le local storage
+    //Ajouter les évènements API sur les boutons
+
+  }
+});
+

sélection_recherche/manifest.json

+{
+    "manifest_version": 2,
+    "name": "Rechercher si le mot est dans le lexique",
+    "version": "1.0",
+    "description": "Sélectionne un mot et affiche le mot sélectionné dans la zone pour vérifier s'il est dans un lexique",
+    "icons": {
+      "48": "icons/loupe-256.png"
+    },
+    "permissions": ["activeTab"],
+    "content_scripts": [
+      {
+        "matches": ["<all_urls>"],
+        "js": ["main.js"],
+        "css": ["style.css"]
+      }
+    ],
+    "browser_action": {
+      "default_icon": "icons/loupe-256.png",
+      "default_title": "Recherche du mot"
+    }
+  }
+  
\ No newline at end of file

sélection_recherche/style.css

+#whiteBox {
+  position: fixed;
+  top: 10px;  
+  right: 10px;  
+  background-color: rgb(255, 255, 255);
+  border: 5px solid rgb(0, 0, 0);
+  padding: 10px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  z-index: 10000;
+}
+
+#selectedWord {
+  margin: 0;
+  font-size: 14px;
+  line-height: 1.5;
+  color: black; 
+  font-weight: bold;
+}
+
+/* Style des boutons */
+.searchButton {
+  margin-top: 10px;
+  padding: 8px 12px;
+  background-color: #4CAF50;
+  color: white;
+  border: none;
+  cursor: pointer;
+  font-size: 14px;
+  border-radius: 5px;
+  display: block;
+  width: 100%;
+}
+
+.searchButton:hover {
+  background-color: #45a049;
+}
+