javascript — обновляет часть родительского элемента при закрытии дочернего окна.

Question

javascript — обновляет часть родительского элемента при закрытии дочернего окна.

Страница 1: tabeloverzicht.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tabel overzicht</title>
<link href="../css/templatemo_style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../css/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function() {
$(document).ready(function() {
$.get(
'tabel.php',
function(response){
$('#tabelplaats').html(response);
}
);
});

$(window).click(function(event){
$.get(
'tabel1.php',
function(response){
$('#tabelplaats').html(response);
}
);
});
});
</script>
</head>

<body>
<div id="tabelplaats">

</div>
</body>
</html>

Страница 2: tabel.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="../css/templatemo_style.css" rel="stylesheet" type="text/css" />
<title>Tabel Processor</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "',  'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=600,h eight=500,left = 200,top = 200');");
}
// End -->
</script>
</head>

<body>

<table>
<tr>
<th>Hallo</th>
<th>dit</th>
<th>is</th>
</tr>
<tr>
<td>een</td>
<td>test</td>
<td><a HREF="javascript:popUp('popup.php')"><div id="modify" class="buttonsmall"><button id="BedrijfAanpassen" class="button" name="modify"><i class="icon-pencil icon-small"></i></button></div></a></td>
</tr>
</table>

</body>
</html>

Страница 3: Tabel1.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="../css/templatemo_style.css" rel="stylesheet" type="text/css" />
<title>Tabel Processor</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=600,height=500,left = 200,top = 200');");
}
// End -->
</script>
</head>

<body>

<table>
<tr>
<th>Test</th>
<th>test</th>
<th>test</th>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
</table>

</body>
</html>

Страница 4: popup.php

Не имеет значения, что на этой странице.

Tabeloverzicht является главной страницей. Вот таблица отображается. Эта таблица содержит кнопку, которая открывает всплывающее окно (в моем приложении вы можете изменить некоторые значения таблицы во всплывающем окне). Когда всплывающее окно закрыто, ему необходимо обновить таблицу в родительском окне. window.opener.reload (true) у меня не работает, так как на главной странице есть много других опций, которые затем будут сброшены. Мне нужно только обновить верхнюю таблицу.

Далее в моем приложении будет вторая таблица, и в зависимости от того, какое всплывающее окно открыто, ему нужно обновить либо первую, либо вторую таблицу.

Надеюсь, что кто-нибудь может помочь, так как я застрял с этой проблемой в течение нескольких дней …

Заранее спасибо!

0

javascript jquery php window

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

На мой взгляд, вам понадобится функция обратного вызова на главной странице и внутри, что вы можете делать все, что угодно …

например :
index.html

<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=600,height=500,left = 200,top = 200');");
}
// End -->
function callback_top(){
console.log("callback_top()");
}

</script>
</head>
<body>
<button onclick="popUp('pop.html');">Press me</button>
</body>
</html>

pop.html

<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
// solution 1
function calltop(){
window.opener.callback_top();
}
// solution 2
window.onbeforeunload = function(){
window.opener.callback_top();
}
</script>
</head>
<body>
<button onclick="calltop();">Press me 2</button>
</body>
</html>

0