Копировать ввод, текстовые данные из одного окна в другое

Question

Я хотел бы создать функцию копирования вставки textarea и входных данных из одной таблицы в ту же таблицу в другое окно, исключая первые tds. Когда я нажимаю Ctl + с него копий, а в другой вкладке того же браузера Ctrl + V Пасты

Winow Вкладка 1 копирование данных из этого

<tr> 
    <td class="tbody_data side">Alkalinity/Acidity</td> 
    <td class="tbody_data" style="padding: 0px;"> 
    <textarea class="det_st form-control" style="border:none; "></textarea> 
    </td> 
    <td class="tbody_data" style="padding: 0px;"> 
    <textarea class="det_st form-control" style="border:none;"></textarea> 
    </td> 
    <td class="tbody_data" style="padding: 0px;"> 
    <textarea class="det_st form-control" style="border:none;"></textarea> 
    </td> 
    <td class="tbody_data" style="padding: 0px;"> 
    <textarea class="det_st form-control" style="border:none;"></textarea> 
    </td> 
    <td class="tbody_data side" style="padding: 25px; width:50px;"> 
    <select class="select" style="border:none; width:145px;"> 
     <option value="COMPLIES">COMPLIES</option> 
     <option value="DOES NOT COMPLY">DOES NOT COMPLY</option> 
    </select> 
    </td> 
</tr> 

Вставить в этом на окне 2

<tr> 
    <td class="tbody_data side">Microbiology</td> 
    <td class="tbody_data" style="padding: 0px;"> 
    <textarea class="det_st form-control" style="border:none; "></textarea> 
    </td> 
    <td class="tbody_data" style="padding: 0px;"> 
    <textarea class="det_st form-control" style="border:none;"></textarea> 
    </td> 
    <td class="tbody_data" style="padding: 0px;"> 
    <textarea class="det_st form-control" style="border:none;"></textarea> 
    </td> 
    <td class="tbody_data" style="padding: 0px;"> 
    <textarea class="det_st form-control" style="border:none;"></textarea> 
    </td> 
    <td class="tbody_data side" style="padding: 25px; width:50px;"> 
    <select class="select" style="border:none; width:145px;"> 
     <option value="COMPLIES">COMPLIES</option> 
     <option value="DOES NOT COMPLY">DOES NOT COMPLY</option> 
    </select> 

    </td> 
</tr> 

Предложения

Answer 1

в другой БРАУЗЕРСКОЙ ТАБЕ? ну, я могу только представить, используя localstorage.

Добавить идентификатор или уникальный класс для входов, а затем захватить Вэла каждый:

var input1 = $("#idOfInput1").val(); 
var input2 = $("#idOfInput2").val(); 
... 

localStorage["input1"] = input1; 
localStorage["input2"] = input2; 

создать кнопку «сохранить», и сделать предыдущий код (заполненный вами) внутри события щелчка кнопки.

В другом окне нажмите кнопку «загрузить». в событии on click, прочитайте содержимое элементов localsorage и загрузите их в свою таблицу, в которой должны быть идентификаторы или классы.

$("#loadbutton").on("click",function(){ 
    $("#contentinput1").text(localStorage["input1"]); 
    $("#contentinput2").text(localStorage["input2"]); 
    $("#contentinput3").text(localStorage["input3"]); 
    ... 
} 

Answer 2

Это похоже на красивое место для использования веб-сайтов.

Либо передайте весь контент через сообщение websocket, либо сохраните его в localstorage и отправьте сообщение клиентам, что новый контент доступен.

Этот способ можно также масштабировать для любого количества желаемых клиентов