Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia pessoal,
Tenho uma página com duas tabelas que podem ser editadas.
Com o código abaixo, quando clico em "Atualizar" na segunda tabela, abre a linha de edição na primeira tabela. Tentei separar as tables com div, mas não deu certo.
Como identifico qual tabela estou editando e cada função?
form
<table id="tabCurso" class ="grid" cellpadding="1" cellspacing="1">
<tr>
<td colspan="5" id="titulo"><strong>Cursos</strong></td>
</tr>
<tr id="colunas">
<td id="cod_curso"><strong>Código</strong></td>
<td id="editar"><strong> </strong></td>
</tr>
<?php
$query = "SELECT cod_curso
FROM curso ";
$res = mysqli_query($Boreal, $query);
$total = mysqli_num_rows($res);
for($i=0; $i<$total; $i++){
$dados = mysqli_fetch_row($res);
$cod_curso = $dados[0];
$idLinhaCurso = "linha$i";
echo '<tr id="'.$idLinhaCurso.'">';
echo '<td class="linhas" align="center">'.$cod_curso.'</td>';
echo "<td class=\"linhas\"><a href=\"#\" onclick=\"EditarLinhaCurso('$idLinhaCurso', '$cod_curso');\"><img src=\"images/modificar.gif\" alt=\"Editar\" title=\"Editar\"></a></td>";
}
?>
</table>
<p> </p>
<table id="tabdisc" class ="grid" cellpadding="1" cellspacing="1">
<tr>
<td colspan="5" id="titulo"><strong>Disciplinas</strong></td>
</tr>
<tr id="colunas">
<td id="cod_disc"><strong>Código</strong></td>
<td id="editar"><strong> </strong></td>
</tr>
<?php
$query = "SELECT cod_disc
FROM disciplina";
$res = mysqli_query($Boreal, $query);
$total = mysqli_num_rows($res);
for($i=0; $i<$total; $i++){
$dados = mysqli_fetch_row($res);
$cod_disc = $dados[0];
$idLinhaDisc = "linha$i";
echo '<tr id="'.$idLinhaDisc.'">';
echo '<td class="linhas" align="center">'.$cod_disc.'</td>';
echo "<td class=\"linhas\"><a href=\"#\" onclick=\"EditarLinhaDisc('$idLinhaDisc', '$cod_disc');\"><img src=\"images/modificar.gif\" alt=\"Editar\" title=\"Editar\"></a></td>";
}
?>
</table>
Funções
function EditarLinhaCurso(idLinhaCurso, cod_curso)
{
var linha = document.getElementById(idLinhaCurso);
linha.className = 'linhaSelecionada';
var celulas = linha.cells;
SalvaDadosCurso(idLinhaCurso);
linhaEmEdicao = idLinhaCurso;
celulas[0].innerHTML = '<input type="text" id="cod_curso" name="cod_curso" value="'+celulas[0].innerHTML+'">';
celulas[1].innerHTML = '<a href="#" onclick="AtualizarCurso(document.forms[0].cod_curso.value);">"Atualizar"</a>';
}
function EditarLinhaDisc(idLinhaDisc, cod_Disc)var linha = document.getElementById(idLinhaDisc);
linha.className = 'linhaSelecionada';
var celulas = linha.cells;
SalvaDadosDisc(idLinhaDisc);
linhaEmEdicao = idLinhaDisc;
celulas[0].innerHTML = '<input type="text" id="cod_Disc" name="cod_Disc" value="'+celulas[0].innerHTML+'">';
celulas[1].innerHTML = '<a href="#" onclick="AtualizarDisc(document.forms[0].cod_Disc.value);">"Atualizar"</a>';
}
*Editei o código para simplificar, então desculpem se houver erros de digitação.
Carregando comentários...