implemented web search feature

SandeepKrSuman · Apr 2, 2022 · 5211e7c · 5211e7c
1 parent fc041f3
commit 5211e7c
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/popup/popup.js b/popup/popup.js
@@ -27,6 +27,7 @@ let wordef,
   pos,
   defin,
   example,
+  sourceurl,
   index = 0,
   indlimit;
 
@@ -38,6 +39,7 @@ async function dictionary(query) {
     indlimit = wordef[0].meanings.length;
     word = wordef[0].word;
     phonetic = wordef[0].phonetic ? wordef[0].phonetic : "";
+    sourceurl = `https://en.wiktionary.org/wiki/${word}`;
     index = 0;
 
     setValues();
@@ -74,7 +76,9 @@ function setValues() {
     ? wordef[0].meanings[index].definitions[0].example
     : null;
 
-  document.getElementById("word").innerHTML = word;
+  document.getElementById(
+    "word"
+  ).innerHTML = `${word} <a href=${sourceurl} class="searchanchor" target="_blank"><img class="searchsvg" title="read more" src = "../assets/searchonweb.svg" alt="read more"/><a>`;
   document.getElementById("phonetic").innerHTML = `${phonetic}  (${pos})`;
   document.getElementById("definition").innerHTML = defin;
   if (example) {

diff --git a/popup/style.css b/popup/style.css
@@ -54,3 +54,24 @@ div {
   background-color: #f1f1f1;
   color: black;
 }
+
+.searchsvg {
+  width: 17px;
+  user-drag: none;
+  -webkit-user-drag: none;
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+}
+
+.searchanchor {
+  text-decoration: none;
+  outline: none;
+}
+
+.searchanchor:hover {
+  text-decoration: none;
+  outline: none;
+  border: none;
+}