Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

visitante_xp

[Resolvido] Saber se alguem clicou mais de uma vez no botão

Por , em Javascript

Recommended Posts

visitante_xp    0

visitante_xp
Postado

Iae povo, beleza...

 

Tem como saber se alguem clicou mais de uma vez em um determinado botão???

 

Tenho aqui um exemplo que insere campos de acordo com o numero que é inserido no campo. Só que quando alguem terminar de digitar o conteudo e quiser inserir mais um campo, clico de novo e meu conteudo anterior desaparece.

 

A tematica do sistema é: Se houver um segundo click ele vai verificar se há algum campo ja adicionado. Caso haja, ele pega esses valores por um loop com getElementById faço a inserção nova colocando os conteudos antigos.

 

Abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

vagner.net    0

vagner.net
Postado

Cria uma classe com um contador para administrar essa função.

 

A cada inserção você executa um método da classe que incrementa o contador e processa os dados de acordo com o valor atual do contador.

 

PS: Se não quiser usa classe, cria uma variável global como contador.

Compartilhar este post

Link para o post
Compartilhar em outros sites

visitante_xp    0

visitante_xp
Postado

@Klonder, meu querido, é justamente o seu script que eu to usando...rsrs...

 

Dei uma pequena modificada nele pra poder inserir um numero determinado de campos. ^_^

 

A proposito o código ficou muito bom, mas ainda não resolve o meu problema, pois nesse caso se eu recuperar os dados em PHP e reinseri-los na tela, vou ter que dar refresh, e isso eu não quero... :mellow:

 

Porque esse sistema esta interligado com outros... ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado

Só que quando alguem terminar de digitar o conteudo e quiser inserir mais um campo, clico de novo e meu conteudo anterior desaparece.

 

Uai, estranho esse código estar apagando os campos...

Eu testei no IE8, FF e Chrome e não apagou depois que foi inserido:

 

Segue o script funcionando:

http://www.klonder.net78.net/teste/adicionar_campos.htm

 

pois nesse caso se eu recuperar os dados em PHP e reinseri-los na tela, vou ter que dar refresh, e isso eu não quero...

Bom, antes de partirmos para o Ajax, temos que resolver primeiramente o problema dos campos que estão sendo apagados.

Compartilhar este post

Link para o post
Compartilhar em outros sites

visitante_xp    0

visitante_xp
Postado

É que eu modifiquei o código, da uma olhada:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<<script type="text/javascript">


function addCampos() 
{
	var qtdeCampos = document.getElementById("campo").value;
	
	
	for(i=1; i<=qtdeCampos; i++)
	{
		var objPai = document.getElementById("campoPai");
		//Criando o elemento DIV;
		var objFilho = document.createElement("div");
		//Definindo atributos ao objFilho1:
		objFilho.setAttribute("id","filho"+i);
		//Inserindo o elemento no pai:
		objPai.appendChild(objFilho);
		//Escrevendo algo no filho recém-criado:
		document.getElementById("filho"+i).innerHTML = "Atividade "+i+" <input type='text' id='campo"+i+"' name='campo"+i+"'>";
		//qtdeCampos++;
		//"<input type='button' onclick='removerCampo("+qtdeCampos+")' value='Apagar campo'>"
	}
}

</script>
</head>
<body>
<form name="form1" action="recebe.php" method="post">
Informe o numero de atividades: 
<input type="text" name="num_campos" id="campo" size="1" maxlength="2" />
<input type="button" value="Adicionar campos" onclick="addCampos()">
<div id="campoPai"></div>
<br />
<input type="submit" value="Enviar">
</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

visitante_xp    0

visitante_xp
Postado

Opa, consegui fazer...

 

Usei o contador...^^

 

Vlw @Lucas...

 

Me respodam uma coisa...Sempre tenho duvida nisso...Como eu coloco um determinado valor em um campo "tal"???

Seria assim:

document.getElementsByName("campo").value(Valor);

Abraço!!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito