JavaScript qui récupère une variable

**link06** · 23/06/2016, 15h10

Bonjour,

Avant toute chose je tiens à préciser que je suis désolé si je n'ai pas trouvé le sujet en équivalence, que j'ai fait pas mal de recherches et de test avant de poster.

je suis en train de faire une télécommande pour ma Freebox sur une page HTML
voici un extrait du code source

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
<html>
<head>
 
<script type="text/javascript">
 
var key;
var xhr = getXMLHttpRequest();
 
xhr.open("GET", "http://hd1.freebox.fr/pub/remote_control?code=36939958&key=" + key + , true);
xhr.send(null);
</script>
 
 
</head>
<body>
<img src="1.png" usemap="#image-map1">
	<map name="image-map1">
		<area key="tv" coords="0,0,100,75" shape="rect" value="Submit">
		<area key="power" coords="154,0,254,75" shape="rect">
		<area key="1" coords="0,83,59,144" shape="rect">
		<area key="2" coords="91,83,149,145" shape="rect">
	</map>
 
</body>
</html>

si depuis mon navigateur je lance http://hd1.freebox.fr/pub/remote_con...9958&key=power , la freebox s'allume mais cela m'ouvre une nouvelle page qui reste blanche. J'aimerais pour cela lancer une requête comme pour interroger la page.

dans un premier temps, est-ce possible de faire remonter la variable "key" dans le script de cette manière ?

dans un deuxieme temps, si vous voulez voir le rendu final c'est ici:

http://lordedel.free.fr/domo/free/free.html

merci de vos lumières

**NoSmoking** · 23/06/2016, 18h34

Bonjour et bienvenue sur DVP.
Si l'on regarde ton code, qui ne peut fonctionner en l'état, on constate pas mal de « maladresses ».

Pour faire « remonter » la variable key il existe un moyen qui consiste à appeler une fonction en passant la valeur en paramètre. Pour ce faire il faut que ton code de début soit regroupé dans une fonction, par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function sendKey( param){
  var xhr = getXMLHttpRequest();  // on suppose que cette méthode existe, mais il faut l'intégrer dans ton script
  xhr.open("GET", "http://hd1.freebox.fr/pub/remote_control?code=36939958&key=" + param + , true);
  xhr.send(null);
}

et pour chacune de tes zones tu appelles la fonction sur l’événement onclick comme ceci

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<map name="image-map1">
    <area onclick="sendKey('tv') coords="0,0,100,75" shape="rect">
    <area onclick="sendKey('power') coords="154,0,254,75" shape="rect">
    <area onclick="sendKey('1') coords="0,83,59,144" shape="rect">
    <area onclick="sendKey('2') coords="91,83,149,145" shape="rect">
</map>

**link06** · 24/06/2016, 09h14

Bonjour NoSmoking et merci pour ton message de bienvenue.

tes explications sont vraiment très claires et je comprends bien le lien entre le "onclick" qui va appeler la fonction "sendKey".
la fonction sendKey attend une variable qui s'appelle "param", celle qui sera récupérée lors du clic.

je fais quelques modifications sur mon fichier html et je reviens vers toi.

un grand MERCI en tout cas !

JavaScript qui récupère une variable

JavaScript

Discussions similaires

Partager

Partager