привет, мир!
абсолютно не html/js разработчик. собственно требования в дизайне нет никакого.
есть сервак, для которого сделал html-страничку, получающую через веб-сокеты от сервера json со списком текущих сервисов и их состояние. для каждого сервиса должно быть две кнопки: старт и стоп.
сделал фронтенд страничку, на которой через вебсокет выдаю таблицу сервисов, состояние и счетчики определенные. выглядит это так:<html>
<head>
<meta charset="utf-8" />
<script language="javascript" type="text/javascript">
var ws = new WebSocket( 'ws://' + location.host + '/services/state.json' );
if( ! window.console )
{ window.console = { log: function() {} } };
ws.onopen = function( ev ) { console.log( ev ); };
ws.onerror = function( ev ) { console.log( ev ); };
ws.onclose = function( ev ) { console.log( ev ); };
ws.onmessage = function( ev ) {
console.log( ev );
var data = JSON.parse( ev.data ).data;
var table = '';
table += '<table border="1">';
for( var i in data ) {
var service = data[ i ];
table += '<tr>';
table += '<td>' + service.name + '</td>';
table += '<td>' + service.state + '</td>';
table += '<td>' + service.failedCounter + '/' + service.failedLimit + '</td>';
table += '<td><button href="" type="button">СТАРТ</button></td>';
table += '<td><button href="" type="button">СТОП</button></td>';
table += '</tr>';
}
table += '</table>';
messages = document.getElementById( 'state' );
messages.innerHTML = table;
};
</script>
</head>
<body>
<div class="content">
<h1>сервисы</h1>
<a href="/services/state.json">скачать слепок</a>
<div id="state"/>
</div>
</body>
</html>
необходимо добавить реакцию на динамически созданные кнопки СТАРТ/СТОП для каждого сервиса, так чтобы дергался определенный урл гет-запросом ( к примеру '/some/url?service=name&action=STOP' ), так чтобы не покидать страницу.
подскажите как проще всего это добавить в существующий код, прям самый простой способ.
спасибо.