Ajuda com Javascript

6 de outubro de 2011 3 respostas

felips 6 de outubro de 2011

Eu estou trabalhando no seguinte código:

<html>

	<head>
		<style type="text/css">
		
			td{
				border: solid 1px black;
				font-size: 30px;
				height: 50px;
				width: 250px;
				text-align: center;
			}	
		
		
		</style>
	</head>
	
	<body>
	
		<script type="text/JavaScript">
				var vet = new Array();
				var cont = 0;
			
				function lista(valor){
														
					vet.push(valor);
				
					
					if(cont == 0)
						document.getElementById("tabela").innerHTML = "<tr>";	
					
					if(cont % 3 == 0 && cont != 0)
						document.getElementById("tabela").innerHTML += "</tr><tr><td>"+ valor +"</td>";
					else
						document.getElementById("tabela").innerHTML += "<td>"+ valor +"</td>";	

							cont += 1;
				}
				
				function del(){
					vet.pop();
					
					y = vet.length;
					
					document.getElementById("tabela").innerHTML = "";
					
					for(x = 0; x < y; x++)
						document.getElementById("tabela").innerHTML += "<tr><td>"+ vet[x] +"</td></tr>";
				}
		</script>
	
		<table id="tabela">	
				
		</table>
		
		
		
		<label>Nome do produto:</label>
		<input type="text" id="txt1"> <br />
		<input type="button" value="Enviar" onClick="lista(document.getElementById('txt1').value)">
		<input type="button" value="Excluir" onClick="del()">
				
	</body>

</html>

O problema é que a tabela que eu tento fazer com os resultados não está aparecendo corretamente.

Alguém poderia me ajudar?

3 Respostas

drsmachado 6 de out. de 2011

http://guj.com.br/java/50115-voce-e-novo-no-guj-vai-criar-um-topico-e-colar-seu-codigo-fonte-leia-aqui-antes-por-favor

Leia e corrija o tópico.

felips 6 de out. de 2011

alguém?

drsmachado 6 de out. de 2011

Camarada, os demais foristas também possuem suas vidas, nem sempre é possível responder de imediato.

1 - Testei e percebi que o elemento “table” não permite manipulação do atributo innerHTML, a princípio, este só pode ser dinamicamente alterado para o elemento “div”.

Modifiquei alguns pontos, acredito que você consiga colocar o código para funcionar como necessita:

<html>

<head>
<style type="text/css">
td {
	border: solid 1px black;
	font-size: 30px;
	height: 50px;
	width: 250px;
	text-align: center;
}
</style>

	<script type="text/JavaScript">
		var cont = 0;
		var conteudo = "";
		function lista(id) {
			var valor = document.getElementById(id).value;
			alert(document.getElementById("tabela").tagName);
			if (cont == 0) {
				conteudo = "<table border=\"1\"><tr>";
			}
			if (cont % 3 == 0 && cont != 0) {
				conteudo += "</tr><tr><td>"
						+ valor + "</td>";
			} else {
				conteudo += "<td>" + valor
						+ "</td>";
			}
			cont += 1;
			document.getElementById("tabela").innerHTML = conteudo + "</tr></table>";
		}

		function del() {
			vet.pop();

			y = vet.length;

			document.getElementById("tabela").innerHTML = "";

			for (x = 0; x < y; x++)
				document.getElementById("tabela").innerHTML += "<tr><td>"
						+ vet[x] + "</td></tr>";
		}
	</script>
</head>

<body>
	<div id="tabela">
	</div>
	<label>Nome do produto:</label>
	<input type="text" id="txt1">
	<br />
	<input type="button" value="Enviar"
		onClick="lista('txt1')">
	<input type="button" value="Excluir" onClick="del()">
</body>
</html>

Criado 6 de outubro de 2011

Ultima resposta 6 de out. de 2011

Respostas 3

Participantes 2

3 Respostas

Topicos relacionados