exdeathffv5
-
Total de itens
2 -
Registro em
-
Última visita
Sobre exdeathffv5
exdeathffv5's Achievements
0
Reputação
-
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
-
Estava procurando na internet um form dinâmico com js e html que gerasse inputs automaticamente e achei o seguinte codigo: <!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>Form com Campos Dinamicos</title> <head> <script type="text/javascript"> var qtdeCampos = 0; function addCampos() { var objPai = document.getElementById("campoPai"); //Criando a DIV; var objFilho = document.createElement("div"); //Definindo atributos ao objFilho: objFilho.setAttribute("id","filho"+qtdeCampos); //Inserindo o elemento no pai: objPai.appendChild(objFilho); //Escrevendo algo no filho recém-criado: document.getElementById("filho"+qtdeCampos).innerHTML = "<textarea name='texto[]' id='editorTexto'>Texto"+qtdeCampos+"</textarea> <input type='button' onClick='removerCampo("+qtdeCampos+")' value='Apagar campo'>"; qtdeCampos++; } function removerCampo(id) { var objPai = document.getElementById("campoPai"); var objFilho = document.getElementById("filho"+id); //Removendo o DIV com id específico do nó-pai: var removido = objPai.removeChild(objFilho); } </script> </head> <body> <form name="dados" action="pegardados.php" method="post"> <div id="campoPai"></div> <input type="button" value="Adicionar Campos" onclick="addCampos()"> <br><br><input type="submit" value="Enviar"> </form> </body> </html> Mas estou tendo problema pra adaptar o editor de texto em java script que possuo nesse codigo que seria o seguinte comando: <script> $(document).ready(function () { $("#editorTexto").cleditor(); }); </script> Ele gera o html de textarea mais ele não interpreta o js do editor quando compila, teria algum tipo de solução pra rodar o editor dentro desse código?