По любой причине, после вызова последовательных запросов ajax о повторном заполнении таблицы HTML, ссылки в первой строке таблицы работают и вызывают функции Javascript, но любая последующая строка после ссылок или кнопок больше не работает.
На веб-странице справа есть таблица с несколькими ссылками, и когда вы щелкаете по любой из них, она вызывает функцию Javascript, которая использует ajax-запросы для повторного заполнения таблицы, на этот раз отдельными элементами и ссылками. Во второй таблице ни одна из ссылок или кнопок не работает после первой строки. Я приложил соответствующие сегменты кода, я был бы очень признателен за любую помощь!
<form id="mylists" name="mylists">
<div id="table" style="overflow: auto; height: 250px; width: 250px;">
<table id="myplaylists" cellspacing="0" cellpadding="2" width="225px" style="position: relative; left: -7%;">
<tr height='8px'><td><a href='javascript:getUserPlaylist(0)'>title</a></td></tr>
<tr height='8px'><td><a href='javascript:getUserPlaylist(1)'>title1</a></td></tr>
<tr height='8px'><td><a href='javascript:getUserPlaylist(2)'>title2</a></td></tr>
<tr height='8px'><td><a href='javascript:getUserPlaylist(3)'>title3</a></td></tr>
</table>
</div>
</form>
Функция Javascript:
function getUserPlaylist(id)
{
var request;
var table = document.getElementById("table");
try {
request = new XMLHttpRequest(); /* e.g. Firefox */
}
catch(e) {
try {
request = new ActiveXObject("Msxml2.XMLHTTP"); /* some versions IE */
} catch (e) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP"); /* some versions IE */
} catch (E) {
request = false;
}
}
}
request.onreadystatechange = function() {
if (request.readyState == 4 && request.status == 200)
{
table.innerHTML = "";
table.innerHTML = request.responseText;
}
};
request.open("GET", "user_playlists.php?display=" + id, true);
request.send();
}
И файл PHP:
$display = $_GET['display'];
$query = "SELECT item, title FROM Playlists WHERE playlistID = '$display'";
$result = mysql_query($query);
$numr = mysql_num_rows($result);
if($numr > 0)
{
$row = mysql_fetch_array($result, MYSQL_ASSOC);
$item = $row['item'];
$title = $row['title'];
$temp = explode(",", $item);
$items = array();
echo "<table id='myplaylists' cellspacing='0' cellpadding='2' width='225px' style='position: relative; left: -7%;'>";
echo "<tr height='8px' scope='col'><td><b>$title</b> <a href='javascript:editPlaylist($display)'>add</a></td></tr>";
foreach ($temp as $id)
{
$query = "SELECT title FROM Info WHERE ID = '$id'";
$result = mysql_query($query);
$numr = mysql_num_rows($result);
if ($numr > 0)
{
$row = mysql_fetch_array($result, MYSQL_ASSOC);
$title = $row['title'];
echo "<tr height='8px' scope='col'>";
echo "<td><a href='javascript:editPlaylist($id)'>$title</a></td>";
echo "<td><input type='button' value='x' onclick='remove($id)' /></td></tr>";
}
}
echo "</table>";
}
else {
echo "Error finding requested playlist.";
}
}
Редактировать: это responseText из запроса ajax для второй таблицы:
<table id='myplaylists' cellspacing='0' cellpadding='2' width='225px' style='position: relative; left: -7%;'>
<tr height='8px' scope='col'><td><b>playlist2</b> <a href='javascript:editPlaylist(4025199)'>add</a></td></tr>
<tr height='8px' scope='col'><td><a href='javascript:editPlaylist(6)'>Duck Sauce</a></td><td><input type='button' value='x' onclick='remove(6)' /></td></tr>
<tr height='8px' scope='col'><td><a href='javascript:editPlaylist(O)'>Young, Wild and Free</a></td><td><input type='button' value='x' onclick='remove(O)' /></td></tr>
<tr height='8px' scope='col'><td><a href='javascript:editPlaylist(9)'>No Sleep</a></td><td><input type='button' value='x' onclick='remove(9)' /></td></tr>
<tr height='8px' scope='col'><td><a href='javascript:editPlaylist(R)'>The Show Goes On</a></td><td><input type='button' value='x' onclick='remove(R)' /></td></tr>
<tr height='8px' scope='col'><td><a href='javascript:editPlaylist(s)'>Waka Flocka Flame</a></td><td><input type='button' value='x' onclick='remove(s)' /></td></tr>
<tr height='8px' scope='col'><td><a href='javascript:editPlaylist(U)'>Roll Up</a></td><td><input type='button' value='x' onclick='remove(U)' /></td></tr>
</table>