Questionário em javascript

Awq · Outubro 17, 2014

Muitos problemas pra quem tá programando pela primeira vez em javascript...

Preciso de uma ajuda nisso.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Cadastro Ordens de Serviço</title>
	<link rel="stylesheet" href="os_files/css3menu1/style.css" type="text/css" /><style type="text/css">._css3m{display:none}</style>

		<script>
			var input = 1;
			function mais(campo) {
		 
				var valor = "input "+input+" - "+campo+" <input type='text' name='"+campo+"' value=''><br>";
				var nova = document.getElementById("aqui");
				var novadiv = document.createElement("div");
				var nomediv = "div";
					novadiv.innerHTML = "Pergunta "+input+" <input type='text' required name=' "+campo
					+"' value=''>  Resposta<input type='text' required name=' "+campo
					+"' value=''> Peso:<input type='number' required name='quantity' min='1' max='10'>";
				nova.appendChild(novadiv);

					input++;

			}
		</script>

</head>

<body style="background-color:#EBEBEB"> 

<ul id="css3menu1" class="topmenu">
	<li class="topfirst"><a href="index.html" style="width:127px;height:32px;line-height:32px;"><img 
	src="os_files/css3menu1/home.png" alt=""/>Página Inicial</a></li>

	<li class="toplast"><a href="#" style="width:66px;height:32px;line-height:32px;"><img 
	src="os_files/css3menu1/256-2.png" alt=""/>Sair</a></li><br>
	
</ul>
<br>
<h3><font face="Segoe UI">Criar Questionário</H3>
Requerente: <i>**vem do usuário logado**</i><br>
nº os: <i>**numeração automática**</i><br>
<br clear=right>

	
<form name="form" method="GET">
<input type="text" style="display: none" name="campo" value=""><br>
<input type="button" value="adicionar pergunta" onClick="mais(campo.value);">
<div id="aqui"></div>
<input type ="button" value="OK" onClick="window.close">
</form>
<div id="txt"></div>
</body>
</html>

Esse é meu html com javascript.

o que eu preciso é que ao clicar em um botão adicione a pergunta, igual está fazendo.

Mas ao invés de adicionar uma única resposta, adicione quantas eu precisar, e cada resposta receba um peso, assim como eu fiz.

Preciso que cada pergunta e resposta+peso recebida seja guardada no bd.

Sandro2011 · Outubro 18, 2014

Boa noite,

Com Jquery:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Cadastro Ordens de Serviço</title>
	<link rel="stylesheet" href="os_files/css3menu1/style.css" type="text/css" /><style type="text/css">._css3m{display:none}</style>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>


		<script>
			var input = 1;
			function mais(campo) {
		 
				var valor = "input "+input+" - "+campo+" <input type='text' name='"+campo+"' value=''><br>";
				var nova = document.getElementById("aqui");
				var novadiv = document.createElement("div");
				var nomediv = "div";
					novadiv.innerHTML = "<div style='border: 1px solid green; display: table; margin-bottom:5px;'>Pergunta "+input+" <input type='text' required name=' "+campo
					+"' value=''><div class='bloco_resposta' style='border: 1px solid red; display: table; margin-bottom:5px;'>  Resposta<input type='text' class='resposta' required name=' "+campo
					+"' value=''> Peso:<input type='number' class='peso' required name='quantity' min='1' max='10'></div><input type='button' class='mais' value='+'></div>";
				nova.appendChild(novadiv);

					input++;

			}
$(document).ready(function(){  

			$(".mais").live("click", function () { 
				copia_bloco = $('.bloco_resposta:first').clone();
			    copia_bloco.find('.resposta').val('');
				copia_bloco.find('.peso').val('');
				copia_bloco.insertAfter('.bloco_resposta:last');
				});
			
});

</script>
		

</head>

<body style="background-color:#EBEBEB"> 

<ul id="css3menu1" class="topmenu">
	<li class="topfirst"><a href="index.html" style="width:127px;height:32px;line-height:32px;"><img 
	src="os_files/css3menu1/home.png" alt=""/>Página Inicial</a></li>

	<li class="toplast"><a href="#" style="width:66px;height:32px;line-height:32px;"><img 
	src="os_files/css3menu1/256-2.png" alt=""/>Sair</a></li><br>
	
</ul>
<br>
<h3><font face="Segoe UI">Criar Questionário</H3>
Requerente: <i>**vem do usuário logado**</i><br>
nº os: <i>**numeração automática**</i><br>
<br clear=right>

	
<form name="form" method="GET">
<input type="text" style="display: none" name="campo" value=""><br>
<input type="button" value="adicionar pergunta" onClick="mais(campo.value);">
<div id="aqui"></div>
<input type ="button" value="OK" onClick="window.close">
</form>
<div id="txt"></div>
</body>
</html>

para guardar no bd, você terá de usar uma linguagem server-side, como o PHP.

Awq · Outubro 21, 2014

Exatamente isso, cara! Muito obrigado!

Entrar

Questionário em javascript

Pergunta

Awq

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

Sandro2011

Link para o comentário

Compartilhar em outros sites

Awq

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades