2015-01-30 14:25:12 +02:00
|
|
|
<!doctype>
|
|
|
|
|
<html>
|
|
|
|
|
<title>Whisper test</title>
|
|
|
|
|
<head>
|
|
|
|
|
<script type="text/javascript" src="../ext/bignumber.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../ext/ethereum.js/dist/ethereum.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<h1>Whisper test</h1>
|
|
|
|
|
|
|
|
|
|
<button onclick="test()">Send</button>
|
|
|
|
|
|
|
|
|
|
<table width="100%" id="table">
|
2015-01-30 14:47:18 +02:00
|
|
|
<tr>
|
|
|
|
|
<td>Count</td>
|
|
|
|
|
<td id="count"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
|
2015-01-30 14:25:12 +02:00
|
|
|
<tr>
|
|
|
|
|
<td>ID</td>
|
|
|
|
|
<td id="id"></td>
|
|
|
|
|
</tr>
|
2015-01-30 14:47:18 +02:00
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
<td>Has identity</td>
|
|
|
|
|
<td id="known"></td>
|
|
|
|
|
</tr>
|
2015-01-30 14:25:12 +02:00
|
|
|
</table>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
var web3 = require('web3');
|
|
|
|
|
web3.setProvider(new web3.providers.HttpSyncProvider('http://localhost:8080'));
|
|
|
|
|
|
|
|
|
|
var shh = web3.shh;
|
|
|
|
|
|
|
|
|
|
var id = shh.newIdentity();
|
|
|
|
|
document.querySelector("#id").innerHTML = id;
|
2015-01-30 14:47:18 +02:00
|
|
|
document.querySelector("#known").innerHTML = shh.haveIdentity(id);
|
2015-01-30 14:25:12 +02:00
|
|
|
|
2015-01-30 14:47:18 +02:00
|
|
|
var watch = shh.watch({topics: ["test"]})
|
|
|
|
|
watch.arrived(function(message) {
|
2015-01-30 14:25:12 +02:00
|
|
|
document.querySelector("#table").innerHTML += "<tr><td colspan='2'>"+JSON.stringify(message)+"</td></tr>";
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
function test() {
|
2015-01-30 14:47:18 +02:00
|
|
|
shh.post({topics: ["test"], payload: web3.fromAscii("test it")});
|
|
|
|
|
count();
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function count() {
|
|
|
|
|
document.querySelector("#count").innerHTML = watch.messages().length;
|
2015-01-30 14:25:12 +02:00
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
