Conteudo Das Celulas

[babaloricha]

Ola galera eu gosta ria de saber qual e o elemento do js que lê o conteudo de uma tag<TD>

Eu já percebi que posso navegar na tabela atraves dos childNodes; mas quando chego a tabela que eu quero...

não sei o que fazer?

já tentei .label

.Value

mas num e nada disso!

alguém ai sabe?

[flavio]

Eu costumo fazer assim:

// "tabelas" será um vetor contendo todas as tabelas da sua página ( lembrando que vetores têm indices, que

// começam em ZERO )

var tabelas = document.getElementsByTagName("TABLE");

// "linhas" será um vetor com todas as linhas da tabela de indice i

var linhas = tabelas.rows;

// "celulas" será um vetor com todas as células da linha de indice i

var celulas = linhas.cells;

// "texto1" será uma string com todo o conteudo HTML (com tags e tudo mais) de dentro da célula de indice i

var texto1 = celulas.innerHTML;

// "texto2" será uma string com todo o texto puro (SEM tags HTML) de dentro da célula de indice i

var texto2 = celulas.innerText;

// O navegador Opera, e talvez algum outro que eu não conheça, não entende o innerText.

// Nesse caso, é preciso antes você descobrir o navegador do usuário. O conteudo da célula

// pode ser capturado assim:

var texto3 = celulas.textContent;

[mingau]

Acho que minha dúvida tem a ver com a deste tópico

Sou leigo em js mas uso muitos scripts prontos e vou misturando-os.

cheguei em um ponto que preciso realmente saber algo:

Eu usava "alert" para mostrar o resultado

if(Item == Nnumero[i] {
Found = true

alert (Nnumero[i])
}

porém agora quero aumentar as variáveis mas desta vez o alert não é tão prático (ou não usei direito):

if(Item == Nnumero[i] || Item == ZF[i] || Item == MF[i] || Item == Valmet[i] || Item == CBT[i] || Item == Ford[i] || Item == Deere[i]) {
Found = true

alert (Nnumero[i]); alert (ZF[i]); alert (MF[i]); alert (Valmet[i]); alert (CBT[i]); alert (Ford[i]); alert (Deere[i])
}

tive a idéia de fazer uma tabela e mostrar os resultados na própria página, mas não sei o que escrevo após "Found = true" para tal:

<table width='100%' border='1'>
<tr>
<td>
<div align='center'>
Nosso Número
</div>
</td>
<td>
<div align='center'>ZF</div>
</td>
<td>
<div align='center'>MF</div>
</td>
<td>
<div align='center'>Valmet</div>
</td>
<td>
<div align='center'>CBT</div>
</td>
<td>
<div align='center'>Ford</div>
</td>
<td>
<div align='center'>Jonh Deere</div>
</td>
</tr>
<tr>
<td>
<div align='center'>
aqui quero que apareça Nnumero[i]
</div>
</td>
<td>
<div align='center'>
aqui quero que apareça ZF[i]
</div>
</td>
<td>
<div align='center'>
aqui quero que apareça MF[i]
</div>
</td>
<td>
<div align='center'>
aqui quero que apareça Valmet[i]
</div>
</td>
<td>
<div align='center'>
aqui quero que apareça CBT[i]
</div>
</td>
<td>
<div align='center'>
aqui quero que apareça Ford[i]
</div>
</td>
<td>
<div align='center'>
aqui quero que apareça Deere[i]
</div>
</td>
</tr>
</table>

vi algumas soluções pesquisando por aqui, mas document.write abre uma janela diferente, window.document.write fez igual.

[flavio]

Sou leigo em js mas uso muitos scripts prontos e vou misturando-os.

cheguei em um ponto que preciso realmente saber algo.

Se isso significa que você vai começar a aprender JS pra valer, a agente dá a maior força.

******************************************************

No meu post anterior usei a instrução:

var tabelas = document.getElementsByTagName("TABLE")

você pode usá-la (obtendo um vetor) ou pode atribuir um ID à tag TABLE e usar a instrucão abaixo (obtendo uma referencia direta à tablea que você está trabalhando.... portanto não é mais vetor):

var tabela = document.getElementById(IdDaTabela)

Os outros comentários continuam valendo. Só que agora ao invés de você querer LER(capturar) o conteúdo da célula, você quer ESCREVER(gravar) algo nela. Basta então inverter a ordem da instrução de atribuição:

celulas[i].innerHTML = texto1;
ou
celulas[i].innerText = texto2;
ou
celulas[i].textContent = texto3;

Sendo que texto1 é uma string (por isso tem que estar entre aspas).

No seu caso, provavelmente você precisará de um novo loop FOR pra percorrer as linhas. Mas veja só: "você só pode fazer essa atribuição se as células forem criadas antes".

[babaloricha]

vlz!

entendi direittinho!

[mingau]

var tabelas = document.getElementById(1)
var linhas = tabelas.rows
var celulas = linhas[1].cells
celulas[0].innerHTML= Nnumero[i]

alert ("pelomenos rodou")

então rajneesh eu fiz deste jeito mas sem o alert e não funcionou. Mas colocando o alert percebi que funiona, mas Nnumero só é mostrado na hora do enter. Percebi porque alert "pausa" o script.

Existe algum meio de mudar o conteúdo da célula e este permanecer até eu mudar denovo ou dar refresh na página?

e muito obrigado pelas dicas!

[flavio]

mingau, você tá usando um LOOP? (Põe o código inteiro dessa função pra gente ver)

Se estiver, a instrução :

celulas[0].innerHTML= Nnumero[i]

vai ser executada várias vezes e apagará o conteúdo da celula[0] (não seria celula ?) atribuido na vez imediatamente anterior. Percebeu?

Existe algum meio de mudar o conteúdo da célula e este permanecer até eu mudar denovo ou dar refresh na página?

Esse modo aí é definitivo... até o próximo refresh. Deve estar havendo problema no LOOP.

[mingau]

tem um loop mais pra cima mas acho que não influencia.

Funcionar funciona, o problema é a página mostrar só na hora...

<html>
<head>
<title>Produtos Com Tributações Especiais</title>
&lt;script>
function input(){
document.form1.searchfor.focus();
}
</script>
&lt;script language="javascript">
function enter (evt) {
   if (evt.keyCode == 13) {
     checkDatabase();
   }
} 
</script>
</head>
<body onLoad="input()" bgcolor="black">
<p font color="#CCCCCC">
<form name="form1" onkeydown="enter(event)">
<p align="center"> </p>
<p align="center">
<font face="Comic Sans MS" size="5" color="#CCCCCC">Digite o Número da Peça de Qualquer Fabricante ou Nosso Código</font>
</p>
<p align="center">
<font face="Comic Sans MS" color="#CCCCCC">
<input type="text" size="20" name="searchfor">
<b>
<input type="button" value="Procurar" align="absmiddle"onclick="checkDatabase()">
</b>
</font>
</p>
<p align="center">
<font face="Comic Sans MS" color="#CCCCCC">Não Utilize Ponto, Traço ou Espaço</font>
<br>
</p>
</form>
<div align="center">
<p align="center">
<font face="Comic Sans MS" color="#CCCCCC">
</font>
</p>
<p align="center"> </p>
<div align="center">
</div>
<div align="center">
</div>
<p align="left">
<font face="Comic Sans MS" color="#CCCCCC">
</font>
</p>
</div>
<table id=1 width='100%' border='1'>
<tr>
<td>
<div align='center'>
<font color='#CCCCCC'>Nosso Número</font>
</div>
</td>
<td>
<div align='center'><font color='#CCCCCC'>ZF</font></div>
</td>
<td>
<div align='center'><font color='#CCCCCC'>MF</font></div>
</td>
<td>
<div align='center'><font color='#CCCCCC'>Valmet</font></div>
</td>
<td>
<div align='center'><font color='#CCCCCC'>CBT</font></div>
</td>
<td>
<div align='center'><font color='#CCCCCC'>Ford</font></div>
</td>
<td>
<div align='center'><font color='#CCCCCC'>Jonh Deere</font></div>
</td>
</tr>
<tr>
<td>
<div align='center'><font color='#CCCCCC'>
Numero
</font></div>
</td>
<td>
<div align='center'><font color='#CCCCCC'>
ZF
</font></div>
</td>
<td>
<div align='center'><font color='#CCCCCC'>
MF
</font></div>
</td>
<td>
<div align='center'><font color='#CCCCCC'>
Valmet
</font></div>
</td>
<td>
<div align='center'><font color='#CCCCCC'>
CBT
</font></div>
</td>
<td>
<div align='center'><font color='#CCCCCC'>
Ford
</font></div>
</td>
<td>
<div align='center'><font color='#CCCCCC'>
Deere
</font></div>
</td>
</tr>
</table>
&lt;script language="JavaScript">
Nnumero = new Object();
ZF = new Object();
MF = new Object();
Valmet = new Object();
CBT = new Object();
Ford = new Object();
Deere = new Object();

Nnumero[0] = 4
ZF[0] = 4
MF[0] = 4
Valmet[0] = 4
CBT[0] = 4
Ford[0] = 4
Deere[0] = 4

Nnumero[1] = "1"
ZF[1] = "zf1"
MF[1] = "mf1"
Valmet[1] = "valmet1"
CBT[1] = "cbt1"
Ford[1] = "ford1"
Deere[1] = "deere1"

Nnumero[2] = "2"
ZF[2] = "zf2"
MF[2] = "mf2"
Valmet[2] = "valmet2"
CBT[2] = "cbt2"
Ford[2] = "ford2"
Deere[2] = "deere2"

Nnumero[3] = "3"
ZF[3] = "zf3"
MF[3] = "mf3"
Valmet[3] = "valmet3"
CBT[3] = "cbt3"
Ford[3] = "ford3"
Deere[3] = "deere3"

Nnumero[4] = "4"
ZF[4] = "zf4"
MF[4] = "mf4"
Valmet[4] = "valmet4"
CBT[4] = "cbt4"
Ford[4] = "ford4"
Deere[4] = "deere4"

function checkDatabase() {
var Found = false
var Item = document.forms[0].searchfor.value.toLowerCase();
for (var i=1; i <= Nnumero[0], i <= ZF[0], i <= MF[0], i <= Valmet[0], i <= CBT[0], i <= Ford[0], i <= Deere[0]; i++) {
if(Item == Nnumero[i] || Item == ZF[i] || Item == MF[i] || Item == Valmet[i] || Item == CBT[i] || Item == Ford[i] || Item == Deere[i]) {
Found = true

var tabelas = document.getElementById(1)
var linhas = tabelas.rows
var celulas = linhas[1].cells
celulas[0].innerText = (Nnumero[i])

alert ("pelomenos rodou")
}
}
if(!Found)
alert("Este Código Não Consta no Banco de Dados")
}
</script>
</body>
</html>

[flavio]

<script language="JavaScript">
Nnumero = new Array(5);
ZF = new Array(5);
MF = new Array(5);
Valmet = new Array(5);
CBT = new Array(5);
Ford = new Array(5);
Deere = new Array(5);

Nnumero[0] = 4;
ZF[0] = 4;
MF[0] = 4;
Valmet[0] = 4;
CBT[0] = 4;
Ford[0] = 4;
Deere[0] = 4;

Nnumero[1] = "1";
ZF[1] = "zf1";
MF[1] = "mf1";
Valmet[1] = "valmet1";
CBT[1] = "cbt1";
Ford[1] = "ford1";
Deere[1] = "deere1";

Nnumero[2] = "2";
ZF[2] = "zf2";
MF[2] = "mf2";
Valmet[2] = "valmet2";
CBT[2] = "cbt2";
Ford[2] = "ford2";
Deere[2] = "deere2";

Nnumero[3] = "3";
ZF[3] = "zf3";
MF[3] = "mf3";
Valmet[3] = "valmet3";
CBT[3] = "cbt3";
Ford[3] = "ford3";
Deere[3] = "deere3";

Nnumero[4] = "4";
ZF[4] = "zf4";
MF[4] = "mf4";
Valmet[4] = "valmet4";
CBT[4] = "cbt4";
Ford[4] = "ford4";
Deere[4] = "deere4";

function checkDatabase() {
    var tabelas = document.getElementById(1);
    var linhas = tabelas.rows;
    var celulas = linhas[1].cells;
    var Found = false;
    var Item = document.forms[0].searchfor.value.toLowerCase();
    for (var i=1; i <= Nnumero[0]; i++) {
        if (Item == Nnumero[i] || Item == ZF[i] || Item == MF[i] || Item == Valmet[i] || Item == CBT[i] || Item == Ford[i] || Item == Deere[i]) {
            Found = true;
            if(celulas[0].innerText)
                celulas[0].innerText = Nnumero[i];
            if(celulas[0].textContent)
                celulas[0].textContent = Nnumero[i];

            alert ("pelomenos rodou");
        }
    }
    if(!Found)
        alert("Este Código Não Consta no Banco de Dados");
}
</script>

o que vi no seu codigo:

• faltou um monte de ponto-e-vírgula;
• new Object() ? pra que? use Array
• aquele monte de condições dentro do FOR é realmente necessário? apaguei quase todas.
• se por acaso, você não vir nada na célula depois de executar o script, é porque a letra tá preta e o fundo também está preto. Tem duas soluções: A primeira é usar um CSS na tag TD (ou TR ou TABLE) mudando a cor da letra pra branco. A outra solução... eu falei dela aqui. quem sabe?? alguém aí sabe?? :lol:

[mingau]

o que vi no seu codigo:

• faltou um monte de ponto-e-vírgula;
• new Object() ? pra que? use Array
• aquele monte de condições dentro do FOR é realmente necessário? apaguei quase todas.
• se por acaso, você não vir nada na célula depois de executar o script, é porque a letra tá preta e o fundo também está preto. Tem duas soluções: A primeira é usar um CSS na tag TD (ou TR ou TABLE) mudando a cor da letra pra branco. A outra solução... eu falei dela aqui. quem sabe?? alguém aí sabe?? :lol:

• as vezes na duvida eu apago, se parar de funcionar eu coloco denovo rsrs
• não sei o que é new Object() e nem Array
• quando você falou pensei "mas todos precisam verificar!" depois olhei e vi que quem verifica é o if e não o for
• eu estava pesquisando agora sobre mudar a fonte XD

então, está funcionando esse script, como o anterior estava. o meu problema agora é em outro lugar. Lá pra cima tem 2 imput, um é um botão e o outro é o campo pra preencher. Se eu preencho e aperto enter da certo, mas o resultado some depois. Por outro lado, se eu preencher e clicar no outro botão funciona perfeitamente, tanto este quanto o anterior.

[mingau]

consegui \o/ achar aqui

meu outro problema era o enter e esse script

<script language="javascript">
function enter (evt) {
   if (evt.keyCode == 13) {
     checkDatabase();
   }
} 
</script>

eu só modifiquei o script da colega pra se adaptar ao meu caso

<script language="javascript">
function bloqEnter(objEvent) 
{
var iKeyCode; 
iKeyCode = objEvent.keyCode
if(iKeyCode == 13)
{ 
checkDatabase();
return false
}
return true;
}
</script>

bora aprender a mudar a cor da letra :lol:

valeu mesmo pelas dicas rajneesh

[flavio]

mingau você tem alguma experiencia em programação? (conhece alguma linguagem de programação? Pascal, C, ...)

as vezes na duvida eu apago, se parar de funcionar eu coloco denovo rsrs

No fim de toda instrução use ponto-e-virgula.

não sei o que é new Object() e nem Array

É uma instrução que permite usar vetores. Algo do tippo x = new Array(3) faz com que x seja um vetor de 3 posições portanto possa-se referenciar x[0], x[1] e x[2].

eu estava pesquisando agora sobre mudar a fonte XD

é só usar o innerHTML. com ele você pode inserir codificação html numa célula. Exemplo: celula[0].innerHTML = "<font color=yellow>huahuahuha</font>";

modifique tudo e se continuar dando erro nos avise.... falows! Ah, pega esta apostila de JavaScript

[mingau]

mingau você tem alguma experiencia em programação?

Não, nenhuma. Já fucei em HTML, js, C, pascal mas não sei nada não. Só fico experimentando.

No fim de toda instrução use ponto-e-virgula

Vou começar a fazer isso.

É uma instrução que permite usar vetores. Algo do tippo x = new Array(3) faz com que x seja um vetor de 3 posições portanto possa-se referenciar x[0], x[1] e x[2].

entendi. no caso é a função la embaixo que "simula" um vetor de x posições onde x é o valor de new Object(0). Certo?

é só usar o innerHTML. com ele você pode inserir codificação html numa célula

valeu rsrsrs nem tinha tido tempo de procurar

modifique tudo e se continuar dando erro nos avise....

já estou nisso XD

e obrigado pela apostila!