Creando una prueba con jQuery

¿Alguien tiene un ejemplo de una prueba hecha con jQuery, sin procesar los resultados en el lado del servidor? Después de responder las preguntas, el resultado aparece instantáneamente. :)Creando una prueba con jQuery

Fuente

2010-12-16 SAC

Imagino que sería mucho más fácil obtener las respuestas correctas si la respuesta está incluida en el lado del cliente. Todo lo que el usuario debería hacer es Ver fuente. –

No es un examen, solo una pequeña prueba sin ningún desafío como objetivo. – SAC

saco, puedes hacerlo con div, oculto span hiddens approach right? – kobe

Esto es un poco de lo que estaba hablando de @gov pero básicamente me acaba de capturar el presente de la forma:

<form id="myform" onsubmit="return mySubmitHandler()">

Entonces tienen una función para manejar el envío:

function mySubmitHandler() 
{ 
    // the following are just examples of what you could do 
    var q1val = jQuery('#q1').val(); 
    var q2val = jQuery('#q2').val(); 
    if(q1val + q2val > 5) 
     jQuery('#success').show(); 
    else 
     jQuery('#fail').show(); 
    // end example 
    return false; // this keeps the form from doing a postback 
}

Fuente

2010-12-16 19:26:10 Kyle

Aquí hay un ejemplo que hace razonablemente fácil agregar más preguntas una vez que el javascript inicial está en:

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 

<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("button").click(function(){ 
    $("p").hide(); 
    }); 
}); 

$(document).ready(function(){ 
    var a = $(".question"); 
    a.each(function(index) { 
    var flip = $(this).find(".flip"); 
    var panel = $(this).find(".panel"); 
    flip.click(function(){ 
     panel.slideDown("slow"); 
    }); 
    }); 
}); 
</script> 
<style type="text/css"> 
div.panel,div.flip 
{ 
    margin:0px; 
    padding:5px; 
    text-align:center; 
    background:#e5eecc; 
    border:solid 1px #c3c3c3; 
    width:140px; 
} 

div.panel 
{ 
    display:none; 
} 
div.question 
{ 
    float:left; 
} 
div.questions 
{ 
    height: 80px; 
} 
</style> 
<title>Javascript sample</title> 
</head> 

<body> 

<p>1) How many bits are in a byte?</p> 
<div class="questions"> 

<div class="question"> 
<div class="panel">Wrong</div> 
<div class="flip">7</div> 
</div> 

<div class="question"> 
<div class="panel">Right</div> 
<div class="flip">8</div> 
</div> 

</div> 

</body> 
</html>

Fuente

2011-03-21 20:07:23

El gran problema aquí es que las respuestas son muy fáciles de detectar. Si fueron encriptados, o cargados desde un archivo externo de alguna manera ... – fiacobelli

-3

Hola, si estás buscando un guión preparado, puedes consultar este enlace www.thetutlage.com/downloads .. desde aquí puedes descargar el guión del cuestionario. Funciona en php, ajax y jquery y también tiene un panel de administración desde donde puedes crear múltiples quizes.

me gusta y creo que te guste aswell

Fuente

2011-11-09 04:53:54

El enlace es demasiado amplio y parece que el cuestionario ya no está disponible, actualice el enlace o elimine la publicación. En este momento, parece una entrada de spam que enlaza a un sitio. – iOS

Cierto, inútil en este momento, avíseme si la publicación se actualiza. –

Este es un enlace muerto. Entonces, esta respuesta no es muy útil. –

Comprobar este enlace para crear Jquery quiz using Google Docs. Auto cálculo de puntuaciones que muestra instantáneamente el resultado a los usuarios. Poco animado también.

Fuente

2013-06-10 18:09:25 Hari

Respuesta

Cuestiones relacionadas