Table

olimpia · Janeiro 5, 2005

Para deletar uma linha da tabela eu estou usando o seguinte script

function Excluir(indexRow){
   document.getElementById("DataGrid1").deleteRow(indexRow);
}

Mas eu gostaria de executar esta function no evento de click duplo da linha, ou seja, preciso recuperar o indexRow quando for clicado duas vezes sobre a linha da tabela

Como posso fazer isto?

Crystian · Janeiro 5, 2005

Seguinte, tu pode colocar no onDblClick das tuas todos uma function que exclui a linha que está ocorrendo o evento, lá nos scripts prontos tem um exemplo que postei de como trabalhar com tabelas, dá uma olhada lá e qualquer coisa posta ae...

Abraço

Crystian

olimpia · Janeiro 5, 2005

mas no exemplo que você fez eu tenho que informa qual a linha e celula.

não tem como eu fazer isto, pois quando removo uma linha o script já ficara errado, ou seja, vamos dizer que tenho uma tabela com 4 linhas

Se na linha 2 tiver um script pra excluir a linha 2, quando eu exluir a linha 2, eu terei 3 linhas na tabela

Mas a ultima linha tera um script para excluir a linha 4, ou seja, ocorrera um erro

Agora o index da linha se altera automatico, ou seja, depois que excluir a linha 2 a ultima linha tera o index = 3

Preciso fazer de tal forma que quando clicar na linha (TR) seja executada um function passando o valor index da linha

Como posso fazer isto?

Crystian · Janeiro 5, 2005

Na verdade eu não estou sabendo explicar o que quero dizer com palavras...

<head>
<script language="javascript">
function achaIndex(objLinha) {
var objTabela = document.getElementById('tabela');
for (i=0; i < objTabela.rows.length; i++) {
	if (objTabela.rows[i] == objLinha) return i;
}
return 0;
}
</script>
</head>
<body>
<table id="tabela" width="50%">
<tr onDblClick="deleteRow(achaIndex(this));"><td>1</td></tr>
<tr onDblClick="deleteRow(achaIndex(this));"><td>2</td></tr>
<tr onDblClick="deleteRow(achaIndex(this));"><td>3</td></tr>
<tr onDblClick="deleteRow(achaIndex(this));"><td>4</td></tr>
</table>
</body>

ou

<body>
<table id="tabela" width="50%">
<tr onDblClick="deleteRow(this.rowIndex);"><td>1</td></tr>
<tr onDblClick="deleteRow(this.rowIndex);"><td>2</td></tr>
<tr onDblClick="deleteRow(this.rowIndex);"><td>3</td></tr>
<tr onDblClick="deleteRow(this.rowIndex);"><td>4</td></tr>
</table>
</body>

Vê se é isso q você quer, se for me peça explicações...

Abraço

Crystian

Editado Janeiro 6, 2005 por Crystian

olimpia · Janeiro 5, 2005

é isto mesmo , valeu.....

olimpia · Janeiro 5, 2005

Crystian eu fiz assim

var indexRow = "null";

// Rotina para identificar o index da linha
function achaIndex(objLinha) {
   var objTabela = document.getElementById("DataGrid1");
   indexRow = "null";
   for (i=0; i < objTabela.rows.length; i++) {
        if (objTabela.rows[i] == objLinha) {
            indexRow = i;
        }
   }
}

na tr eu fiz assim

<tr onClick="achaIndex(this);"><td>1</td></tr>

e coloquei um input assim

<INPUT onclick="deleteRow()" type="button" value="Excluir">

e a function

// Rotina para excluir
function deleteRow(){
    if (indexRow != "null"){
       document.getElementById("DataGrid1").deleteRow(indexRow);
       indexRow = "null";
     }	
}

Fazendo desta forma, o usuario clica na linha que quer excluir e depois no botão Excluir, esta perfeito..... Mas dentro destas linha eu tenho celulas que contem cada uma um <input type=text>. Eu gostaria de passar o index da linha para a variavel indexRow , quando algum destes input recebecem o focu Mas se eu fizer assim, não da certo

<input type=text onFocus="achaIndex(this);">

Por estara passando por parametro para a "achaIndex" as propriedades do <input> ao invés das propriedades da <tr>

Como poderia fazer para executar a function achaIndex quando o input receber o focu?

Crystian · Janeiro 6, 2005

fiz outra function pra ti...

function achaIdx(valor) {
var objTabela = document.getElementById('tabela');
for (i=0; i < objTabela.rows.length; i++) {
	var temp = objTabela.rows[i].innerHTML;
    if (temp.indexOf(valor) != -1) return i;
}
return 0;
}

Cara o valor que se passa como parâmetro tem que ser um valor q só tenha dentro daquela linha, algum valor q difere aquela linha das outras. Eu passei para testes o nome do campo texto, porque imagino você não tenha nenhum campo texto de nome igual. Qualquer coisa você pode colocar um id no campo texto que identifique aquela linha (id="linha01" por exemplo) e passar por parâmetro.

Vê se você entendeu, qualquer coisa posta ae...

Abraço

Crystian

olimpia · Janeiro 6, 2005

vou fazer uns teste aqui.......

olimpia · Janeiro 6, 2005

Se eu passar o id to input como parametro o que este if faz?

if (temp.indexOf(valor) != -1) return i;

Crystian · Janeiro 6, 2005

Ele procura se dentro da linha existe um valor igual, se existir retorna o a posição(que no caso é o " i "). Se você colocar a palavra "linha" e um número sequencial como por exemplo 01 02 03 04 vai solucionar o teu problema...

Não sei se tu me entendeu... qualquer coisa posta de novo...

Abraço

Crysitan

olimpia · Janeiro 6, 2005

estou passando o id da select DataGrid1__ctl2_SelectContinua

Então este "if" procura no conteudo da linha se existe alguma string igual a este id?

Seria isto?

Crystian · Janeiro 6, 2005

é exatamente isso...

funcionou pra ti?

olimpia · Janeiro 6, 2005

sim, ficou perfeito....

valeu, você me ajudou muito

olimpia · Janeiro 6, 2005

Preciso recuperar o valor de todos os input type=text da pagina

Tentei fazer assim

var nTxt = document.getElementsByTagName('input');
for(i=0;i<nTxt.length;i++){
  if (nTxt.type == "text" ){
       alert(nTxt.value);
  }	
}

Mas eu não concigo recuperar qual é o type dos input, como eu devo fazer?

Crystian · Janeiro 7, 2005

o método getElementsByTagName('input') retorna uma array, portanto você tem que informar a posição para o método.

var nTxt = document.getElementsByTagName('input');
for(i=0;i<nTxt.length;i++){
if (nTxt.type == "text" ){
alert(nTxt.value);
}
}

Abraço

Crystian

Entrar

Table

Pergunta

Link para o comentário

Compartilhar em outros sites

14 respostass a esta questão

Posts Recomendados

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns