Feex,
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
body{
font-family: "Helvetica Neue",Arial,sans-serif;
font-size:17px;
}
.vydelit {
color: rgb(251, 72, 2);
}
</style>
</head>
<body>
<center>
<table id="demotable">
<thead><tr>
<td>IP: <input type="text" id="raz" value="31.47.177.168"/> Порт: <input type="text" id="raz2" value="4022"/>
</td>
</tr></thead>
<tbody>
<td><span><img src="</span>http://monitor.zone-game.info/check.php?do=status&ip=<b class="vydelit">31.47.177.168</b>&port=<b class="vydelit">4022</b>&id=33<span>"></span><br>
<img src="http://monitor.zone-game.info/check.php?do=status&ip=31.47.177.168&port=4022&id=33" />
</td>
</tbody>
</table>
<script>
var inp = document.querySelectorAll('input'), v = document.querySelectorAll('.vydelit');
[].forEach.call(document.querySelectorAll('input'), function(item,i) {
item.addEventListener('input', function() {
v[i].textContent = item.value;
var p = v[i].parentNode;
p.querySelector('img').src = "http://monitor.zone-game.info/check.php?do=status&ip="+v[1].textContent+"&port="+v[2].textContent+"&id=33"
});
});
</script>
для примера скопируйте ip: 176.100.91.83 и Порт: 8881 и вставьте через Ctrl+V
</center>
</body>
</html>
|