2016-12-15 1 views
0

У меня 2 веб-страниц, РНР, страница, 1 с (среди прочих) в (текст) Input1,Pass содержимое ввода в HTML-страницы 2 для ввода в HTML-страницы 1

и подчиненным HTML страницы , Страница 2, вызываемая нажатием кнопки в Page_1, содержащей (текст) Input2 и таблицу тегов.

<input type="text" id="text_B1" name="text_B1" size="30" maxlength="40" onchange="text_B1_Chg()"> 

text_B1_Chg() сохраняет любой пользовательского ввода/изменения в локальном запоминающем устройстве.

Page 2 вызывается из Page 1 с помощью этого сценария:

function popup_win(url) { 
    var win_options = 'top=50,left=370,height=710,width=400,...'; 
    var newWindow=window.open(url, 'name', win_options); 

    if (window.focus) { 
     newWindow.focus() 
    } 

    return true; 
} 

Input_2 изначально пуст и наполнен, щелкнув в таблице тегов. После того, как я закончил клик, Input_2 может иметь следующий контент: tag1; tag2; tag3;. Содержание Input_2 создается этим скриптом обожженного событием OnClick в любой ячейке таблицы тегов в Page_2:

<table id="taglist_tbl"> 
    <tr> 
     <td class="a" onclick="txtTags_Add(this)">agr;</td> 
    </tr> 
    <tr> 
     <td class="a" onclick="txtTags_Add(this)">alg;</td> 
    </tr> 
... 
</table> 


function txtTags_Add(sca) { 
    // sca is the content of a cell in the tags table 

    var selText = document.getElementById("txtTags"); 
    selText.value += " " + sca.innerText; 

    localStorage.setItem("42_text_B1", selText.value); 
} 

местного хранение 42_text_B1поделен оба INPUT_1 в Page 1 и вход 2 в Page_2, чтобы любой щелчок в Page_2 СЛЕДУЕТ обновлять Input_1 через локальное хранилище.

При нажатии кнопки Page_2 на самом деле изменяется и обновляется локальное хранилище, когда я закрываю Page_2, Input_1 в Page_1 не обновляется автоматически, когда фокус возвращается на страницу__1. Только после ручного обновления страницы_1 в браузере становится видимым новое содержимое Input_1.

Вопрос: Какой код необходим (в вызывающем скрипте из Page_1?), Чтобы обновить «автоматически» Input_1?

[24.12.2016] См. Мой собственный ответ ниже.

+0

Page 1 = Page1 = Page_1 в тексте выше. Аполлогии для моего отсутствия когерентности. То же самое верно для Page 2 – Mikey

+0

В принципе, весь мой (большой) вопрос сводится к освещению Input_1 в Page_1. Что-то вроде: ** this.getElementById («Input_1»). Refresh ** – Mikey

ответ

0

Я добавил менеджер

onfocus="text_B1_Updt()" 

Javascript событий в определении HTML из INPUT_1 (на самом деле это называется text_B1)

function text_B1_Updt() { 
    var selText = document.getElementById("text_B1"); 
    selText.value = localStorage.getItem("42_text_B1"); 
} 

но пользователь все еще должен щелкнуть его, чтобы увидеть его обновленное содержание ,

Смежные вопросы