TEST con HTML???

Hola,
Necesito hacer un test con html o php. Ya hice el mismo test pero en flash http://zendal.es/test.php. Como pueden ver la idea es que cada vez que marcas algunas de las respuestas te abre el consejo. Pero lo que necesito es hacer todo esto en html. Que la respuestas se marcan, que sale el consejo y que al final te puede calcular el resultado. Algunas ideas?
Gracias

Hola, mmm sin pensarlo mucho y sin hacer prueba se me ha ocurrido que uses javascript. Tendrias el div donde aparecera la explicacion oculto con la propiedad css visibility: hidden; y en cuando hagas click en el texto llama al evento onClick de javascript con una función la cual le pasarias parametros para que te muestre el texto deseado.

Saludos

Uf muchas gracias por la respuesta. Pero el problema es que de javascript no se mucho. Y en realidad no se como hacer lo que dices tu. Me puedes auydar porfi?

vale, te dare cierta orientacion pero tu haras la mayor parte, sino cual es la gracia jejejejeje... dame unos momentos mientras voy al trabajo, y si estas sisponible empezamos hoy

saludos

gracias tio!

Hola, he hecho algunas pruebas y lo he conseguido

Esta basado en xhtml, css y javascript (muy sencilla la funcion ).

Se estructura en un div contenedor que aloja 3 div con float left (izq, centro y der).

En el los divs izq y der estan las preguntas con las opciones en lista y cada opcion tiene una etiqueta <a> que hace referencia a una funcion de javascript a la cual le pasa como parametro el id de esta para que muestre la respuesta correcta.

El div centro tiene la propiedad css de visibility en "hidden", y dentro tienes otro div donde aparecera la información cuyo id es "info", así como tambien el botón de resultados.

La función de javascript showText(opcID) lo que hace es una selección (switch) en función del parametro opcID que es el que indica que opción fue marcada. De acuerdo a cada caso, establece en la propiedad "innerHTML" del div "info" el valor (texto) que debe mostrar y luego cambia la propiedad css visibility del div "centro" a visible.

No te dejo el código completo en esta ocasión porque prefiero que a partir de la explicación busques la forma de hacerlo.

Sólo te dejare la función javascript (porque me dijiste que no lo manejas mucho) y la forma de ejecutarla desde una etiqueta <a>

Código :

<script language="javascript" type="text/javascript">
   function showText(opcID){
      switch (opcID) {
         //Pregunta 1
         case 11:
            document.getElementById("info").innerHTML = "<p><strong>Explicaci&oacute;n: </strong>Esto es la opci&oacute;n 1 de la pregunta 1</p>";
            document.getElementById("centro").style.visibility = "visible";
            break
         case 12:
            document.getElementById("info").innerHTML = "<p><strong>Explicaci&oacute;n: </strong>Esto es la opci&oacute;n 2 de la pregunta 1</p>";
            document.getElementById("centro").style.visibility = "visible";
            break
         case 13:
            document.getElementById("info").innerHTML = "<p><strong>Explicaci&oacute;n: </strong>Esto es la opci&oacute;n 3 de la pregunta 1</p>";
            document.getElementById("centro").style.visibility = "visible";
            break
         
         //Pregunta 2
         case 21:
            document.getElementById("info").innerHTML = "<p><strong>Explicaci&oacute;n: </strong>Esto es la opci&oacute;n 1 de la pregunta 2</p>";
            document.getElementById("centro").style.visibility = "visible";
            break
         case 22:
            document.getElementById("info").innerHTML = "<p><strong>Explicaci&oacute;n: </strong>Esto es la opci&oacute;n 2 de la pregunta 2</p>";
            document.getElementById("centro").style.visibility = "visible";
            break
         case 23:
            document.getElementById("info").innerHTML = "<p><strong>Explicaci&oacute;n: </strong>Esto es la opci&oacute;n 3 de la pregunta 2</p>";
            document.getElementById("centro").style.visibility = "visible";
            break
            
         //Pregunta 3
         case 31:
            document.getElementById("info").innerHTML = "<p><strong>Explicaci&oacute;n: </strong>Esto es la opci&oacute;n 1 de la pregunta 3</p>";
            document.getElementById("centro").style.visibility = "visible";
            break
         case 32:
            document.getElementById("info").innerHTML = "<p><strong>Explicaci&oacute;n: </strong>Esto es la opci&oacute;n 2 de la pregunta 3</p>";
            document.getElementById("centro").style.visibility = "visible";
            break
         case 33:
            document.getElementById("info").innerHTML = "<p><strong>Explicaci&oacute;n: </strong>Esto es la opci&oacute;n 3 de la pregunta 3</p>";
            document.getElementById("centro").style.visibility = "visible";
            break
         
         //Pregunta 4
         case 41:
            document.getElementById("info").innerHTML = "<p><strong>Explicaci&oacute;n: </strong>Esto es la opci&oacute;n 1 de la pregunta 4</p>";
            document.getElementById("centro").style.visibility = "visible";
            break
         case 42:
            document.getElementById("info").innerHTML = "<p><strong>Explicaci&oacute;n: </strong>Esto es la opci&oacute;n 2 de la pregunta 4</p>";
            document.getElementById("centro").style.visibility = "visible";
            break
         case 43:
            document.getElementById("info").innerHTML = "<p><strong>Explicaci&oacute;n: </strong>Esto es la opci&oacute;n 3 de la pregunta 4</p>";
            document.getElementById("centro").style.visibility = "visible";
            break
         
         //Pregunta 5
         case 51:
            document.getElementById("info").innerHTML = "<p><strong>Explicaci&oacute;n: </strong>Esto es la opci&oacute;n 1 de la pregunta 5</p>";
            document.getElementById("centro").style.visibility = "visible";
            break
         case 52:
            document.getElementById("info").innerHTML = "<p><strong>Explicaci&oacute;n: </strong>Esto es la opci&oacute;n 2 de la pregunta 5</p>";
            document.getElementById("centro").style.visibility = "visible";
            break
         case 53:
            document.getElementById("info").innerHTML = "<p><strong>Explicaci&oacute;n: </strong>Esto es la opci&oacute;n 3 de la pregunta 5</p>";
            document.getElementById("centro").style.visibility = "visible";
            break
            
         //Pregunta 6
         case 61:
            document.getElementById("info").innerHTML = "<p><strong>Explicaci&oacute;n: </strong>Esto es la opci&oacute;n 1 de la pregunta 6</p>";
            document.getElementById("centro").style.visibility = "visible";
            break
         case 62:
            document.getElementById("info").innerHTML = "<p><strong>Explicaci&oacute;n: </strong>Esto es la opci&oacute;n 2 de la pregunta 6</p>";
            document.getElementById("centro").style.visibility = "visible";
            break
         case 63:
            document.getElementById("info").innerHTML = "<p><strong>Explicaci&oacute;n: </strong>Esto es la opci&oacute;n 3 de la pregunta 6</p>";
            document.getElementById("centro").style.visibility = "visible";
            break
         
         default:
            document.getElementById("centro").style.visibility = "hidden";
            break
      } 
   }
</script>

Para usarlo con <a> es:

Código :

<a href:"javascript:showText(52);">Opción 2</a>

En este caso se trata de la pregunta 5, opción 2. Para la 2 pregunta, opción 3 el parametro de la función sería 23

Jejeje... El código la función se ve largo pero es por la cantidad de preguntas y opciones.

Avísame cualquier cosa, espero te sirva...

Saludos

Hola ¿has podido resolver la maquetación en xhtml/html? ¿te sirvió lo que te escribí? jejejeje

Perdon, no pude miralo que estaba muy liada con otra cosa. Ahora me pongo con esto a ver si lo entinedo. Gracias