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:
Pergunta
exdeathffv5
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?
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.