Extension Chrome, manifest.json, popup

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

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 :

http://img259.imageshack.us/img259/2659/exemplev.png

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:

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:

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:

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 :
http://img84.imageshack.us/img84/401/capturesdy.png

popup.html

Code:

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:

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:

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
}