Jump to content


Photo

Excluindo Linhas De Uma Tabela Com Java Script


  • Faça o login para participar
Nenhuma resposta neste tópico

#1 D!3g0

D!3g0

    Novato no fórum

  • Usuários
  • 1 posts
  • Sexo:Não informado

Posted 01/04/2009, 16:00

Galera, o negócio é o seguinte.

Tenho uma função java script chamada no onmouseover do meu menu que cria uma linha embaixo do menu.

até ai ta funcionando.

o problema é que eu preciso colocar no onmouseout uma função para apagar essa mesma linha após o mouse sair de cima do botão.

o código ta ai, c alguem poder me ajudar fico grato
[codigo]
// Função responsável por inserir linhas na tabela
function fn_submenu()
{

// Captura a referência da tabela com id “minhaTabela”
var table = document.getElementById("minhaTabela");
// Captura a quantidade de linhas já existentes na tabela
var numOfRows = table.rows.length;
// Captura a quantidade de colunas da última linha da tabela
var numOfCols = table.rows[numOfRows-1].cells.length;

// Insere uma linha no fim da tabela.
var newRow = table.insertRow(numOfRows);

// Faz um loop para criar as colunas
for (var j = 0; j < numOfCols; j++)
{
// Insere uma coluna na nova linha
newCell = newRow.insertCell(j);
// Insere um conteúdo na coluna
newCell.innerHTML = "Linha "+ numOfRows + " – Coluna "+ j;
}
}

function fn_desubmenu()
{
document.getElementById("X").removeChild(document.getElementById("X").getElementsByTagName("td")[0]);
}
<body>
<tr id="X">
<td>
<img src="imagem.bmp" onmouseover="fn_activeMenu(this,'imagem1.bmp')" onmouseout="fn_activeMenu(this,'imagem.bmp')"/>
<br /><br />
<img src="imagem.bmp" onmouseover="fn_submenu()" onmouseout="fn_desubmenu()"/>

</td>
</tr>
</table>
</body>




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq