diff --git "a/s\303\251lection_recherche/icons/border-48.png" "b/s\303\251lection_recherche/icons/border-48.png" new file mode 100644 index 0000000000000000000000000000000000000000..90687de26d71e91b7c82565772a7df470ae277a6 Binary files /dev/null and "b/s\303\251lection_recherche/icons/border-48.png" differ diff --git "a/s\303\251lection_recherche/icons/loupe-256.png" "b/s\303\251lection_recherche/icons/loupe-256.png" new file mode 100644 index 0000000000000000000000000000000000000000..a34fc08ba086b2dcd791fe7962ffb74e6b17203b Binary files /dev/null and "b/s\303\251lection_recherche/icons/loupe-256.png" differ diff --git "a/s\303\251lection_recherche/main.js" "b/s\303\251lection_recherche/main.js" new file mode 100644 index 0000000000000000000000000000000000000000..978af056b69a0dec2cc17d0bbf918a651b268431 --- /dev/null +++ "b/s\303\251lection_recherche/main.js" @@ -0,0 +1,61 @@ +// 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 + + } +}); + diff --git "a/s\303\251lection_recherche/manifest.json" "b/s\303\251lection_recherche/manifest.json" new file mode 100644 index 0000000000000000000000000000000000000000..146201c8562e943993f009ace2f500781afd8d3c --- /dev/null +++ "b/s\303\251lection_recherche/manifest.json" @@ -0,0 +1,22 @@ +{ + "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 diff --git "a/s\303\251lection_recherche/style.css" "b/s\303\251lection_recherche/style.css" new file mode 100644 index 0000000000000000000000000000000000000000..60e994e0c3e489b7981b06a20af04964cd8c49b2 --- /dev/null +++ "b/s\303\251lection_recherche/style.css" @@ -0,0 +1,37 @@ +#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; +} +