Need Help with Survey Template

cynosure1023 · #1 11-06-2011, 08:20 AM

Hi Guys/Gals,

I was wondering if somebody can assist me with or provide some sort of template to set the submit button to show the results? So it's an HTML form, which is static. Can somebody advise if I can create a database or what??
May be like a .aspx script as it will be used internally and we are using IIS to host and i am using Dreamviewer. Also we dont have php setup by default and i am not sure if my company wants to use .php.
Thanks in advance.

The html document is:

HTML Code:

<HTML>
<!-- Design by xyz<xyz@.com> -->
<HEAD><TITLE>New Hire Training Survey</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<STYLE type="text/css">
/* Common HTML customizations */
 body {
 	background-color: #FFF;
 }
 
 body, td {
 	color: #000;
 	font: normal 10pt tahoma;
 	margin: 5px;
 }
 
 /* Survey alignment */
 div.cs__content {
 	text-align: center;
 }
 
 div.cs__content table.cs__main {
	margin: 0 auto;
	text-align: left;
	width: 750px;
	border-style: none;
	background-color: #CCCCCC;
 }
 
 form {
 	margin: 0;
 }
 
 /* Survey title */
 .cs__t {
 	display: block;
 }
 
 .cs__t, .cs__t td {
 	font-size: 14pt;
 	font-weight: bold;
 	text-align: center;
 	background-color: #FFF;
 	padding: 5pt;
 }
 
 .cs__qctrls, .cs__qtitle {
 	display: block;
 }
 
 .cs__qtitle {
	margin-bottom: 3pt;
	background-color: #F0AB00;
	padding: 2pt;
 }
 
 /* Numbers of questions */
 .cs__n {
 	color: #FFF;
 	font-weight: bold;
 }
 
 /* Question text */
 .cs__qtext {
 	color: #FFF;
 	font-weight: bold;
 }
 
 .cs__reqd {
 	color: red;
 	font-weight: bold;
 }
 
 /* Progress indicator aka pager */
 .cs__scale,
 /* Single choice */
 .cs__sc,
 /* Single choice - drop down list */
 .cs__scdd,
 /* Multiple choices */
 .cs__mc,
 /* Single line */
 .cs__sl,
 /* Text area */
 .cs__ta,
 /* Matrix */
 .cs__m,
 /* Comments */
 .cs__c,
 /* Warnings */
 .cs__w,
 /* Images */
 .cs__img
 {
 	display: block;
 	padding: 5pt;
 	text-align: left;
 	margin: 0px;
 }
 
 .cs__scale {
 	text-align: center;
 	padding-top: 5px;
 	padding-bottom: 5px;
 	background-color: #fff;
 }
  
 /* page numbers and percentages in pager */
 .cs__cpage, .cs__totalpages, .cs__pcount {
 	font-weight: bold;
 }
  
 /* table that contains the scale */
 table.cs__percentage {
 	color: #000;
 	background-color: #fff;
 	height: 30px;
 	margin: auto auto 10px auto;
 	width: 400px;
 }
 
 table.cs__percentage td {
   	font-size: 8pt;
 }
 
 /* progress bar */
 td.cs__complete, td.cs__complete_single {
 	background-color: #AAEB7A;
 	border-style: solid;
 	border-color: #000;
 }
 
 td.cs__togo, td.cs__togo_single {
 	background-color: #fff;
 	border-style: solid;
 	border-color: #000;
 }
 
 td.cs__complete {
 	border-width: 1px 0 1px 1px;
 }
 
 td.cs__complete_single {
 	border-width: 1px;
 }
 
 td.cs__togo {
 	border-width: 1px 1px 1px 0;
 }
 
 td.cs__togo_single {
 	border-width: 1px;
 }
 
 .cs__c, .cs__w {
 	font-weight: bold;
 	margin: 5pt;
 }
 
 .cs__sl .cs__qctrls input, .cs__ta .cs__qctrls textarea {
 	border: 1px solid #000;
 }
 
 /* Input type=checkbox and radiobutton */
 .cs__option {
 	display: block;
 	margin-bottom: 4px;
 }
 
 /* Additional specs for matrices */
 /* Matrix table */
 .cs__mtable {
 	border-width: 0px 1px 1px 0px;
 	width: 725px;
 }
 
 /* Default cell specification */
 .cs__mtable tr td {
 	padding: 2pt;
 	border-width: 1px 0px 0px 1px;
 }
 
 /* Table border */
 .cs__mtable, .cs__mtable tr td {
 	border-style: solid;
 	border-color: #244F17;
 }
 
 /* Matrix cells with answer options */
 .cs__mtopodd, .cs__mtopeven {
 	text-align: center;
 	vertical-align: center;
 	font-weight: bold;
 }
 
 /* Different colors */
 .cs__mtopodd, .cs__mtopeven {
 	background-color: #FFF;
 }
 /* Matrix questions - the first column in every row,
    except the first one */
 .cs__mleftodd, .cs__mlefteven {
 	text-align: left;
 	font-weight: bold;
 }
 
 /* Different colors */
 .cs__mlefteven, .cs__moe, .cs__moo {
 	background-color: #DDF2B7;
 }
 
 .cs__mleftodd, .cs__meo, .cs__mee {
 	background-color: #FFF;
 }
 
 /* empty cell at the top-left */
 .cs__mempty {
 	opacity: 0;
 	filter: alpha(opacity=0);
 }
 
 /* Odd row, even column */
 .cs__moe,
 /* Odd row, odd column */
 .cs__moo,
 /* Even row, odd column */
 .cs__meo,
 /* Even row, even column */
 .cs__mee {
 	text-align: center;
 }
 
 /* Submit button */
 .cs__submit {
 	display: block;
 	text-align: center;
 	margin: 10px 0px 10px 5pt;
 }
 
 .cs__powered {
 	display: block;
 	text-align: center;
 	background-color: #fff;
 }
 
 /* Customizations */
 
 .cs__c, .cs__mtopodd, .cs__mtopeven, .cs__mleftodd, .cs__mlefteven {
 	color: #244F17;
 }
 
 .cs__w {
 	color: #e00;
 	border-style: solid;
 	border-width: 1px;
 	border-color: #F96B0D;
 	background-color: #FAFCB4;
 }
</STYLE><link rel="canonical" href="" />

</HEAD>
<BODY><!-- Createsurvey HTML code starts. DO NOT CHANGE FIELD NAMES AND VALUES. DO NOT REMOVE OR EDIT HIDDEN FIELDS. -->
<NOSCRIPT>This page uses JavaScript. Please enable it or upgrade your browser.</NOSCRIPT>
<div class="cs__content"><table cellpadding=0 cellspacing=0 class="cs__main"><tr><td>
<span class="cs__powered">     <div align=right></div>
</span>

<!-- Current page title starts--><span class="cs__t">New Hire Training - End of Course Survey incl. Trainer</span><!-- Current page title ends-->

<!-- Script for checking that all required fields are filled starts -->
<script>
required = new Array();
var submitcnt = 0;
function SubmitHandler()
{var i, j;
var reqfields;
reqfields = new Array();
var return_ok = 0;

if( document.survey.elements['notsubmitlater'].value == 1) 
{
	return true;
}reqfields['s.2']=0;
reqfields['r.3']=0;
reqfields['r.4']=0;
reqfields['r.5']=0;
reqfields['r.6']=0;
reqfields['ta.7']=0;
reqfields['ta.8']=0;
reqfields['ta.9']=0;
reqfields['ta.10']=0;
for( var j in reqfields )
{
	for( i = 0; i < document.forms.survey.length; i++ )
	{
   	if( document.forms.survey.elements[i].name == j &&
            (((document.forms.survey.elements[i].type=="text" || document.forms.survey.elements[i].type=="textarea") && document.survey.elements[i].value != "")
             ||
             (document.forms.survey.elements[i].type=="checkbox" && document.survey.elements[i].checked==true)
             ||
             (document.forms.survey.elements[i].type=="radio" && document.survey.elements[i].checked==true)
             ||
             (document.forms.survey.elements[i].type=="select-one")
            ))
		{
			reqfields[j]=1;
		}
	}
}

return_ok = true;

for( var j in reqfields )
{
	if( reqfields[j] == 0 )
	{
		v = 'inline';	  
		return_ok = false;
	}
	else
	{
		v = 'none';	  
	}
  
   document.getElementById( "req_mark_" + j ).style.display = v;
}	

if( return_ok == false )
{
	alert( "Please fill ALL required fields (marked with asterisks)" );
	return false;
}	// disable submit button
	try
	{
		document.forms['survey']['submit_button'].disabled = true;
	}
	catch( errObj ) {}
	
	return true;
}
</Script>
<!-- Script for checking that all required fields are filled ends -->   
<FORM name='survey' method=POST action="" onsubmit="return SubmitHandler();">

<!-- system hidden fields start - do not remove! -->
<input type=hidden name=m value="juwdXu">
<input type=hidden name=s value="80243">
<input type=hidden name=page value="0">
<input type=hidden name=currentpage value="1">
<input type=hidden name=submitcount value="0">
<input type=hidden name=notsubmitlater value="0">
<!-- system hidden fields end -->

<!-- system hidden fields start - do not remove! -->
<input type=hidden name="count" value="10">
<span style="display: none !important">	<textarea name="visitedpages" style="display: none !important">1,1</textarea></span>
<!-- system hidden fields end -->   
   <!-- Question begins -->
<span class="cs__scdd">   
<span class="cs__qtitle">
<span class="cs__qtext">   	<label for="id.1">Region:</label></span></span>
<span class="cs__qctrls">	               <select name="s.1" id="id.1" size=1>      			<option value="1" selected >Americas</option>							<option value="2" >EMEA</option>							<option value="3" >APJ</option>							</select></span></span>   
<!-- Question ends -->

   <!-- Question begins -->
<span class="cs__ta">   
<span class="cs__qtitle">
<span class="cs__reqd"><span id="req_mark_ta.7">*</span></span>
<span class="cs__qtext">   	<label for="id.7">Trainer:</label></span></span>
<span class="cs__qctrls">	            
<input name="ta.7" type="text" id="id.7" value="" size="30">
</span></span>   <!-- Question ends -->
   
   <!-- Question begins -->
<span class="cs__scdd">   
<span class="cs__qtitle">
<span class="cs__reqd"><span id="req_mark_s.2">*</span></span>
<span class="cs__qtext">   	<label for="id.2">Course covered:</label></span></span>
<span class="cs__qctrls">	               <select name="s.2" id="id.2" size=1>      			<option value="1" >Fundamentals</option>							<option value="2" >WTS and RSA</option>							<option value="3" >Outlook and PGP</option>							<option value="4" >Blackberry</option>							<option value="5" >Apple- Macbook, Ipad and Iphone</option>							<option value="6" >TLM</option>						</select></span></span>   <!-- Question ends -->

   
   <!-- Question begins -->
<span class="cs__sc">   
<span class="cs__qtitle">
<span class="cs__reqd"><span id="req_mark_r.3">*</span></span>
<span class="cs__qtext">How confident/prepared do you feel on the trained topics?</span></span>
<span class="cs__qctrls">	               		
<span class="cs__option">			<input type=radio name="r.3" id="id.3.1" value="1" ><label for="id.3.1">Very confident & Prepared</label></span>				
<span class="cs__option">			<input type=radio name="r.3" id="id.3.2" value="2" ><label for="id.3.2">Confident and prepared	</label></span>				
<span class="cs__option">			<input type=radio name="r.3" id="id.3.3" value="3" ><label for="id.3.3">Reasonably confident and prepared</label></span>				

<span class="cs__option">			<input type=radio name="r.3" id="id.3.4" value="4" ><label for="id.3.4">Unsure / Not confident  </label></span>				
<span class="cs__option">			<input type=radio name="r.3" id="id.3.5" value="5" ><label for="id.3.5">Completely unprepared</label></span>		</span></span>   <!-- Question ends -->
   
   <!-- Question begins -->
<span class="cs__sc">   
<span class="cs__qtitle">
<span class="cs__reqd"><span id="req_mark_r.4">*</span></span>
<span class="cs__qtext">How useful was the materials (Participant guides, IMI's, Video's)?</span></span>
<span class="cs__qctrls">	               		

<span class="cs__option">			<input type=radio name="r.4" id="id.4.1" value="1" ><label for="id.4.1">Very useful</label></span>				
<span class="cs__option">			<input type=radio name="r.4" id="id.4.2" value="2" ><label for="id.4.2">Useful				</label></span>				
<span class="cs__option">			<input type=radio name="r.4" id="id.4.3" value="3" ><label for="id.4.3">Somewhat useful			</label></span>				
<span class="cs__option">			<input type=radio name="r.4" id="id.4.4" value="4" ><label for="id.4.4">Not very useful			</label></span>				
<span class="cs__option">			<input type=radio name="r.4" id="id.4.5" value="5" ><label for="id.4.5">Not useful at all		</label></span>		</span></span>   <!-- Question ends -->

   
   <!-- Question begins -->
<span class="cs__sc">   
<span class="cs__qtitle">
<span class="cs__reqd"><span id="req_mark_r.5">*</span></span>
<span class="cs__qtext">How useful did you find the exercises?</span></span>
<span class="cs__qctrls">	               		
<span class="cs__option">			<input type=radio name="r.5" id="id.5.1" value="1" ><label for="id.5.1">Very useful</label></span>				
<span class="cs__option">			<input type=radio name="r.5" id="id.5.2" value="2" ><label for="id.5.2">Useful</label></span>				
<span class="cs__option">			<input type=radio name="r.5" id="id.5.3" value="3" ><label for="id.5.3">Somewhat useful</label></span>				

<span class="cs__option">			<input type=radio name="r.5" id="id.5.4" value="4" ><label for="id.5.4">Not very useful	</label></span>				
<span class="cs__option">			<input type=radio name="r.5" id="id.5.5" value="5" ><label for="id.5.5">Not useful at all</label></span>		</span></span>   <!-- Question ends -->
   
   <!-- Question begins -->
<span class="cs__sc">   
<span class="cs__qtitle">
<span class="cs__reqd"><span id="req_mark_r.6">*</span></span>
<span class="cs__qtext">How satisfied were you with the trainer and his/her delivery?</span></span>
<span class="cs__qctrls">	               		

<span class="cs__option">			<input type=radio name="r.6" id="id.6.1" value="1" ><label for="id.6.1">Extremely satisfied</label></span>				
<span class="cs__option">			<input type=radio name="r.6" id="id.6.2" value="2" ><label for="id.6.2">Very satisfied</label></span>				
<span class="cs__option">			<input type=radio name="r.6" id="id.6.3" value="3" ><label for="id.6.3">Satisfied</label></span>				
<span class="cs__option">			<input type=radio name="r.6" id="id.6.4" value="4" ><label for="id.6.4">Dissatisfied</label></span>				
<span class="cs__option">			<input type=radio name="r.6" id="id.6.5" value="5" ><label for="id.6.5">Extremely Dissatisfied</label></span>		</span></span>   <!-- Question ends -->

   
   <!-- Question begins -->
<span class="cs__ta">   
<span class="cs__qtitle">
<span class="cs__reqd"><span id="req_mark_ta.7">*</span></span>
<span class="cs__qtext">   	<label for="id.7">What most influenced your last answer?</label></span></span>
<span class="cs__qctrls">	            <textarea cols=50 rows=5 name="ta.7" id="id.7"></textarea>         </span></span>   <!-- Question ends -->
   
   <!-- Question begins -->
<span class="cs__ta">   

<span class="cs__qtitle">
<span class="cs__reqd"><span id="req_mark_ta.8">*</span></span>
<span class="cs__qtext">   	<label for="id.8">What topics are you confident and prepared on?</label></span></span>
<span class="cs__qctrls">	            <textarea cols=50 rows=5 name="ta.8" id="id.8"></textarea>         </span></span>   <!-- Question ends -->
   
   <!-- Question begins -->
<span class="cs__ta">   
<span class="cs__qtitle">
<span class="cs__reqd"><span id="req_mark_ta.9">*</span></span>

<span class="cs__qtext">   	<label for="id.9">What topics covered are you still unsure about?</label></span></span>
<span class="cs__qctrls">	            <textarea cols=50 rows=5 name="ta.9" id="id.9"></textarea>         </span></span>   <!-- Question ends -->
   
   <!-- Question begins -->
<span class="cs__ta">   
<span class="cs__qtitle">
<span class="cs__reqd"><span id="req_mark_ta.10">*</span></span>
<span class="cs__qtext">   	<label for="id.10">General feedback and comments:</label></span></span>

<span class="cs__qctrls">	            <textarea cols=50 rows=5 name="ta.10" id="id.10"></textarea>         </span></span>   <!-- Question ends -->


<span class="cs__submit">	<input type=submit name="submit_button" value="Submit"></span>
</FORM>

</td></tr></table>
  <p>        Created By: XYZ</p>
</div><!-- Createsurvey HTML code ends -->



</BODY></HTML>
<body>
</body>
<!-- Design by XYZ> -->
</html>

Ableer Web Services · #2 11-06-2011, 02:27 PM

If I understand right, you're needing your submit button to show you the results? Alright, if this is the case, then what results are you wanting to be shown?

Best Regards,

cynosure1023 · #3 11-06-2011, 04:04 PM

@Ableer Web Services: Thanks. Yes that's correct. Its all the questions in the form.

T-Junk · #4 11-09-2011, 10:40 AM

I was hoping somebody could help you figure this one out!!Hopefully you got it worked out. If not, I found a couple very basic examples from our good friends at W3SCHOOLS:

How to use information from forms.

More information from a form.

In both of these examples, the code is using GET, but I can't see why you can't use POST and have the same results. Perhaps there is a way to write to a text document for your radio buttons (PHP can do it). That way you can use a simple addition script to monitor your radio button results.

There is more from W3SCHOOLS on this here.

cynosure1023 · #5 11-11-2011, 06:04 PM

Thanks T-junk. i'll try n see how it goes and will update ye...

Need Help with Survey Template

Sponsored Links

Advertise Here

Internet Services

Web Development

Digital Marketing

Consumer Tech