Estoy empezando a hacer mis pininos con HTML y PHP, con lo que me disculpo si no utilizo la terminologia correcta, estoy realizando un examen en HTML con algo de PHP para un proyecto, no estoy utilizando una base de datos, simplemente mediante codigo php incrustado llamo el valor del radio de cada pregunta multiplicado por 10 (al ser 10 preguntas el valor total sera de 100) y en la parte superior mando un mensaje de la calificacion total, la cuestion es que al momento de terminar el examen:
1. Que los radio permanezcan seleccionados, ya que al hacer click en el boton para completarlo, estas se vuelven a desmarcar.
2. Me almacene la pagina del examen directamente en una carpeta dentro del equipo con una ruta ya predefinida, pero convertido directamente en un pdf.
3. En la impresion de la calificacion, que esta cambie de color dependiendo de cual fue el resultado, que solo seran dos colores (de 60 puntos para abajo color rojo, en adelante verde). Este es el codigo (perdonen, se que esta un "poquitín" largo )
Código HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <div> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Evaluacion Seguridad</title> <link href="../css/ExamStyle.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="eval"> <p align="center"> </p> <p align="center"> <h2 align="center">Seguridad e Higiene Industrial</h2> </p> <p align="center">Por favor seleccione las preguntas que considere correctas</p> <?php if(isset($_POST['aceptar'])){ $r1=$_POST['pr1']; $r2=$_POST['pr2']; $r3=$_POST['pr3']; $r4=$_POST['pr4']; $r5=$_POST['pr5']; $r6=$_POST['pr6']; $r7=$_POST['pr7']; $r8=$_POST['pr8']; $r9=$_POST['pr9']; $r10=$_POST['pr10']; $calif=($r1+$r2+$r3+$r4+$r5+$r6+$r7+$r8+$r9+$r10)*10; printf("<h4>Su calificacion fue de: $calif </h4>"); } ?> <form method="post" action=""> <div align="center"> <table width="1131" border="1" cellspacing="0"> <tr> <th colspan="2" scope="col" bgcolor="goldenrod"><div align="left">1. ¿Cuáles son los colores y el significado de cada uno en el rombo de seguridad?</div></th> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td width="560"><input type="radio" name="pr1" value="1" > Rojo=Inflamabilidad, Azul=Salud, Amarillo=Reactividad, Blanco=Otros riesgos</td> <td width="561"><input type="radio" name="pr1" value="0" /> Rojo=Inflamabilidad, Azul=Salud, Amarillo=Otros riesgos, Blanco=Reactividad</td> </tr> <tr> <td><input type="radio" name="pr1" value="0" /> Rojo=Salud, Azul=Inflamabilidad, Amarillo=Reactividad, Blanco=Otros riesgos</td> <td><input type="radio" name="pr1" value="0" /> Rojo=Reactividad, Azul=Salud, Amarillo=Inflamabilidad, Blanco=Otros riesgos</td> </tr> </table> <table width="1132" border="1" cellspacing="0"> <tr> <th colspan="2" scope="col" bgcolor="goldenrod"><div align="left">2. ¿Qué tipo de riesgos existen?</div></th> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td width="244"><input type="radio" name="pr2" value="0" /> Radiactivos, físicos y químicos</td> <td width="244"><input type="radio" name="pr2" value="0" /> Sólidos, químicos y biológicos</td> </tr> <tr> <td><input type="radio" name="pr2" value="1" /> Físicos, químicos y biológicos</td> <td><input type="radio" name="pr2" value="0" /> Químicos, industriales y biológicos</td> </tr> </table> <table width="1133" border="1" cellspacing="0"> <tr> <th colspan="2" scope="col" bgcolor="goldenrod"><div align="left">3. ¿En que año aparece el reglamento Federal de Seguridad, Higiene y Medio Ambiente de trabajo?</div></th> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td width="244"><input type="radio" name="pr3" value="0" /> 1970</td> <td width="246"><input type="radio" name="pr3" value="0" /> 1890</td> </tr> <tr> <td><input type="radio" name="pr3" value="1" /> 1997</td> <td><input type="radio" name="pr3" value="0" /> 1500</td> </tr> </table> <table width="1131" border="1" cellspacing="0"> <tr> <th colspan="2" scope="col" bgcolor="goldenrod"><div align="left">4. ¿A que tipo de fuego pertenecen los siguientes materiales?: papel, madera, textiles o basura</div></th> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td width="560"><input type="radio" name="pr4" value="0" > Clase B</td> <td width="561"><input type="radio" name="pr4" value="1" /> Clase A</td> </tr> <tr> <td><input type="radio" name="pr4" value="0" /> Clase C</td> <td><input type="radio" name="pr4" value="0" /> Clase D</td> </tr> </table> <table width="1132" border="1" cellspacing="0"> <tr> <th colspan="2" scope="col" bgcolor="goldenrod"><div align="left">5. Normas Mexicanas sobre seguridad e higiene:</div></th> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td width="244"><input type="radio" name="pr5" value="0" /> OHSAS18001 y OHSAS18002</td> <td width="244"><input type="radio" name="pr5" value="1" /> NOM-001-STPS-1999 y NOM-005-STPS-1998</td> </tr> <tr> <td><input type="radio" name="pr5" value="0" /> ISO 9000 e ISO 14000</td> <td><input type="radio" name="pr5" value="0" /> ISO 13485 e ISO/IEC 15444</td> </tr> </table> <table width="1133" border="1" cellspacing="0"> <tr> <th colspan="2" scope="col" bgcolor="goldenrod"><div align="left">6. Clasificacion de los agentes químicos:</div></th> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td width="244"><input type="radio" name="pr6" value="1" /> Volátiles, sólidos, líquidos y gaseosos</td> <td width="246"><input type="radio" name="pr6" value="0" /> Físicos, volátiles, acústicos y líquidos</td> </tr> <tr> <td><input type="radio" name="pr6" value="0" /> Físicos, liquidos, acústicos y gaseosos</td> <td><input type="radio" name="pr6" value="0" /> Sólidos, líquidos, gaseosos, vapores</td> </tr> </table> <table width="1133" border="1" cellspacing="0"> <tr> <th colspan="2" scope="col" bgcolor="goldenrod"><div align="left">7. Es la ciencia de la anticipación, la identificación, la evaluación y el control de los riesgos que se originan en el lugar de trabajo o en relación con él y que pueden poner en peligro la salud</div></th> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td width="244"><input type="radio" name="pr7" value="1" /> Seguridad Industrial</td> <td width="246"><input type="radio" name="pr3" value="0" /> Higiene industrial</td> </tr> <tr> <td><input type="radio" name="pr7" value="0" /> Primeros Auxilios</td> <td><input type="radio" name="pr7" value="0" /> Servicios Médicos</td> </tr> </table> <table width="1133" border="1" cellspacing="0"> <tr> <th colspan="2" scope="col" bgcolor="goldenrod"><div align="left">8. Es la disciplina que se encarga del diseño de lugares de trabajo, herramientas y tareas, de modo que coincidan con las características fisiológicas, anatómicas, psicológicas y las capacidades del trabajador</div></th> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td width="244"><input type="radio" name="pr8" value="0" /> Kinesiología </td> <td width="246"><input type="radio" name="pr8" value="0" /> Mecánica</td> </tr> <tr> <td><input type="radio" name="pr8" value="0" /> Biomecánica</td> <td><input type="radio" name="pr8" value="0" /> Ergonomía</td> </tr> </table> <table width="1133" border="1" cellspacing="0"> <tr> <th height="43" colspan="2" scope="col" bgcolor="goldenrod"><div align="left">9. Son aquellos que se manifiestan através de una acción agresiva,por contacto de las personas con elementos materiales,que causan lesiones de carácter traumático</div></th> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td width="244"><input type="radio" name="pr9" value="0" /> Riesgo Mécanico</td> <td width="246"><input type="radio" name="pr9" value="1" /> Riesgo Físico</td> </tr> <tr> <td><input type="radio" name="pr9" value="0" /> Riesgo Químico</td> <td><input type="radio" name="pr9" value="0" /> Riesgo Biológico</td> </tr> </table> <table width="1133" border="1" cellspacing="0"> <tr> <th colspan="2" scope="col" bgcolor="goldenrod"><div align="left">10. ¿Cuál es el símbolo de peligro biológico?</div></th> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td width="244"><input type="radio" name="pr10" value="0" /> <img src="Imagenes/electricalRisk.jpg" width="40" height="40" /></td> <td width="246"><input type="radio" name="pr10" value="0" /> <img src="Imagenes/biohazard.jpg" width="42" height="46" /></td> </tr> <tr> <td><input type="radio" name="pr10" value="1" /> <img src="Imagenes/radiation.gif" width="30" height="32" /></td> <td><input type="radio" name="pr10" value="0" /> <img src="Imagenes/alert.png" width="41" height="" /></td> </tr> </table> <p></p> <p> <input type="submit" name="aceptar" value="Aceptar" > <input type="submit" name="guardar" value="Guardar"> </p> </div> </form> </div> </body> </html> </div>
No puedo subir la imagen de como es la interfaz (la verdad, no se como subirla ya que esta en mi ordenador y me especifica la url, si alguien sabe como hacerlo, tambien se lo agrdecería mucho). Espero me haya explicado bien, y agradezco la ayuda que me puedan propocionar de antemano, disculpando si en algun momento no quedo claro mi planteamiento o el título del tema no definió el concepto, saludos