Test de personalidad en php

saulrayados · #1 (**permalink**) 18/09/2016, 13:16

Hola, tengo una duda como puedo hacer que al seleccionar 1 respuesta diferente de 3 preguntas salga una video
que al seleccionar la respuesta electronica de la pregunta 1, la respuesta ambas de la pregunta 3 y la respuesta no de la pregunta 4 al dar clic en enviar aparezca un video de una cancion

Código HTML:

Ver original<html>
<head>
<meta charset="UTF-8"/>
<title>Test De Personalidad</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="contenedor"> <!--id del frame con css-->
<div id="marco"> <!--margen dentro del contenedor-->
<center><h3>Test De Personalidad</h3></center>
<p>&nbsp;</p>
<form method="POST" action="index.php">
<p>1.- ¿Qué género musical te gusta más?</p>
<p><input name="A" type="radio" id="A">Rock &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<input name="A" type="radio" id="B">Electrónica &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<input name="A" type="radio" id="C">Pop &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<input name="A" type="radio" id="D">Rancheras</p>
<p>2.- ¿Cuánto tiempo al día escuchas música?</p>
<p><input name="B" type="radio">Más de 8 horas &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<input name="B" type="radio">5 a 7 horas &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<input name="B" type="radio">2 a 4 horas &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<input name="B" type="radio">Menos de 1 hora</p>
<p>3.- ¿Te gusta más el instrumental, la letra o la canción?</p>
<p><input name="C" type="radio" id="E">Instrumental &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<input name="C" type="radio" id="F">Letra &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<input name="C" type="radio" id="G">Ambas</p>
<p>4.- ¿Te gusta cantar mientras escuchas música?</p>
<p><input name="D" type="radio" id="H">Si &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<input name="D" type="radio" id="I">No</p>
<p>5.- ¿Tocas algún instrumento?</p>
<p><input name="E" type="radio">Si &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<input name="E" type="radio">No</p>
<p>&nbsp;</p>
<p><center><input type="submit" name="botton" value="Enviar" /></center></p>
</form>
</div>
</div>
</body>
</html>

petit89 · #2 (**permalink**) 18/09/2016, 13:32

Eso lo vas a lograr combinando HTML y JavaScript/jQuery

Puedes hacer que al seleccionar te lleve a un html diferente segun lo seleccionado o hacer digamos una lightbox que se ejecute por medio de una funcion sin salir de la pagina de selección

saulrayados · #3 (**permalink**) 18/09/2016, 14:00

cual seria el codigo?

rbczgz · #4 (**permalink**) 19/09/2016, 13:45

http://www.forosdelweb.com/f65/