Bjr à tous,

je ne connait absolument pas javascript mais je dois l'utiliser pour le problème suivant :

- sur un raspberry j'ai installé transmission et j'utilise le webui.
- transmission est lié a openVPN
- la page index.html fait appel à pas mal de scripts javascript que je ne compte absolument pas toucher.
- par contre, j'ai rajouté un div sur la page index et j'aimerais lorsqu'on clique dessus que la page aille se loguer à une adresse précise qui lui transmet son ip (l'ip du serveur transmission, donc).

index.html de transmission IP ? --------> page php externe (dont je connais l'adresse) qui lui passe l'adresse IP : print$_SERVER['REMOTE_ADDR']

il faut donc que je me connecte à cette page php externe et que j'affiche l'adresse IP.
SVP quelqu'un pourrait-il m'aider ?
sinon, transmission utilisant rpc, comment incorporer le PHP ? (ce serait plus simple pour moi)

voilà le début de la page index.html (voir dans body "c'est ici que je commence")


Code html : 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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html>
	<head>
		<!--<meta http-equiv="Refresh" content="30; url="index.html">-->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=8,IE=9"><!-- ticket #4555 --> 
		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<link href="./images/favicon.ico" rel="icon" />
		<link href="./images/favicon.png" rel="shortcut icon" />
		<link rel="apple-touch-icon" href="./images/webclip-icon.png"/>
		<script type="text/javascript" src="./javascript/jquery/jquery.min.js"></script>
		<script type="text/javascript" src="./javascript/jquery/jqueryui-1.8.16.min.js"></script>
		<link rel="stylesheet" href="./style/jqueryui/jqueryui-1.8.16.css" type="text/css" media="all" />
<!--
		<link media="screen" href="./style/transmission/mobile.css" type= "text/css" rel="stylesheet" />
-->
		<link media="only screen and (max-device-width: 480px)" href="./style/transmission/mobile.css" type= "text/css" rel="stylesheet" />
		<link media="screen and (min-device-width: 481px)" href="./style/transmission/common.css" type="text/css" rel="stylesheet" />
		<!--[if IE 8]>
		<link media="screen" href="./style/transmission/common.css" type="text/css" rel="stylesheet" />
		<![endif]-->
		<script type="text/javascript" src="./javascript/jquery/jquery.transmenu.min.js"></script>
		<script type="text/javascript" src="./javascript/jquery/jquery.contextmenu.min.js"></script>
		<script type="text/javascript" src="./javascript/jquery/jquery.form.min.js"></script>
		<script type="text/javascript" src="./javascript/jquery/json2.min.js"></script>
		<script type="text/javascript" src="./javascript/common.js"></script>
		<script type="text/javascript" src="./javascript/inspector.js"></script>
		<script type="text/javascript" src="./javascript/prefs-dialog.js"></script>
		<script type="text/javascript" src="./javascript/remote.js"></script>
		<script type="text/javascript" src="./javascript/transmission.js"></script>
		<script type="text/javascript" src="./javascript/torrent.js"></script>
		<script type="text/javascript" src="./javascript/torrent-row.js"></script>
		<script type="text/javascript" src="./javascript/file-row.js"></script>
		<script type="text/javascript" src="./javascript/dialog.js"></script>
		<script type="text/javascript" src="./javascript/formatter.js"></script>
		<title>Transmission Web Interface</title>
	</head>
	<body id="transmission_body">
 
		<div id="toolbar">
			<div id="toolbar-open" title="Open Torrent"></div>
			<div id="toolbar-remove" title="Remove Selected Torrents"></div>
			<div id="toolbar-separator"></div>
			<div id="toolbar-start" title="Start Selected Torrents"></div>
			<div id="toolbar-pause" title="Pause Selected Torrents"></div>
			<div id="toolbar-separator"></div>
			<div id="toolbar-start-all" title="Start All Torrents"></div>
			<div id="toolbar-pause-all" title="Pause All Torrents"></div>
 
<!--		C'EST ICI QUE JE COMMENCE -->
 
			<div id="actual_image" title="actual_image"> <img src="./images/sync.ico"></div>
			<div id="vpn_image" title="vpn_image"> <img src="./images/vpn.ico"></div>
			<div id="ext_vpn" title="ext_vpn"> <h3>logué </h></div>
			<div id="ip_image" title="ip_image"> <img src="./images/ip.ico"></div>
			<div id="extip" title="eip" widht="30" height="50" src="monip.htm"><h3>192.168.0.235</h></div>
 
			<div id="toolbar-inspector" title="Toggle Inspector"></div>
 
		</div>
 
		<div id="statusbar">
			<div id='filter'>
				Show
				<select id="filter-mode">
					<option value="all">All</option>
					<option value="active">Act