Cuestionarios Con Respuestas

sildti · #1 (**permalink**) 29/04/2002, 16:01

Amigos del web del programador:

Solicito ayuda urgente para realizar lo sgte:

Necesito un formulario donde
1. el usuario pueda elegir entre varias elternativas
2. Que al final le muestre la calificacion en base a las respuestas buenas que obtuvo y ademas un item donde aparesca la respuesta que el marco y la respuesta correcta

Por favor, ayudenme

bet · #2 (**permalink**) 30/04/2002, 07:20

Algo así te sirve? Esto guardalo en un archivo .html

Código:

&lt;html&gt;
&lt;head&gt;&lt;title&gt; Examen &lt;/title&gt;
&lt;style type=&quot;text/css&quot;&gt;
body {
 font-family: Verdana, Arial;
 font-size: 10pt;
}
p { color:&quot;blue&quot;;}
&lt;/style&gt;

&lt;script language=&quot;JavaScript&quot; src=&quot;test.js&quot;&gt;&lt;/script&gt; 

&lt;/head&gt;

&lt;body onload=&quot;tomarValor()&quot;&gt;

&lt;b&gt;Test 1 - &lt;/b&gt;

&lt;FORM NAME=&quot;examen&quot; onSubmit=&quot;return averiguarNota(this);&quot;&gt;

&lt;p&gt;La estructura a = b ? c : d; es...&lt;/p&gt;
&lt;INPUT TYPE=&quot;radio&quot; NAME=&quot;1&quot; VALUE=&quot;mal&quot;&gt;un bucle&lt;BR&gt;
&lt;INPUT TYPE=&quot;radio&quot; NAME=&quot;1&quot; VALUE=&quot;mal&quot;&gt;una operaci&amp;oacute;n aritm&amp;eacute;tica&lt;BR&gt;
&lt;INPUT TYPE=&quot;radio&quot; NAME=&quot;1&quot; VALUE=&quot;bien&quot;&gt;una condici&amp;oacute;n&lt;BR&gt;&lt;BR&gt;

&lt;p&gt;el atributo &lt;TT&gt;window.status&lt;/TT&gt; contiene:&lt;BR&gt;
&lt;INPUT TYPE=&quot;radio&quot; NAME=&quot;2&quot; VALUE=&quot;bien&quot;&gt;el valor de la barra de estado&lt;BR&gt;
&lt;INPUT TYPE=&quot;radio&quot; NAME=&quot;2&quot; VALUE=&quot;mal&quot;&gt;el valor por defecto de la barra de estado&lt;BR&gt;
&lt;INPUT TYPE=&quot;radio&quot; NAME=&quot;2&quot; VALUE=&quot;mal&quot;&gt;ciertas caracter&amp;iacute;sticas de la ventana&lt;BR&gt;&lt;BR&gt;

&lt;p&gt;el evento &lt;I&gt;load&lt;/I&gt; ocurre:&lt;BR&gt;
&lt;INPUT TYPE=&quot;radio&quot; NAME=&quot;3&quot; VALUE=&quot;bien&quot;&gt;cuando termina de cargarse una p&amp;aacute;gina&lt;BR&gt;
&lt;INPUT TYPE=&quot;radio&quot; NAME=&quot;3&quot; VALUE=&quot;mal&quot;&gt;cuando termina de cargarse un gr&amp;aacute;fico&lt;BR&gt;
&lt;INPUT TYPE=&quot;radio&quot; NAME=&quot;3&quot; VALUE=&quot;mal&quot;&gt;cuando empieza a cargarse una p&amp;aacute;gina&lt;BR&gt;&lt;BR&gt;

&lt;p&gt;&amp;iquest;Que &lt;I&gt;array&lt;/I&gt; contiene los gr&amp;aacute;ficos de una p&amp;aacute;gina?&lt;BR&gt;
&lt;INPUT TYPE=&quot;radio&quot; NAME=&quot;4&quot; VALUE=&quot;mal&quot;&gt;document.graphics&lt;BR&gt;
&lt;INPUT TYPE=&quot;radio&quot; NAME=&quot;4&quot; VALUE=&quot;bien&quot;&gt;document.images&lt;BR&gt;
&lt;INPUT TYPE=&quot;radio&quot; NAME=&quot;4&quot; VALUE=&quot;mal&quot;&gt;no hay ninguno&lt;BR&gt;&lt;BR&gt;

&lt;p&gt;el m&amp;eacute;todo &lt;TT&gt;alert&lt;/TT&gt; sirve para:&lt;BR&gt;
&lt;INPUT TYPE=&quot;radio&quot; NAME=&quot;5&quot; VALUE=&quot;mal&quot;&gt;hacer sonar un pitido de alarma&lt;BR&gt;
&lt;INPUT TYPE=&quot;radio&quot; NAME=&quot;5&quot; VALUE=&quot;bien&quot;&gt;lanzar una ventana con informaci&amp;oacute;n&lt;BR&gt;
&lt;INPUT TYPE=&quot;radio&quot; NAME=&quot;5&quot; VALUE=&quot;mal&quot;&gt;decirle al navegador que hay un problema con el c&amp;oacute;digo&lt;BR&gt;&lt;BR&gt;

&lt;INPUT TYPE=&quot;submit&quot; VALUE=&quot;Quiero saber mi nota&quot;&gt;
&lt;/FORM&gt;
&lt;/body&gt;
&lt;/html&gt;

sigue...

bet · #3 (**permalink**) 30/04/2002, 07:25

Esto guardalo bajo el nombre de test.js

Código:

var usu = new Array();
var id = new Array();
usu[0] = &quot;pepe1&quot;;
usu[1] = &quot;pepe2&quot;;
usu[2] = &quot;pepe3&quot;;
id[0] = &quot;pepe1&quot;;
id[1] = &quot;pepe2&quot;;
id[2] = &quot;pepe3&quot;;

resp = new Array();

window.moveTo(0,0);
if (document.all) {
	top.window.resizeTo(screen.availWidth,screen.availHeight);
}
else { 
	if (document.layers||document.getElementById) {
		if (top.window.outerHeight&lt;screen.availHeight||top.window.outerWidth&lt;screen.availWidth){
			top.window.outerHeight = screen.availHeight;
			top.window.outerWidth = screen.availWidth;
		}
	}
}


function tomarValor(){
	url = location.href;
	val = url.indexOf(&quot;?&quot;);   //busca signo de interrogacion
	val = url.substring(val+1,url.length);
	datos = new Array();
	datos = val.split(&quot;&amp;&quot;)	// corta por un determinado patron de separacion , tab &amp;
	queUsu = new Array();		// toma solo el nombre del usuario
	queUsu = datos[0].split(&quot;=&quot;);
}

function averiguarNota(examen) {       
	var resultado=0;       
	var total=0;
	for (i=0;i&lt;examen.elements.length;i++) {        
		if ((examen.elements[ i].type==&quot;radio&quot;)&amp;&amp; (examen.elements[ i].checked)) {
			if (examen.elements[ i].value==&quot;bien&quot;)  {
				resultado++;       
			}
			total++;
			switch(examen.elements[ i].name){
				case &quot;1&quot;: resp[0]=examen.elements[ i].value; break;
				case &quot;2&quot;: resp[1]=examen.elements[ i].value; break;
				case &quot;3&quot;: resp[2]=examen.elements[ i].value; break;
				case &quot;4&quot;: resp[3]=examen.elements[ i].value; break;
				case &quot;5&quot;: resp[4]=examen.elements[ i].value; break;
			}
		}
	}
	if (total &lt;5){
		alert(&quot;Por favor responda todas las preguntas&quot;);
		return false;
	}
	mostrarResultado();     
}

sigue...

bet · #4 (**permalink**) 30/04/2002, 07:25

Código:

function mostrarResultado() {
var resp2 = new Array();
for(i=0;i&lt;5;i++){
	resp2[ i] = (resp[ i] == &quot;bien&quot;) ? '&lt;img src=&quot;up.gif&quot;&gt;' : '&lt;img src=&quot;down.gif&quot;&gt;';
}
newwin = window.open('','','top=150,left=150,width=325,height=300');
newwin.opener = self; 
with (newwin.document){
		open();
		write('&lt;html&gt;');
		write('&lt;style type=&quot;text/css&quot;&gt;');
		write('body {font-family: Verdana, Arial;font-size: 10pt;}');
		write('&lt;/style&gt;');
		write('&lt;body&gt;');
		write('&lt;p&gt;&lt;b&gt;Respuestas de ' + queUsu[1] + '&lt;/b&gt; &lt;/p&gt;');
		write('&lt;p&gt;Respuesta 1: ' + resp2[0] + '&lt;/p&gt;');
		write('&lt;p&gt;Respuesta 2: ' + resp2[1] + '&lt;/p&gt;');
		write('&lt;p&gt;Respuesta 3: ' + resp2[2] + '&lt;/p&gt;');
		write('&lt;p&gt;Respuesta 4: ' + resp2[3] + '&lt;/p&gt;');
		write('&lt;p&gt;Respuesta 5: ' + resp2[4] + '&lt;/p&gt;');
		write('&lt;/center&gt;&lt;/body&gt;&lt;/html&gt;');
		close();
   }
}

Terminó!

<hr noshade size=1><img src="http://www.gograph.com/Images-8712/ClipArt/cat03.gif" height="50" border=0 align="absmiddle"> <font size="2" face="verdana" color="#000000">bet[/CODE]