<?xml version="1.0" encoding="UTF-8" ?>
|
<Module>
|
<ModulePrefs title="Test de compatibilidad política" width="336" height="280" scrolling="false" thumbnail="http://youchoose.googlecode.com/svn/compatibilidad/img/thumb.png"
|
|
author="MadPixel - The Mad Pixel Factory"
|
|
author_email="gadgets@madpixel.es"
|
|
author_affiliation="Google"
|
|
author_location="Madrid, Spain"
|
|
author_link="http://gadgets.madpixel.es"
|
|
>
|
<Require feature="ads"/>
|
</ModulePrefs>
|
<UserPref name="clickurl" datatype="hidden" default_value=""/>
|
<UserPref name="aiturl" datatype="hidden" default_value=""/>
|
<Content type="html"><![CDATA[
|
|
<script>
|
|
/* Comprobacin de acentos: */
|
|
// La url de las preguntas
|
var urlPreguntas = "http://youchoose.googlecode.com/svn/compatibilidad/xml/preguntas.xml";
|
// La url de las respuestas
|
var urlRespuestas = "http://youchoose.googlecode.com/svn/compatibilidad/xml/respuestas.xml";
|
|
// Objeto que alberga las preguntas
|
var objPreguntas = new Object();
|
|
// Objeto que alberga las respuestas
|
var objRespuestas = new Object();
|
|
// ndice de pregunta actual
|
var indiceActual = new Number();
|
|
// El array que contendr las preguntas contestadas
|
var arrayRespuestas = new Array();
|
|
// El array que contendr las preguntas contestadas
|
var arrayPesosPorPartido = new Array();
|
|
// El peso total de todas las preguntas sumadas
|
var pesoTotalPreguntas = new Array();
|
|
// Mximo nmero de preguntas destacadas
|
var maximoPreguntasDestacadas = new Number(3);
|
|
// Mximo nmero de preguntas destacadas
|
var arrayPreguntasImportantes = new Array();
|
|
// Array.indexOf( value, begin, strict ) - Regresa el indice del primer elemento que coincida con el valor especificado
|
if (!Array.prototype.indexOf)
|
{
|
Array.prototype.indexOf = function( v, b, s ) {
|
for( var i = +b || 0, l = this.length; i < l; i++ ) {
|
if( this[i]===v || s && this[i]==v ) { return i; }
|
}
|
return -1;
|
};
|
}
|
|
|
|
// Funcin que muestra la capa de error cuando este se produce
|
function abreError(error)
|
{
|
_gel("mensajeError").style.display = "block";
|
_gel("textoError").innerHTML = error;
|
}
|
|
function cierraError(error)
|
{
|
_gel("mensajeError").style.display = "none";
|
_gel("textoError").innerHTML = error;
|
}
|
|
// Funcin que inicia la interfaz, haciendo varias llamadas a diferentes entornos
|
function iniciaInterfaz()
|
{
|
|
// Objeto que alberga las preguntas
|
objPreguntas = new Object();
|
|
// Objeto que alberga las respuestas
|
objRespuestas = new Object();
|
|
// ndice de pregunta actual
|
indiceActual = new Number();
|
|
// El array que contendr las preguntas contestadas
|
delete arrayRespuestas;
|
arrayRespuestas = new Array();
|
|
// El array que contendr las preguntas contestadas
|
delete arrayPesosPorPartido;
|
arrayPesosPorPartido = new Array();
|
|
// El peso total de todas las preguntas sumadas
|
pesoTotalPreguntas = new Array();
|
|
// Mximo nmero de preguntas destacadas
|
maximoPreguntasDestacadas = new Number(3);
|
|
// Mximo nmero de preguntas destacadas
|
delete arrayPreguntasImportantes;
|
arrayPreguntasImportantes = new Array();
|
|
_gel("botonInicio").style.display = "block";
|
_ADS_ReportInteraction("mouse_over",1)
|
}
|
|
// La Funcin que carga las preguntas (que hace la llamada)
|
function cargaPreguntas()
|
{
|
_gel("p1").style.display = "none";
|
_gel("cargando").style.display="block";
|
_IG_FetchXmlContent(urlPreguntas, preguntasCargadas, { refreshInterval: (5) });
|
}
|
|
// La Funcin que recibe el resultado del intento de cargar las preguntas
|
function preguntasCargadas(respuesta)
|
{
|
_gel("cargando").style.display="none";
|
// Si hay algun error
|
if (respuesta == null || typeof(respuesta) != "object" || respuesta.firstChild == null)
|
{
|
abreError("Se ha producido un error de carga. Intntelo ms tarde");
|
return false;
|
}
|
// Meto la respuesta en caso de no haber error en este objeto
|
objPreguntas = respuesta;
|
|
// Preparo la pgina de las preguntas
|
sacaPantallaPreguntas();
|
// Lanzo la primera pregunta
|
preparaPregunta(1);
|
}
|
|
function sacaPantallaPreguntas()
|
{
|
_gel("p2").style.display = "block";
|
}
|
|
|
// Funcin que prepara la pregunta que se le pasa como parmetro
|
function preparaPregunta(indice)
|
{
|
indiceActual = indice;
|
var objPregunta = objPreguntas.getElementsByTagName("pregunta").item(indice-1);
|
var tipoPregunta = objPregunta.getElementsByTagName("tipo").item(0).firstChild.nodeValue;
|
var textoDePregunta = objPregunta.getElementsByTagName("texto").item(0).firstChild.nodeValue;
|
var respuestas = objPregunta.getElementsByTagName("respuesta");
|
|
var htmlPasos = new String();
|
|
for(var i=1;i<=objPreguntas.getElementsByTagName("pregunta").length;i++)
|
{
|
if(i == indice)
|
{
|
htmlPasos += '<div class="paso"> <span class="numero">'+i+'<br></span> •</div>';
|
}
|
else if(i<indice)
|
{
|
htmlPasos += '<div class="paso pasado"> <span class="oculto">'+i+'<br></span> •</div>';
|
}
|
else
|
{
|
htmlPasos += '<div class="paso futuro"> <span class="oculto">'+i+'<br></span> •</div>';
|
}
|
|
}
|
|
_gel("mensaje_nocontestacion").style.display = "none";
|
|
_gel("contenedor_pasos").innerHTML = htmlPasos;
|
_gel("tipoPregunta").innerHTML = indice + ". " + tipoPregunta + ": ";
|
_gel("textoPregunta").innerHTML = textoDePregunta;
|
|
var htmlRespuestas = new String();
|
for(var i=0;i<=respuestas.length-1;i++)
|
{
|
var respuesta = respuestas.item(i).firstChild.nodeValue;
|
htmlRespuestas += '<div class="respuesta"><input type="radio" value="'+(i+1)+'" onClick="javascript:quitaMensajeRespuestaNoContestada()" name="respuesta"><span class="txt_respuesta">'+respuesta+'</span><img src="http://youchoose.googlecode.com/svn/compatibilidad/img/void.gif"></div>';
|
|
if(i <respuestas.length-1)
|
{
|
htmlRespuestas += '<div class="separador_respuesta"></div>';
|
}
|
}
|
|
_gel("respuestas").innerHTML = htmlRespuestas;
|
|
|
|
if(indiceActual == objPreguntas.getElementsByTagName("pregunta").length)
|
{
|
_gel("textoBoton").innerHTML = "Finalizar test";
|
}
|
else
|
{
|
_gel("textoBoton").innerHTML = "Siguiente";
|
}
|
|
// _gel("skinBoton").style.display ="none";
|
|
|
|
}
|
|
// Funcin a la que se llama cuando se pulsa el botn de siguiente pregunta (o finaliza test)
|
function finalizaPregunta()
|
{
|
|
if(!compruebaSiSeHaRespondido())
|
{
|
_gel("mensaje_nocontestacion").style.display = "block";
|
return false;
|
}
|
|
if(indiceActual == objPreguntas.getElementsByTagName("pregunta").length)
|
{
|
finalizaTest();
|
}
|
else
|
{
|
document.getElementById("p2").scrollTop = 0;
|
|
pasaSiguientePregunta();
|
}
|
}
|
|
|
function quitaMensajeRespuestaNoContestada()
|
{
|
_gel("mensaje_nocontestacion").style.display = "none";
|
}
|
|
|
// Funcin que comprueba si se respondi a la pregunta antes de continuar
|
function compruebaSiSeHaRespondido()
|
{
|
var resp = _gel("formpregunta").respuesta;
|
|
for(var i=0;i<=resp.length-1;i++)
|
{
|
if(resp[i].checked)
|
{
|
return true;
|
}
|
}
|
return false;
|
}
|
|
// Mete la respuesta en el array de respuestas
|
function meteRespuesta()
|
{
|
var resp = _gel("formpregunta").respuesta;
|
|
for(var i=0;i<=resp.length-1;i++)
|
{
|
if(resp[i].checked)
|
{
|
arrayRespuestas[Number(indiceActual-1)] = resp[i].value;
|
}
|
}
|
}
|
|
// Funcin que pasa a la siguiente pregunta guardando el resultado de la pregunta actual
|
function pasaSiguientePregunta()
|
{
|
meteRespuesta();
|
preparaPregunta(indiceActual+1);
|
}
|
|
|
// Funcin que se llama al finalizar el test
|
function finalizaTest()
|
{
|
meteRespuesta();
|
//_gel("formpregunta").style.display = "none";
|
_gel("p2").style.display = "none";
|
|
preparaImportanciaPreguntas();
|
}
|
|
// Funcin que prepara las preguntas importantes
|
function preparaImportanciaPreguntas()
|
{
|
_gel("p3").style.display = "block";
|
|
var htmlImportancia = new String();
|
for(var i=0;i<=objPreguntas.getElementsByTagName("pregunta").length-1;i++)
|
{
|
var objPregunta = objPreguntas.getElementsByTagName("pregunta").item(i);
|
var textoPregunta = objPregunta.getElementsByTagName("texto").item(0).firstChild.nodeValue;
|
|
htmlImportancia += '<div class="importancia_pregunta"><input type="checkbox" name="checkImportancia'+(i+1)+'" onClick= "javascript:compruebaLimiteMaximoPreguntasDestacadas(this);"><span class="txt_respuesta">' + textoPregunta+ '</span><img src="http://youchoose.googlecode.com/svn/compatibilidad/img/void.gif"></div>';
|
if(i <objPreguntas.getElementsByTagName("pregunta").length-1) htmlImportancia += '<div class="separador_respuesta"></div>';
|
}
|
|
_gel("importanciaPreguntas").innerHTML = htmlImportancia;
|
}
|
|
|
|
// La Funcin que recibe el resultado del intento de cargar las respuestas
|
function respuestasCargadas(respuesta)
|
{
|
_gel("cargando").style.display="none";
|
|
// Si hay algun error
|
if (respuesta == null || typeof(respuesta) != "object" || respuesta.firstChild == null)
|
{
|
abreError("Se ha producido un error de carga. Intntelo ms tarde");
|
return;
|
}
|
// Meto la respuesta en caso de no haber error en este objeto
|
objRespuestas = respuesta;
|
|
// Calculo los resultados
|
pesoTotalPreguntas = calculaPesoTotalPreguntas();
|
|
|
// Calculo los resultados
|
calculaResultado();
|
}
|
|
// Calcula la suma del peso de todas las preguntas
|
function calculaPesoTotalPreguntas()
|
{
|
var pesos = objRespuestas.getElementsByTagName("peso");
|
var res = new Number();
|
res = 0;
|
|
for(var i=0;i<=pesos.length-1;i++)
|
{
|
res += Number(pesos[i].firstChild.nodeValue);
|
}
|
|
res += maximoPreguntasDestacadas;
|
|
return res;
|
}
|
|
// Funcin que devuelve en un array las preguntas que el usuario ha considerado importantes
|
function devuelvePreguntasImportantes()
|
{
|
|
var formImportancia = _gel("formimportancia");
|
|
var arrayImportancia = new Array();
|
for(var i=1;i<=objPreguntas.getElementsByTagName("pregunta").length;i++)
|
{
|
var importancia = formImportancia["checkImportancia"+i];
|
|
if(importancia.checked)
|
{
|
arrayImportancia.push(i);
|
}
|
}
|
|
return arrayImportancia;
|
}
|
// Funcin que comprueba si no se est excediendo el lmite mximo de preguntas destacadas
|
function compruebaLimiteMaximoPreguntasDestacadas(objeto)
|
{
|
if(devuelvePreguntasImportantes().length > maximoPreguntasDestacadas)
|
{
|
abreError("Debes seleccionar los " + maximoPreguntasDestacadas + " temas que consideres ms importantes");
|
objeto.checked = false;
|
}
|
}
|
|
// Funcin que mete las preguntas importantes, verificando que han sido al menos tres
|
function meteImportancia()
|
{
|
var arrayImportancia = devuelvePreguntasImportantes();
|
|
if(arrayImportancia.length < maximoPreguntasDestacadas)
|
{
|
abreError("Debes seleccionar los " + maximoPreguntasDestacadas + " temas que consideres ms importantes");
|
return false;
|
}
|
arrayPreguntasImportantes = arrayImportancia;
|
|
|
_gel("p3").style.display = "none";
|
|
preparaResultado();
|
}
|
|
function preparaResultado()
|
{
|
_gel("cargando").style.display="block";
|
|
_IG_FetchXmlContent(urlRespuestas, respuestasCargadas, { refreshInterval: (5) });
|
}
|
|
|
// Busca el nombre completo de un partido en base a su nombre
|
function buscaNombreCompleto(nombre)
|
{
|
var partidos = objRespuestas.getElementsByTagName("partido");
|
for(var j=0;j<=partidos.length-1;j++)
|
{
|
var partido = partidos[j];
|
if(partido.getAttribute("nombre") == nombre)
|
{
|
return partido.getAttribute("nombreCompleto");
|
break;
|
}
|
}
|
return "Ninguno";
|
}
|
|
// Busca el objeto del partido pasado por parmetro
|
function buscaPartido(nombre)
|
{
|
var partidos = objRespuestas.getElementsByTagName("partido");
|
for(var j=0;j<=partidos.length-1;j++)
|
{
|
var partido = partidos[j];
|
if(partido.getAttribute("nombre") == nombre)
|
{
|
return partido;
|
break;
|
}
|
}
|
return undefined;
|
}
|
|
// Funcin que calcula los resultados del test
|
function calculaResultado()
|
{
|
_gel("p4").style.display = "block";
|
var pesos = objRespuestas.getElementsByTagName("peso");
|
var partidos = objRespuestas.getElementsByTagName("partido");
|
|
|
var urlEnvio = new String("http://89.17.194.50/youchoose/compatibilidad/g.php?func=guardar");
|
|
for(var j=0;j<=partidos.length-1;j++)
|
{
|
var partido = partidos[j];
|
|
var obj = new Object();
|
obj.nombre = partido.getAttribute("nombre");
|
obj.peso = 0;
|
arrayPesosPorPartido.push(obj);
|
}
|
|
for(var i=0;i<=arrayRespuestas.length-1;i++)
|
{
|
urlEnvio += "&nRP" + (i+1) + "=" + arrayRespuestas[i];
|
|
for(var j=0;j<=partidos.length-1;j++)
|
{
|
var partido = partidos[j];
|
var respPartido = partido.getElementsByTagName("r" + (i+1)).item(0).firstChild.nodeValue;
|
|
if(respPartido == arrayRespuestas[i])
|
{
|
var peso = pesos[i];
|
var pesoActual = Number(peso.firstChild.nodeValue);
|
if(arrayPreguntasImportantes.indexOf(i+1) != -1)
|
{
|
pesoActual *= 2;
|
}
|
var obj = new Object();
|
obj.nombre = partido.getAttribute("nombre");
|
obj.peso = 0;
|
|
var enc = false;
|
for(var x=0;x<=arrayPesosPorPartido.length-1;x++)
|
{
|
if(arrayPesosPorPartido[x].nombre == partido.getAttribute("nombre"))
|
{
|
obj = arrayPesosPorPartido[x];
|
enc = true;
|
break;
|
}
|
}
|
|
obj.peso += pesoActual;
|
// arrayPesosPorPartido[partido.getAttribute("nombre")] += pesoActual;
|
|
if(!enc)
|
{
|
arrayPesosPorPartido.push(obj);;
|
}
|
else
|
{
|
arrayPesosPorPartido[x] = obj;
|
}
|
}
|
}
|
}
|
|
|
var arrayPesosOrdenados = arrayPesosPorPartido.sort(sortNumber);
|
var htmlResultados = new String();
|
|
var cont=new Number(0);
|
for(var i=0;i<=arrayPesosOrdenados.length-1;i++)
|
{
|
var resultado = arrayPesosOrdenados[i];
|
if(buscaNombreCompleto(resultado.nombre) != "Ninguno")
|
{
|
cont++;
|
var total = Number(resultado.peso)*100/Number(pesoTotalPreguntas);
|
htmlResultados += '<div class="porcentaje" id="partido' + cont + '" onMouseOut="javascript:_gel(\'partido'+cont+'\').style.backgroundColor = \'#F4F4F4\';" onMouseOver="javascript:_gel(\'partido'+cont+'\').style.backgroundColor = \'#DEDEDE\';" onClick="javascript:comparaResultados(\''+resultado.nombre+'\',\''+total+'\')"><img src="http://youchoose.googlecode.com/svn/compatibilidad/img/'+resultado.nombre+'_g.gif">';
|
|
htmlResultados += ' <div class="datos">'+buscaNombreCompleto(resultado.nombre)+'<br><span class="valor">'+Math.round(total)+'%</span>';
|
htmlResultados += '<div class="total"><div class="medida" style="width: '+total+'%;"></div></div>';
|
htmlResultados += '</div></div>';
|
|
urlEnvio += "&nP" + String(resultado.nombre).toUpperCase() + "=" + Math.round(total);
|
}
|
|
}
|
|
|
// htmlResultados += urlEnvio;
|
_IG_FetchContent(urlEnvio, datosGrabados,{ refreshInterval: (5) })
|
_gel("listaResultados").innerHTML = htmlResultados;
|
}
|
|
|
// Funcin que ordena por pesos
|
function sortNumber(a, b)
|
{
|
return b.peso - a.peso;
|
}
|
// Funcin que devuelve el resultado de los datos grabados
|
|
function datosGrabados(respuesta)
|
{
|
// _gel("listaResultados").innerHTML += respuesta;
|
|
}
|
// Funcin que vuelve a poner los resultados, volviendo de la comparativa
|
function vuelveAResultados()
|
{
|
_gel("p4").style.display = "block";
|
_gel("p5").style.display = "none";
|
|
_gel("p4").scrollTop = 0;
|
_gel("p5").scrollTop = 0;
|
}
|
|
// Funcin que vuelve al inicio, tras borrar todos los objetos antiguos
|
function vuelveAInicio()
|
{
|
objPreguntas = new Object();
|
|
objRespuestas = new Object();
|
|
indiceActual = new Number();
|
|
delete arrayRespuestas;
|
arrayRespuestas = new Array();
|
|
delete arrayPesosPorPartido;
|
arrayPesosPorPartido = new Array();
|
|
pesoTotalPreguntas = new Array();
|
|
maximoPreguntasDestacadas = new Number(3);
|
|
delete arrayPreguntasImportantes;
|
arrayPreguntasImportantes = new Array();
|
|
_gel("p1").style.display = "block";
|
_gel("p4").style.display = "none";
|
|
_gel("p1").scrollTop = 0;
|
_gel("p4").scrollTop = 0;
|
}
|
|
// Funcin que saca la comparativa con un partido
|
function comparaResultados(partido, porcentaje)
|
{
|
_gel("p4").style.display = "none";
|
_gel("p5").style.display = "block";
|
_gel("p4").scrollTop = 0;
|
_gel("p5").scrollTop = 0;
|
|
_gel("comparativaImagenPartido").src="http://youchoose.googlecode.com/svn/compatibilidad/img/"+partido+"_g.gif";
|
_gel("comparativaNombreLargoPartido").innerHTML = buscaNombreCompleto(partido);
|
_gel("comparativaPorcentaje").innerHTML = Math.round(porcentaje) + "%";
|
|
_gel("comparativaBarra").style.width = porcentaje + "%";
|
|
var partido = buscaPartido(partido);
|
var htmlComparativa = new String();
|
var htmlTextoPregunta = new String();
|
var htmlTextoRespuesta = new String();
|
var htmlTextoComentarioPartido = new String();
|
for(var i=0;i<=objPreguntas.getElementsByTagName("pregunta").length-1;i++)
|
{
|
htmlTextoPregunta = "";
|
var objPregunta = objPreguntas.getElementsByTagName("pregunta").item(i);
|
var tipoPregunta = objPregunta.getElementsByTagName("tipo").item(0).firstChild.nodeValue;
|
var textoPregunta = objPregunta.getElementsByTagName("texto").item(0).firstChild.nodeValue;
|
var respuestas = objPregunta.getElementsByTagName("respuesta");
|
|
htmlTextoPregunta += '<div class="pregunta"><strong>'+(i+1)+'. '+tipoPregunta+':</strong> '+textoPregunta+'</div>';
|
var respPartido = partido.getElementsByTagName("r" + (i+1)).item(0).firstChild.nodeValue;
|
var commentPartido = partido.getElementsByTagName("r" + (i+1)).item(0).getAttribute("comment");
|
|
htmlTextoRespuesta = "";
|
for(var j=0;j<=respuestas.length-1;j++)
|
{
|
var respuesta = respuestas.item(j).firstChild.nodeValue;
|
var clase="";
|
|
if(arrayRespuestas[i] == (j+1)) // Si la respuesta actual y la del partido coinciden
|
{
|
if(respPartido == (j+1)) // Si coinciden adems con el partido
|
{
|
clase="respuesta_ambas";
|
}
|
else
|
{
|
clase="respuesta_mia";
|
}
|
}
|
else
|
{
|
if(respPartido == (j+1)) // Si coindice con el partido
|
{
|
clase="respuesta_partido";
|
}
|
else
|
{
|
clase="respuesta_neutra";
|
}
|
}
|
|
htmlTextoRespuesta += '<div class="'+clase+'">'+respuesta+'</div>';
|
}
|
|
htmlComparativa += htmlTextoPregunta + htmlTextoRespuesta;
|
|
if(commentPartido != null)
|
{
|
htmlComparativa += '<p class="puntualizacion"><strong>*Puntualizaciones:</strong><br>'+commentPartido+'</p>';
|
}
|
|
if(i < objPreguntas.getElementsByTagName("pregunta").length-1) htmlComparativa += '<div class="separador_partidos"></div>';
|
}
|
|
_gel("comparativaContenido").innerHTML = htmlComparativa;
|
}
|
|
_IG_RegisterOnloadHandler(iniciaInterfaz);
|
</script>
|
|
<link href="http://youchoose.googlecode.com/svn/compatibilidad/css/estilo.css" rel="stylesheet" type="text/css" />
|
|
<center>
|
<div class="gadget_warper">
|
|
<h1>Test de Compatibilidad Política</h1>
|
|
<!-- Inicio Capa Cargando -->
|
<div class="alert_warper" id="cargando" style="display: none">
|
<div class="sombra" style="display: none"></div>
|
<div class="alert">
|
<p class="cargando">Cargando datos<br> <img src="http://youchoose.googlecode.com/svn/compatibilidad/img/rueda_cargando.gif"></p>
|
|
</div>
|
|
</div>
|
<!-- Fin Capa Cargando -->
|
|
<!-- Inicio Capa 1 -->
|
<div class="content" id="p1">
|
<!-- <h2>Test de Compatibilidad Política</h2> -->
|
<p class="intro">Tú tienes tu opinión sobre las cosas y los políticos la suya. Con este test sabrás cual es tu <B>compatibilidad con cada partido</B>, y podrás comparar tus respuestas con las que han dado los políticos.</p>
|
<div id="botonInicio" style="display:none;" class="boton"><div class="boton_dch"><div class="boton_izq"><a href="javascript:cargaPreguntas()">Iniciar Test</a></div></div></div>
|
<img src="http://youchoose.googlecode.com/svn/compatibilidad/img/logos.jpg" alt="logos de los partidos políticos">
|
|
</div>
|
<!-- Fin Capa 1 -->
|
|
<!-- Inicio Capa 2 -->
|
<div class="content" id="p2" style="display: none;">
|
|
<a name="top_compatibilidad"></a>
|
|
<div class="indicador" id="contenedor_pasos">
|
</div>
|
|
<div class="pregunta"><strong><span id="tipoPregunta"></span></strong><span id="textoPregunta"></span></div>
|
|
<form id="formpregunta">
|
<div id="respuestas"></div>
|
</form>
|
|
<!-- Nuevo mensaje: obligacion contestar / Inicio -->
|
<p class="mensaje_nocontestacion" id="mensaje_nocontestacion">Antes de pasar a la siguiente pregunta debes responder a esta.</p>
|
<!-- Nuevo mensaje: obligacion contestar / Fin -->
|
|
|
<div class="boton" id="skinBoton"><div class="boton_dch"><div class="boton_izq"><a href="#" onClick="javascript:finalizaPregunta()" target="_self"><span id="textoBoton">Siguiente</span></a></div></div></div>
|
|
|
</div>
|
<!-- Fin Capa 2 -->
|
|
<!-- Inicio Capa 3 -->
|
<div class="content" id="p3" style="display: none;">
|
|
<div class="pregunta">Para terminar, elige <B>los tres temas</B> que consideres más importantes.</div>
|
|
<form id="formimportancia">
|
<div id="importanciaPreguntas"></div>
|
</form>
|
|
<div class="boton"><div class="boton_dch"><div class="boton_izq"><a href="#" onClick="javascript:meteImportancia()">Ver resultados</a></div></div></div>
|
</div>
|
<!-- Fin Capa 3 -->
|
|
<!-- Inicio Capa 4 -->
|
<div class="content" id="p4" style="display: none;">
|
|
<p class="resultados">Haciendo click en un partido, puedes ver las respuestas de ese partido comparadas con las tuyas.</p>
|
|
<div id="listaResultados"> </div>
|
|
<!-- *** -->
|
<br>
|
<div class="boton"><div class="boton_dch"><div class="boton_izq"><a href="#" onClick="javascript:vuelveAInicio();">Volver al inicio</a></div></div></div>
|
|
|
</div>
|
<!-- Fin Capa 4 -->
|
|
<!-- Inicio Capa 5 -->
|
<div class="content" id="p5" style="display: none;">
|
|
<div class="porcentaje_leyenda">
|
<img id="comparativaImagenPartido" >
|
|
<div class="datos">
|
<span id="comparativaNombreLargoPartido"></span>
|
<br>
|
<span class="valor" id="comparativaPorcentaje"></span>
|
<div class="total"><div class="medida" id="comparativaBarra" style="width: 75%;"></div></div>
|
</div>
|
|
<div class="leyenda">
|
<div class="mia"><div class="leyenda_blanco"><div class="leyenda_mia"></div></div> Mi respuesta </div>
|
<div class="partido"><div class="leyenda_blanco"><div class="leyenda_partido"></div></div> Respuesta del partido </div>
|
</div>
|
|
</div>
|
|
<div class="separador_partidos"></div>
|
|
<div id="comparativaContenido"></div>
|
|
|
<div class="boton"><div class="boton_dch"><div class="boton_izq"><a href="#" onClick="javascript:vuelveAResultados();">Volver a resultados</a></div></div></div>
|
|
|
</div>
|
<!-- Fin Capa 5 -->
|
|
<div class="alert_warper" id="mensajeError" style="display: none">
|
<div class="sombra"></div>
|
<div class="alert">
|
<p><span id="textoError"></span></p>
|
<div class="boton"><div class="boton_dch"><div class="boton_izq"><a href="#" onClick="javascript:cierraError();">Continuar</a></div></div></div>
|
</div>
|
</div>
|
|
<!--enclace mas gadgets -->
|
<a href="http://www.youtube.es/elecciones08" class="masgadgets" target="_blank">Youtube.es/elecciones08</a>
|
<!-- Fin enlace mas gadgets -->
|
|
</div>
|
</center>
|
]]></Content>
|
</Module>
|
