Komórki tabeli z możliwością jednoczesnego wpisywania i odczytywania danych.

Question

Hej wszystkim.

Czy jest ktoś w stanie podpowiedzieć w jaki sposób zrealizować tabelę pozwalającą jednocześnie wczytywać dane do komórek tabeli (po wciśnięciu odpowiedniego przycisku) jak i odczytywać nowo wpisane dane po wciśnięciu innego przycisku?

Poniżej mam gotowe odczytywanie danych. Dane są pobierane z mikrokontrolera (na którym postawiony jest serwer) w postaci stringa, następnie w skrypcie js dzielę dane na podstringi i umieszczam w komórkach tabeli. Teraz chciałbym wprowadzić dane do tych samych okien a po wciśnięciu przycisku ""zaktualizuj dane" zapisać je do odpowiedniego bufora.

Poniżej fragment kodu z tabelą z możliwością odczytywania danych do komórek.

<form id="form1" action="" method="post">
	
		<br/>
		<div align="center">
			Tryb pracy urządzenia:

			<select id="get_response_lista">
				<option value="0">odpowiedz 1</option>
				<option value="1">odpowiedz 2</option>
				<option value="none">Wybierz</option>
			</select>
		</div>
		
		<br/>
	
		<table align="center">
			<tr>
				<td>wiersz_1</td>		<td> <input id="get_response_text" type="text" name="post_input" size="1" maxlength="80"/></td><td><input id="get_response_text_1" type="text" name="post_input" size="1" maxlength="80"/><td> <input id="get_response_text_2" type="text" name="post_input" size="1" maxlength="80"/></td><td> <input id="get_response_text_3" type="text" size="1" maxlength="80"/></td>
			</tr>
			<tr>
				<td>wiersz_2i:</td>	<td> <input id="get_response_text_4" type="text" size="1" maxlength="80"/></td><td><input id="get_response_text_5" type="text" size="1" maxlength="80"/><td> <input id="get_response_text_6" type="text" size="1" maxlength="80"/></td><td> <input id="get_response_text_7" type="text" size="1" maxlength="80"/></td>
			</tr>
			<tr>
				<td>wiersz_3:</td>	<td> <input id="get_response_text_8" type="text" size="1" maxlength="80"/></td><td><input id="get_response_text_9" type="text" size="1" maxlength="80"/><td> <input id="get_response_text_10" type="text" size="1" maxlength="80"/></td><td> <input id="get_response_text_11" type="text" size="1" maxlength="80"/></td>
			</tr>
			<tr>
				<td>wiersz_4:</td>	<td> <input id="get_response_text_12" type="text" size="1" maxlength="80"/></td>
			</tr>
		</table>
		
	</form>

 

Zaznaczam, że mam rozwiązany problem dla dwóch różnych okien - w jednym wyświetlane są odczytywane dane, drugie okno natomiast służy do wpisywania danych. Kod:

<div style="text-align: center;">
        <form name="ex_form" action="post.cgi" method="POST">
            <input id="post_text" type="text" name="post_input" size="80" maxlength="80">
            <input type="submit" value="POST">
        </form>
    </div>
 
    <div style="text-align: center;">
        <input id="get_response_text" type="text" size="80" maxlength="80" disabled="true">
        <button id="get_button" type="button" onclick="make_request('get.cgi')">GET</button>
    </div>

 

Mnie interesują jednak obie funkcjonalności w jednym oknie (czy też komórce tabeli).