Estou criando um sistema de contato aonde posso inserir os campos dinamicamente, consegui achar um esquema na internet que se adequa perfeitamente com o que quero, mas ao colocar o editor js que possuo ele coloca somente um dele e não o multiplica mais depois que clica em adicionar novo campo, segue abaixo como consegui deixar o código:
<script>
var numeroCampo = 0;
// Inicio Texto
function addCampos() {
var controle = document.getElementById("div1");
//Criando a DIV;
var campos = document.createElement("div");
//Definindo atributos ao campos:
campos.setAttribute("id","filho"+numeroCampo);
//Inserindo o elemento no controle:
controle.appendChild(campos);
//Escrevendo algo no campos recém-criado:
document.getElementById("filho"+numeroCampo).innerHTML = '<textarea name="texto[]" id="editorTexto">Texto'+numeroCampo+'</textarea><br><input type="button" onClick="removerCampo('+numeroCampo+')" value="Apagar campo"><br>';
numeroCampo++ $("#editorTexto").cleditor(); // Aqui é onde inseri o editor js
}
function removerCampo(id) {
var controle = document.getElementById("div1");
var campos = document.getElementById("filho"+id);
//Removendo o DIV com id específico do controle:
var removido = controle.removeChild(campos);
}
</script>
Sé possível teria como ajudar na solução para que toda vez que adicionar um campo de texto ele vir todos com o editor, desde já agradeço a todos pela ajuda
Pergunta
exdeathffv5
Estou criando um sistema de contato aonde posso inserir os campos dinamicamente, consegui achar um esquema na internet que se adequa perfeitamente com o que quero, mas ao colocar o editor js que possuo ele coloca somente um dele e não o multiplica mais depois que clica em adicionar novo campo, segue abaixo como consegui deixar o código:
<script>
var numeroCampo = 0;
// Inicio Texto
function addCampos() {
var controle = document.getElementById("div1");
//Criando a DIV;
var campos = document.createElement("div");
//Definindo atributos ao campos:
campos.setAttribute("id","filho"+numeroCampo);
//Inserindo o elemento no controle:
controle.appendChild(campos);
//Escrevendo algo no campos recém-criado:
document.getElementById("filho"+numeroCampo).innerHTML = '<textarea name="texto[]" id="editorTexto">Texto'+numeroCampo+'</textarea><br><input type="button" onClick="removerCampo('+numeroCampo+')" value="Apagar campo"><br>';
numeroCampo++
$("#editorTexto").cleditor(); // Aqui é onde inseri o editor js
}
function removerCampo(id) {
var controle = document.getElementById("div1");
var campos = document.getElementById("filho"+id);
//Removendo o DIV com id específico do controle:
var removido = controle.removeChild(campos);
}
</script>
Sé possível teria como ajudar na solução para que toda vez que adicionar um campo de texto ele vir todos com o editor, desde já agradeço a todos pela ajuda
Link para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.