Bonjour à tous, je n'ai pas eu beaucoup de réponse sur les autres forums donc je me tourne vers vous

Voici les deux messages que j'avais posté le premier est mon problème et le second est une possible solution qui ne fonctionne pas :

1er message : PROBLEME
#####################################################

Voilà un aperçu de ce que je dois réaliser :



En fait au clic de souris sur l'icône en haut à gauche, le mot surligné de ma page doit d'afficher dans une popup.

Pour cela, j'ai 3 fichiers :
manifest.json
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
{
  "name": "My First Extension",
  "version": "1.0",
  "manifest_version": 2,
  "description": "The first extension that I made.",
  "browser_action": {
    "default_icon": "icon.png"
  },
  "permissions": [
    "http://api.flickr.com/"
  ],
 
	"browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
 
	"manifest_version": 2
}
popup.js
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
function getSelectedText(){
   if (window.getSelection){
      var str = window.getSelection();
   }else if (document.getSelection){
      var str = document.getSelection();
   }else {
      var str = document.selection.createRange().text;
   }
   return str;
}
 
function affichage(){
var sel = getSelectedText();
alert(sel);
}
et enfin popup.html :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<!doctype html>
<html>
  <head>
    <title>Getting Started Extension's Popup</title>
    <style>
      body {
        min-width:357px;
        overflow-x:hidden;
      }
 
			p {
					text-align : center;
					color : black;
					font-size : 18px;
					font family : Calibri light;
			}
    </style>
 
    <!-- JavaScript and HTML must be in separate files for security. -->
  </head>
  <body>
	<p>Salut</p>		
  </body>
</html>
Problème : Je n'arrive pas à récupérer le mot surligné dans ma page "popup.html"


#####################################################

2eme message : POSSIBLE SOLUTION
#####################################################

Aperçu :


popup.html
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<!DOCTYPE html> 
<html>
<head>
<style>
  body { width: 300px; }
  textarea { width: 250px; height: 100px;}
</style>
<script>
function pasteSelection() {
  chrome.tabs.getSelected(null, function(tab) {
    chrome.tabs.sendRequest(tab.id, {method: "getSelection"}, function (response) {
      var text = document.getElementById('text'); 
      text.innerHTML = response.data;
    });
  });
}
</script>
</head>
<body>
<form>
<textarea id="text"></textarea>
<button onclick="pasteSelection(); " type="submit">Obtenir le texte sélectionné</button>
</form>
</body>
</html>
popup.js
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
function getSelectedText(){
   if (window.getSelection){
      var str = window.getSelection();
   }else if (document.getSelection){
      var str = document.getSelection();
   }else {
      var str = document.selection.createRange().text;
   }
   return str;
}
 
function affichage(){
var sel = getSelectedText();
alert(sel);
}
 
function addtext() {
	document.form.champ.value = getSelectedText();
	}
manifest.json
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
 "version": "0.1",
 "description": "Selected Text",
 "options_page": "page_options.html",
 "browser_action": {
   "default_title": "Selected Text",
   "default_icon": "icon.png",
   "default_popup": "popup.html" 
 },
 "permissions": [
   "tabs",
   "chrome://favicon/",
   "http://*/*", 
   "https://*/*"
 ],
 "content_scripts": [
  {
    "matches": ["http://*/*"],
    "js": ["selection.js"],
    "run_at": "document_start",
    "all_frames": true
  }
 ],
 "manifest_version": 2
}