Cómo crear una encuesta/quiz inteligente con jquery

[neodani]

Iniciado por tredio

bueno lo de borrar el boton en la primera pregunta no me parece dificil pienso que lo puedes hacer tu sin mucho problema, lo de marcar las preguntas al continuar o volver lo hice aproposito, no se me parecio mejor asi, pero tambien lo puedes cambiar como mas te guste. Lo del error se soluciona cambiando esta funcion

Código Javascript:

function marcarElegidas(){
        var respuestas = ($('#answers').val().split('|').length == 1)?'':$('#answers').val().split('|')[parseInt(getPregunta())-1].split(':')[1].split(',');//OBTENEMOS LAS RESPUESTAS SELECCIONADAS DE LA PREGUNTA
        for(var i=0;i<respuestas.length;i++){
            $('#r-'+respuestas[i]).addClass('activo');
        }
    }
 

He intentado cambiar la funcionalidad del boton atras, y no sé porque cuando el id de la pregunta no es 1, no me muestra el boton atras.

He cambiado el css para diferenciar boton de otro, aunque ambos tienen las mismas propiedades

#next.button,#prev.button{ width:100px; border:solid 1px #CCC; text-align:center; display:none; float:left; margin-right:20px;}
#next.button:hover,#prev.button:hover{ background:#009; color:#FFF; cursor:pointer;}

Y he modificado las dos funciones 3 funciones (tienen un comentario las lineas que he modificado)

Código Javascript:

$('a.empezar_quiz').click(function() {
        loadQuestion()
        $(this).hide();
        $('#next.button').show(); // muestro del boton continuar      
    });
    
    $('#next').click(function(){
        if(getN() == $('.activo').length){      
            var r =     seleccionarRespuestas();
            $('#answers').val(r.val);
            question++;
            loadQuestion({respuestas:r.respuestas,callback:marcarElegidas});    
        }else{
            var n = getN();
            var text = (n > 1)?' preguntas':' pregunta';
            alert('Debe seleccionar '+getN()+text);
        }
        if(getPregunta() != 1){ // si no estamos en la primera pregunta muestro el boton
            $('#prev.button').show();
        }
    });
    
    $('#prev').click(function(){
        if(getPregunta() != 1){
            if(getN() == $('.activo').length){              
                var r = seleccionarRespuestas();
                $('#answers').val(r.val);
                question--;
                loadQuestion({respuestas:r.respuestas,callback:marcarElegidas});                
            }else{
                var n = getN();
                var text = (n > 1)?' preguntas':' pregunta';
                alert('Debe seleccionar '+getN()+text);
            }
        }else if(getPregunta() == 1){
            //alert('Ya se encuentra en la primera pregunta.')
            $('#prev.button').hide(); // si estoy en la primera pregunta oculto el boton
        }
    });
 

Puedes verlo en la web http://neodani.com/fdw/jquery/quiz/

También he implementado la corrección, pero ha salido otro error de depuración en esta linea

$("#cuestionario dl").attr("id") is undefined
[Break on this error] return $("#cuestionario dl").attr('id').split('-')[1];
linea 124


Gracias de antemano :)