Colorbox с parent.html

Мне нужна небольшая помощь, так как я все еще начинающий. Чего я пытаюсь добиться, так это

main.php — таблица с 2 столбцами и цветовой рамкой на Name при нажатии будет иметь форму для редактирования (edit.php). И добавить форму colorbox (add.php) для добавления новых записей.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link rel="stylesheet" href="css/colorbox.css" />
<script src="js/jquery.colorbox.js"></script>
<script>
$(document).ready(function(){
$(".edit").colorbox({iframe:true, width:"90%", height:"90%", onOpen:function() { $("body").css("overflow", "hidden"); }, onClosed:function() { $("body").css("overflow", "auto");}});
$(".add").colorbox({iframe:true, width:"90%", height:"90%", onOpen:function() { $("body").css("overflow", "hidden"); }, onClosed:function() { $("body").css("overflow", "auto");}});
});
</script>
<a href="add.php" class="add">Add new</a>
<table id="tablecontent">
<tr>
<td>Name</td>
<td>Tel</td>
</tr>
<tbody id="tbody">

</tbody>
<tr>
<td><a href="edit.php?id=1" class="edit">John</a></td>
<td>1234567</td>
</table>

add.php — после отправки нового <tr> будет вставлен в main.php <tbody>, Если я просто поставлю class="add" это не будет работать, поэтому я решил добавить cboxElement за add, но он работает неправильно

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<form method="post">
Name:<input type="text" name="name" />
Tel:<input type="tel" name="tel" />
<input type="submit">
</form>
<? if($_POST){?>
<script>
$(document).ready(function(){
window.parent.$("#tbody").html(parent.$("#tbody").html() + '<tr><td><a href="edit.php?&id=2" class="add cboxElement"><?=$_POST[name]?></a></td><td><?=$_POST[tel]?></td></tr>') ;
});
</script>
<? }?>

edit.php — форма для редактирования записей путем получения идентификатора и вызова базы данных

<? $id = $_GET['id']; ?>
<form method="post">
Name:<input type="text" name="name" />
Tel:<input type="tel" name="tel" />
<input type="submit">
</form>

Проблема у меня есть, когда новый <tr> вставляется в родительский файл (main.php), когда я щелкаю по имени для редактирования, поле цвета (edit.php) не отображается точно так же, как в main.php; ширина и высота. И когда я нажимаю отправить в edit.php, colorbox просто закрывается и новый <tr> ушел

1

Решение

Задача ещё не решена.

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

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