Cadastro de Vários telefones

[glicose]

Boas,

Estou fazendo um cadastro de clientes em PHP,

Gostaria de saber como faço para cadastrar um número ilimitado de telefones, ou seja, como faço para criar novas caixas de texto, caso o usuário queira inserir mais de 1 telefone

Cadastraria os telefones na tabela "telefone" passando o id do cliente

Quem puder ajudar agradeço

Grato!!!

[bruno1234]

Isso podes fazer da maneira pesada, fazendo posts ao servidor, ou então fazendo um script em javascript.

Podes tb juntar os 2 e fazer em ajax.

[yoda]

Isso podes fazer da maneira pesada, fazendo posts ao servidor, ou então fazendo um script em javascript.

Podes tb juntar os 2 e fazer em ajax.

Javascript é suficiente e não precisa de php.

[bruno1234]

Eu tb optava por fazer em javascript.

[glicose]

E como eu faria isso, eu sou iniciante ainda, estou aprendendo a linguagem PHP, mas tenho boa lógica de programação.

Alguém poderia me passar esse script para que eu possa tentar entender melhor (só um exemplo)

Grato!!! 👍

[scorch]

Vê este exemplo.

http://www.randomsnippets.com/2008/02/21/how-to-dynamically-add-form-elements-via-javascript/

[glicose]

Valeu, o exemplo deu certo, muito bom, tem esqueminha de inserir checkbox tbm, bem explicado passo a passo

Agora é só acertar pra jogar pro Banco

Obrigado a todos, podem fechar o tópico

👍

[glicose]

Olá, eu estou usando esse esqueminha:

function addtelefone(divName){    

          var newdiv = document.createElement('div');

          newdiv.innerHTML ="<input type='text' name=telefone[] size=17 maxlenght=14>";

          document.getElementById(divName).appendChild(newdiv);          

}

Até aí tudo bem, só que eu queria inserir uma máscara na textbox

"onkeypress=return mascara(event,'dddtel',this)"

O problema é que as aspas acabam fechando a linha de instrução do newdiv

Como eu faria pra arrumar isso?

Grato 🙂

[NCS_One]

Boas.

Não tenho a certeza mas acho que se fizeres o escape ás aspas dá :

newdiv.innerHTML ="<input type=\"text\" name=telefone[] size=17 maxlenght=14 onkeypress=\"return mascara(event,\"dddtel\",this)\" />";
[code]

[glicose]

Eu tentei, mas não deu certo não. Mas valeu pela  intençao 😛

Mais alguma sugestão? Alguém?

Grato

[yoda]

Pode ser uma solução em jQuery?

[jreis]

Usa aspas simples no javascript:

//...
newdiv.innerHTML = '<input type="text" name="telefone[]" size="17" maxlength="14"  onkeypress="return mascara(event, \'dddtel\', this);">';
//...

Suponho que assim funciona.

[glicose]

Deu certo jreis, usando as aspas simples, e dando escape nas aspas simples do dddtel

Valeu  brother 😉

Abraços!!!

[glicose]

Só pra fechar como eu faria pra colocar um Focus pro novo campo de telefone?

Grato

[yoda]

Só pra fechar como eu faria pra colocar um Focus pro novo campo de telefone?

Grato

Como assim?

[glicose]

Fazer o cursor ir para o novo campo. É que quando eu usava C# chamava Focus, não sei se é assim o nome também em Javascript  🙂

[yoda]

No html chama-se tabindex : http://www.htmlcodetutorial.com/forms/_INPUT_TABINDEX.html

[jreis]

Tabindex define a ordem em que os campos ficam com focus quando se dá um Tab. O que tu queres realmente é o focus, experimenta algo deste género (coloca isto no fim da função actual) (não foi testado, mas penso que deverá funcionar...):

//...

//buscar elementos "input" presentes em divName
var telInputs = document.getElementById(divName).getElementsByTagName('input');

//dar focus ao último elemento encontrado, que será o input acabado de criar;
telInputs[telInputs.length - 1].focus();

//...

[glicose]

É isso mesmo jreis que eu procurava, deu certo. Função bem simples, mas de muita utilidade.

O tab index seria mesmo só pra ordenar os tabs

Valeu  😛