Test en PHP y Javascript

MeXiCaN · #1 (**permalink**) 13/03/2006, 06:45

Hola amigos:

Tengo un test realizado en php y lo unico que me falta y quisiera es que cuando el usuario seleccionara el radio button se mostrara el comentario de correccion al lado.

la estrucutura es la suguiente:

<?php echo $pregunta ?>

radio <?php respuesta1 ?> *<script><?php correccion 1 ?></script>
radio <?php respuesta2 ?> *<script><?php correccion 2 ?></script>
radio <?php respuesta3 ?> *<script><?php correccion 3 ?></script>

Donde * es el script que mostrará el comentario cuando la propiedad del radio buton cambia a onclick() o a checked();

¿Me expliqué bien?

MeXiCaN · #2 (**permalink**) 13/03/2006, 08:12

¿Nadie Sabe o no me expliqué bien?

MeXiCaN · #3 (**permalink**) 20/03/2006, 01:23

Por favor ayudenme no consigo solucionar este problema.

JavierB · #4 (**permalink**) 20/03/2006, 03:58

Hola MeXiCaN

No he entendido tu duda. Además si pones el código que genera tu PHP será más fácil que se te pueda ayudar.

Saludos,

uamistad · #5 (**permalink**) 20/03/2006, 04:07

Tampoco entendí y tuve que hacer muchas suposiciones para llegar a un código que oculta mensajes con estilos, un truco que vi por ahi de un script de caricatos.

Pruébalo, si te sirve qué suave, si no pues ya en base a algo concreto puedes decir qué necesitas.

Código PHP:

  //
//
<html><head><title> Encuesta </title></head>
<body>
    <style>.comentarios {color:red;display:none;}</style>
    <script>
        function muestraComentario(n){
            radioArray = document.getElementsByTagName("radio");
            document.getElementById("resp["+ n +"]").style.display = "inline";
        }
    </script>
    
    <form id="test" action="#">
        ¿Qué edad tienes?<br/>
        <input type="radio" name="pregunta[1]" onClick="muestraComentario(0)"> Menos de 30 <span id="resp[0]" class="comentarios">Estás muy joven.</span><br/>
        <input type="radio" name="pregunta[1]" onClick="muestraComentario(1)"> De 31 a 80 <span id="resp[1]" class="comentarios">Sigues estando joven.</span><br/>
        <input type="radio" name="pregunta[1]" onClick="muestraComentario(2)"> Más de 81 <span id="resp[2]" class="comentarios">No te apures, la juventud se lleva en corazón.</span><br/>
    <form>
</body>
</html>

MeXiCaN · #6 (**permalink**) 20/03/2006, 04:10

este es mi codigo;

El custionario imprime todo las preguntas que haya en la base de datos segun el tema, sale el listado de preguntas, todas las preguntas tienes 3 respuestas con su correspondiente radio button, el script en cuestión realizaría la corrección de la pregunta, siendo que al clickar sobre el radio button apareciera el comentario de la respuesta. Tambien otra posibilidad seria hacerlas todas y al final como veis hay un boton de corregir, que al clikear ejecutara el script para todas las respuestas y sus correspondientes comentarios. Como veis lo he pensado de dos formas diferentes y he intentado hacer una función que se llame Valida(), pero sin exito.

Cita:

<html>
<head>
<title>Documento sin título</title>

<script language="javascript">

function Valida()
{
}
</script>

</head>

<body>

<form name="correct" onClick="Valida()">
<table width="643" border="0" align="center" cellpadding="1" cellspacing="1">
<tr>
<td colspan="2" align="left" valign="top"><font size="2" face="Trebuchet MS">1 . </font><font size="2" face="Trebuchet MS">Determine which past allomorph would be adequate for the verb DECIDE</font></td>
</tr>
<tr>
<td width="492"><font size="2" face="Trebuchet MS">
<label></label>

<label>
<input name="rad1" type="radio" value="You’re right!">
</label></font><font size="2" face="Trebuchet MS">/Id/
<script>
document.write ("You’re right!");
</script>
</font></td>
<td width="144" colspan="2" rowspan="3"></textarea></td>
</tr>
<tr>
<td><font size="2" face="Trebuchet MS">

<label></label>
<label>
<input name="rad1" type="radio" value="Sorry! Your response is incorrect. Please try again" >
</label>
/d/
<script>
write("Sorry! Your response is incorrect. Please try again");
</script>
</font></td>
</tr>
<tr>

<td><font size="2" face="Trebuchet MS">
<label>
<input name="rad1" type="radio" value="Sorry! Your response is incorrect. Please try again"></label>
/t/ write("Sorry! Your response is incorrect. Please try again");
</font></td>
</tr>
<tr>
<td colspan="3"><hr align="center"></td>
</tr>

</table>
<table width="643" border="0" align="center" cellpadding="1" cellspacing="1">
<tr>
<td colspan="2" align="left" valign="top"><font size="2" face="Trebuchet MS">2 . </font><font size="2" face="Trebuchet MS">Examine the final –ER in the word COLDER</font></td>
</tr>
<tr>
<td width="492"><font size="2" face="Trebuchet MS">
<label></label>

<label>
<input name="rad2" type="radio" value="You’re right!">
</label></font><font size="2" face="Trebuchet MS">It is an inflectional suffix.
<script>
document.write ("You’re right!");
</script>
</font></td>
<td width="144" colspan="2" rowspan="3"></textarea></td>
</tr>
<tr>
<td><font size="2" face="Trebuchet MS">

<label></label>
<label>
<input name="rad2" type="radio" value="Sorry! Your response is incorrect. Please try again" >
</label>
It is not a morpheme
<script>
write("Sorry! Your response is incorrect. Please try again");
</script>
</font></td>
</tr>
<tr>

<td><font size="2" face="Trebuchet MS">
<label>
<input name="rad2" type="radio" value="Sorry! Your response is incorrect. Please try again"></label>
It is a derivative suffix write("Sorry! Your response is incorrect. Please try again");
</font></td>
</tr>
<tr>
<td colspan="3"><hr align="center"></td>
</tr>

</table>
<table width="643" border="0" align="center" cellpadding="1" cellspacing="1">
<tr>
<td colspan="2" align="left" valign="top"><font size="2" face="Trebuchet MS">3 . </font><font size="2" face="Trebuchet MS">Analyse the word UNFORTUNATELY into morphs.</font></td>
</tr>
<tr>
<td width="492"><font size="2" face="Trebuchet MS">
<label></label>

<label>
<input name="rad3" type="radio" value="You’re right!">
</label></font><font size="2" face="Trebuchet MS">UN (prefix) + FORTUNE (root) + ATE (suffix) + LY (suffix)
<script>
document.write ("You’re right!");
</script>
</font></td>
<td width="144" colspan="2" rowspan="3"></textarea></td>
</tr>
<tr>
<td><font size="2" face="Trebuchet MS">

<label></label>
<label>
<input name="rad3" type="radio" value="Sorry! Your response is incorrect. Please try again" >
</label>
UN (prefix) + FORTUNE (root) + ATELY (suffix)
<script>
write("Sorry! Your response is incorrect. Please try again");
</script>
</font></td>
</tr>
<tr>

<td><font size="2" face="Trebuchet MS">
<label>
<input name="rad3" type="radio" value="Sorry! Your response is incorrect. Please try again"></label>
UN (prefix) + FORTUNATE (root) + LY (prefix) write("Sorry! Your response is incorrect. Please try again");
</font></td>
</tr>
<tr>
<td colspan="3"><hr align="center"></td>
</tr>

</table>
<table width="643" border="0" align="center" cellpadding="1" cellspacing="1">
<tr>
<td colspan="2" align="left" valign="top"><font size="2" face="Trebuchet MS">4 . </font><font size="2" face="Trebuchet MS">Examine the final –ER in the word RIDER</font></td>
</tr>
<tr>
<td width="492"><font size="2" face="Trebuchet MS">
<label></label>

<label>
<input name="rad4" type="radio" value="You’re right!">
</label></font><font size="2" face="Trebuchet MS">It is a derivative suffix
<script>
document.write ("You’re right!");
</script>
</font></td>
<td width="144" colspan="2" rowspan="3"></textarea></td>
</tr>
<tr>
<td><font size="2" face="Trebuchet MS">

<label></label>
<label>
<input name="rad4" type="radio" value="Sorry! Your response is incorrect. Please try again" >
</label>
It is not a morpheme
<script>
write("Sorry! Your response is incorrect. Please try again");
</script>
</font></td>
</tr>
<tr>

<td><font size="2" face="Trebuchet MS">
<label>
<input name="rad4" type="radio" value="Sorry! Your response is incorrect. Please try again"></label>
It is an inflectional suffix. write("Sorry! Your response is incorrect. Please try again");
</font></td>
</tr>
<tr>
<td colspan="3"><hr align="center"></td>
</tr>

</table>
<table width="66" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><input name="leer" type="button" value="Corregir" onClick="Valida()"></td>
</tr>
</table>MORPHOLOGY</form>

</body>
</html>

uamistad · #7 (**permalink**) 20/03/2006, 04:16

¿Probaste el código que puse?

No deberías enviar el código en PHP al foro de JavaScript, pues eso supone que quien te quiera ayudar también tiene decodificar tu código y supone un trabajo extra a alguien que te está echando la mano desinteresadamente.

MeXiCaN · #8 (**permalink**) 20/03/2006, 04:18

ok, si quieres lo quito, pero JavierB por lo que entendi me pidió que lo pusiera.

JavierB · #9 (**permalink**) 20/03/2006, 04:22

Hola de nuevo.

Lo que dije fue: Además si pones el código que genera tu PHP será más fácil que se te pueda ayudar. Me refería al código HTML y JavaScript que llega al navegador porque sino, como dice uamistad habría que interpretar el código y por aquí algunos no estamos muy puestos en PHP.

Saludos,

MeXiCaN · #10 (**permalink**) 20/03/2006, 04:30

ok, he cambiado el codigo por el html que sale, es eso lo que quieres?

MeXiCaN · #11 (**permalink**) 20/03/2006, 04:40

ok, uamistad, el codigo que me pasaste va de muerte pero tengo un problema.

Solo me lo hace con la primera pregunta.

uamistad · #12 (**permalink**) 20/03/2006, 04:47

Bomba, lo acabo de probar en IE 5.5, IE 6.0, IE 7.0 y FireFox 1.5

¿No será tu navegador?

MeXiCaN · #13 (**permalink**) 20/03/2006, 04:52

Firefox 1.0.7 y IE 6

Lo hace solo en la primera pregunta.
Te mando el codigo de salida.

Código HTML:

<html>
<head>
<title>Documento sin t&iacute;tulo</title>

</head>

<body>
    <style>.comentarios {color:red;display:none;}</style>
    <script>
        function muestraComentario(n){
            radioArray = document.getElementsByTagName("radio");
            document.getElementById("resp["+ n +"]").style.display = "inline";
        }
    </script>

<form name="correct">
  <table width="643" border="0" align="center" cellpadding="1" cellspacing="1">
    <tr>
      <td align="left" valign="top"><font size="2" face="Trebuchet MS">1 . </font><font size="2" face="Trebuchet MS">Determine which past allomorph would be adequate for the verb DECIDE</font></td>
      </tr>
    <tr>
      <td colspan="2"><font size="2" face="Trebuchet MS">
        <label></label>
        <label>
        <input name="rad1" type="radio" value="You’re right!" onClick="muestraComentario(0)">
        </label></font><font size="2" face="Trebuchet MS">/Id/ <span id="resp[0]" class="comentarios">You’re right!</span></font> </textarea></td>
      </tr>
    <tr>
      <td colspan="2"><font size="2" face="Trebuchet MS">
        <label></label>
        <label>
        <input name="rad1" type="radio" value="Sorry! Your response is incorrect. Please try again" onClick="muestraComentario(2)">
        </label>
        /d/ <span id="resp[2]" class="comentarios">Sorry! Your response is incorrect. Please try again</span>
	</font></td>
      </tr>
    <tr>
      <td colspan="2"><font size="2" face="Trebuchet MS">
        <label>
        <input name="rad1" type="radio" value="Sorry! Your response is incorrect. Please try again" onClick="muestraComentario(3)"></label>
        /t/ <span id="resp[3]" class="comentarios">Sorry! Your response is incorrect. Please try again</span>
	</font></td>
      </tr>
    <tr>
      <td colspan="2"><hr align="center"></td>
    </tr>
    </table>
    <table width="643" border="0" align="center" cellpadding="1" cellspacing="1">
    <tr>
      <td align="left" valign="top"><font size="2" face="Trebuchet MS">2 . </font><font size="2" face="Trebuchet MS">Examine the final –ER in the word COLDER</font></td>
      </tr>
    <tr>
      <td colspan="2"><font size="2" face="Trebuchet MS">
        <label></label>
        <label>
        <input name="rad2" type="radio" value="You’re right!" onClick="muestraComentario(0)">
        </label></font><font size="2" face="Trebuchet MS">It is an inflectional suffix. <span id="resp[0]" class="comentarios">You’re right!</span></font> </textarea></td>
      </tr>
    <tr>
      <td colspan="2"><font size="2" face="Trebuchet MS">
        <label></label>
        <label>
        <input name="rad2" type="radio" value="Sorry! Your response is incorrect. Please try again" onClick="muestraComentario(2)">
        </label>
        It is not a morpheme <span id="resp[2]" class="comentarios">Sorry! Your response is incorrect. Please try again</span>
	</font></td>
      </tr>
    <tr>
      <td colspan="2"><font size="2" face="Trebuchet MS">
        <label>
        <input name="rad2" type="radio" value="Sorry! Your response is incorrect. Please try again" onClick="muestraComentario(3)"></label>
        It is a derivative suffix <span id="resp[3]" class="comentarios">Sorry! Your response is incorrect. Please try again</span>
	</font></td>
      </tr>
    <tr>
      <td colspan="2"><hr align="center"></td>
    </tr>
    </table>
    <table width="643" border="0" align="center" cellpadding="1" cellspacing="1">
    <tr>
      <td align="left" valign="top"><font size="2" face="Trebuchet MS">3 . </font><font size="2" face="Trebuchet MS">Analyse the word UNFORTUNATELY into morphs.</font></td>
      </tr>
    <tr>
      <td colspan="2"><font size="2" face="Trebuchet MS">
        <label></label>
        <label>
        <input name="rad3" type="radio" value="You’re right!" onClick="muestraComentario(0)">
        </label></font><font size="2" face="Trebuchet MS">UN (prefix) + FORTUNE (root) + ATE (suffix) + LY (suffix) <span id="resp[0]" class="comentarios">You’re right!</span></font> </textarea></td>
      </tr>
    <tr>
      <td colspan="2"><font size="2" face="Trebuchet MS">
        <label></label>
        <label>
        <input name="rad3" type="radio" value="Sorry! Your response is incorrect. Please try again" onClick="muestraComentario(2)">
        </label>
        UN (prefix) + FORTUNE (root) + ATELY (suffix) <span id="resp[2]" class="comentarios">Sorry! Your response is incorrect. Please try again</span>
	</font></td>
      </tr>
    <tr>
      <td colspan="2"><font size="2" face="Trebuchet MS">
        <label>
        <input name="rad3" type="radio" value="Sorry! Your response is incorrect. Please try again" onClick="muestraComentario(3)"></label>
        UN (prefix) + FORTUNATE (root) + LY (prefix) <span id="resp[3]" class="comentarios">Sorry! Your response is incorrect. Please try again</span>
	</font></td>
      </tr>
    <tr>
      <td colspan="2"><hr align="center"></td>
    </tr>
    </table>
    <table width="643" border="0" align="center" cellpadding="1" cellspacing="1">
    <tr>
      <td align="left" valign="top"><font size="2" face="Trebuchet MS">4 . </font><font size="2" face="Trebuchet MS">Examine the final –ER in the word RIDER</font></td>
      </tr>
    <tr>
      <td colspan="2"><font size="2" face="Trebuchet MS">
        <label></label>
        <label>
        <input name="rad4" type="radio" value="You’re right!" onClick="muestraComentario(0)">
        </label></font><font size="2" face="Trebuchet MS">It is a derivative suffix <span id="resp[0]" class="comentarios">You’re right!</span></font> </textarea></td>
      </tr>
    <tr>
      <td colspan="2"><font size="2" face="Trebuchet MS">
        <label></label>
        <label>
        <input name="rad4" type="radio" value="Sorry! Your response is incorrect. Please try again" onClick="muestraComentario(2)">
        </label>
        It is not a morpheme <span id="resp[2]" class="comentarios">Sorry! Your response is incorrect. Please try again</span>
	</font></td>
      </tr>
    <tr>
      <td colspan="2"><font size="2" face="Trebuchet MS">
        <label>
        <input name="rad4" type="radio" value="Sorry! Your response is incorrect. Please try again" onClick="muestraComentario(3)"></label>
        It is an inflectional suffix. <span id="resp[3]" class="comentarios">Sorry! Your response is incorrect. Please try again</span>
	</font></td>
      </tr>
    <tr>
      <td colspan="2"><hr align="center"></td>
    </tr>
    </table>
    <table width="66" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td><input name="leer" type="button" value="Corregir"></td>
    </tr>
  </table>MORPHOLOGY</form>

</body>
</html>

uamistad · #14 (**permalink**) 20/03/2006, 05:00

Por si fuera la hoja de estilos, aquí te dejo el código sin usar la etiqueta de style y el comentario desaparece cuando pulsas en otra opción.

Código PHP:

  //
//
<html><head><title> Encuesta </title></head>
<body>
    <script>
        cantidadPreguntas = 3;

        function muestraComentario(n){
            for(i=0;i<cantidadPreguntas ;i++) document.getElementById("resp["+i+"]").style.display = "none";
            radioArray = document.getElementsByTagName("radio");
            document.getElementById("resp["+ n +"]").style.display = "inline";
        }
    </script>
    
    <form id="test" action="#">
        ¿Color de una zanahoria?<br/>
        <input type="radio" name="pregunta[1]" onClick="muestraComentario(0)"> Amarilla <span id="resp[0]" style="color:red;display:none;">Incorrecto, prueba otra vez.</span><br/>
        <input type="radio" name="pregunta[1]" onClick="muestraComentario(1)"> Anaranjada <span id="resp[1]" style="color:green;display:none;">Perfecto !!</span><br/>
        <input type="radio" name="pregunta[1]" onClick="muestraComentario(2)"> Blanca <span id="resp[2]" style="color:red;display:none;">Incorrecto, prueba otra vez.</span><br/>
    <form>
</body>
</html>

Suerte.

uamistad · #15 (**permalink**) 20/03/2006, 05:11

Hola, sorry, no vi que pusiste el código.

Ya vi que pasó, que cada pregunta debe ir numerada.

Mira, este sería un código (con el segundo script) de varias preguntas, checa que cada una va numerada, tanto pregunta como respuesta.

Código PHP:

  //
//
<html><head><title> Encuesta </title></head>
<body>
    <script>
        cantidadPreguntas = 9;

        function muestraComentario(n){
            for(i=0;i<cantidadPreguntas ;i++) document.getElementById("resp["+i+"]").style.display = "none";
            radioArray = document.getElementsByTagName("radio");
            document.getElementById("resp["+ n +"]").style.display = "inline";
        }
    </script>
    
    <form id="test" action="#">
        <br>¿Color de una zanahoria?<br/>
        <input type="radio" onClick="muestraComentario(0)"> Amarilla <span id="resp[0]" style="color:red;display:none;">Incorrecto, prueba otra vez.</span><br/>
        <input type="radio" onClick="muestraComentario(1)"> Anaranjada <span id="resp[1]" style="color:green;display:none;">Perfecto !!</span><br/>
        <input type="radio" onClick="muestraComentario(2)"> Blanca <span id="resp[2]" style="color:red;display:none;">Incorrecto, prueba otra vez.</span><br/>

        <br>¿Color de una manzana?<br/>
        <input type="radio" onClick="muestraComentario(3)"> Negra <span id="resp[3]" style="color:red;display:none;">Incorrecto, prueba otra vez.</span><br/>
        <input type="radio" onClick="muestraComentario(4)"> Roja <span id="resp[4]" style="color:green;display:none;">Perfecto !!</span><br/>
        <input type="radio" onClick="muestraComentario(5)"> Blanca <span id="resp[5]" style="color:red;display:none;">Incorrecto, prueba otra vez.</span><br/>

        <br>¿Color de una piña?<br/>
        <input type="radio" onClick="muestraComentario(6)"> Amarilla <span id="resp[6]" style="color:red;display:none;">Perfecto !!</span><br/>
        <input type="radio" onClick="muestraComentario(7)"> Anaranjada <span id="resp[7]" style="color:green;display:none;">Incorrecto, prueba otra vez.</span><br/>
        <input type="radio" onClick="muestraComentario(8)"> Blanca <span id="resp[8]" style="color:red;display:none;">Incorrecto, prueba otra vez.</span><br/>
    
    <form>
</body>
</html>

nota. A los inputs le quité la etiqueta name porque vi que no la vas a necesitar.

MeXiCaN · #16 (**permalink**) 20/03/2006, 05:14

No Uamistad, no me referia a eso, me refiero a que si pongo mas de una pregunta el script no funciona con la 2ª, 3ª, 4ª,... pregunta.

Código HTML:

<html><head><title> Encuesta </title></head>
<body>
    <script>
        cantidadPreguntas = 3;

        function muestraComentario(n){
            for(i=0;i<cantidadPreguntas ;i++) document.getElementById("resp["+i+"]").style.display = "none";
            radioArray = document.getElementsByTagName("radio");
            document.getElementById("resp["+ n +"]").style.display = "inline";
        }
    </script>
    
    <form id="test" action="#">
        ¿Color de una zanahoria?<br/>
        <input type="radio" name="pregunta[1]" onClick="muestraComentario(0)"> Amarilla <span id="resp[0]" style="color:red;display:none;">Incorrecto, prueba otra vez.</span><br/>

        <input type="radio" name="pregunta[1]" onClick="muestraComentario(1)"> Anaranjada <span id="resp[1]" style="color:green;display:none;">Perfecto !!</span><br/>
        <input type="radio" name="pregunta[1]" onClick="muestraComentario(2)"> Blanca <span id="resp[2]" style="color:red;display:none;">Incorrecto, prueba otra vez.</span><br/>

	¿Color de una manzana?<br/>
        <input type="radio" name="pregunta[2]" onClick="muestraComentario(0)"> Amarilla <span id="resp[0]" style="color:red;display:none;">Incorrecto, prueba otra vez.</span><br/>

        <input type="radio" name="pregunta[2]" onClick="muestraComentario(1)"> Anaranjada <span id="resp[1]" style="color:green;display:none;">Perfecto !!</span><br/>
        <input type="radio" name="pregunta[2]" onClick="muestraComentario(2)"> Blanca <span id="resp[2]" style="color:red;display:none;">Incorrecto, prueba otra vez.</span><br/>
    <form>
</body>
</html>

uamistad · #17 (**permalink**) 20/03/2006, 05:19

Es porque en la primera pregunta vienen las siguientes ociones:

muestraComentario(0)
muestraComentario(1)
muestraComentario(2)

Pero para tus siguientes preguntas, no debería decir:

muestraComentario(0)
muestraComentario(1)
muestraComentario(2)

Sino:

muestraComentario(3)
muestraComentario(4)
muestraComentario(5)

También cambia la numeración en la respuesta.

Checa el POST #15, please.

MeXiCaN · #18 (**permalink**) 24/03/2006, 04:46

ok ya lo solucione, pero lo que no consigo es que me vayan las dos lineas comentadas, ya que mis preguntas empiezan en uno, en vez de en 0 y entonces pierde todo el control del "resp["+i+"]":

Código HTML:

<script language="javascript">
        cantidadPreguntas = <?php echo $maxRows_Recordset1;?>

        function muestraComentario(n){
          //  for(i=1;i<cantidadPreguntas+1;i++)
	 //   document.getElementById("resp["+i+"]").style.display = "none";
            
            radioArray = document.getElementsByTagName("radio");
            document.getElementById("resp["+ n +"]").style.display = "inline";
        }
</script>

Os dejo el codigo para que lo veais bien:

Cita:

<html>
<head>
<title></title>
</head>
<body>
<script language="javascript">
cantidadPreguntas = 3
function muestraComentario(n){
for(i=1;i<(cantidadPreguntas+1);i++)
document.getElementById("resp["+i+"]").style.display = "none";
radioArray = document.getElementsByTagName("radio");
document.getElementById("resp["+ n +"]").style.display = "inline";
}
</script>

<form name="correct">
<table width="643" border="0" align="center" cellpadding="1" cellspacing="1">
<tr>
<td align="left" valign="top"><font size="2" face="Trebuchet MS">1 . </font><font size="2" face="Trebuchet MS">Determine which past allomorph would be adequate for the verb DECIDE</font></td>
</tr>
<tr>
<td colspan="2"><font size="2" face="Trebuchet MS">
<label></label>
<label>
<input name="rad1" type="radio" value="You’re right!" onClick="muestraComentario(1)">
</label></font><font size="2" face="Trebuchet MS">/Id/ <span id="resp[1]" style="color:red;display:none;">You’re right!</span></font></td>
</tr>
<tr>
<td colspan="2"><font size="2" face="Trebuchet MS">
<label></label>
<label>
<input name="rad1" type="radio" value="Sorry! Your response is incorrect. Please try again" onClick="muestraComentario(2)">
</label>
/d/ <span id="resp[2]" style="color:red;display:none;">Sorry! Your response is incorrect. Please try again</span>
</font></td>
</tr>
<tr>
<td colspan="2"><font size="2" face="Trebuchet MS">
<label>
<input name="rad1" type="radio" value="Sorry! Your response is incorrect. Please try again" onClick="muestraComentario(3)"></label>
/t/ <span id="resp[3]" style="color:red;display:none;">Sorry! Your response is incorrect. Please try again</span>
</font></td>
</tr>
<tr>
<td colspan="2"><hr align="center"></td>
</tr>
</table>
<br>
<table width="643" border="0" align="center" cellpadding="1" cellspacing="1">
<tr>
<td align="left" valign="top"><font size="2" face="Trebuchet MS">2 . </font><font size="2" face="Trebuchet MS">Examine the final –ER in the word COLDER</font></td>
</tr>
<tr>
<td colspan="2"><font size="2" face="Trebuchet MS">
<label></label>
<label>
<input name="rad2" type="radio" value="You’re right!" onClick="muestraComentario(4)">
</label></font><font size="2" face="Trebuchet MS">It is an inflectional suffix. <span id="resp[4]" style="color:red;display:none;">You’re right!</span></font></td>
</tr>
<tr>
<td colspan="2"><font size="2" face="Trebuchet MS">
<label></label>
<label>
<input name="rad2" type="radio" value="Sorry! Your response is incorrect. Please try again" onClick="muestraComentario(5)">
</label>
It is not a morpheme <span id="resp[5]" style="color:red;display:none;">Sorry! Your response is incorrect. Please try again</span>
</font></td>
</tr>
<tr>
<td colspan="2"><font size="2" face="Trebuchet MS">
<label>
<input name="rad2" type="radio" value="Sorry! Your response is incorrect. Please try again" onClick="muestraComentario(6)"></label>
It is a derivative suffix <span id="resp[6]" style="color:red;display:none;">Sorry! Your response is incorrect. Please try again</span>
</font></td>
</tr>
<tr>
<td colspan="2"><hr align="center"></td>
</tr>
</table>
<br>
<table width="643" border="0" align="center" cellpadding="1" cellspacing="1">
<tr>
<td align="left" valign="top"><font size="2" face="Trebuchet MS">3 . </font><font size="2" face="Trebuchet MS">Analyse the word UNFORTUNATELY into morphs.</font></td>
</tr>
<tr>
<td colspan="2"><font size="2" face="Trebuchet MS">
<label></label>
<label>
<input name="rad3" type="radio" value="You’re right!" onClick="muestraComentario(7)">
</label></font><font size="2" face="Trebuchet MS">UN (prefix) + FORTUNE (root) + ATE (suffix) + LY (suffix) <span id="resp[7]" style="color:red;display:none;">You’re right!</span></font></td>
</tr>
<tr>
<td colspan="2"><font size="2" face="Trebuchet MS">
<label></label>
<label>
<input name="rad3" type="radio" value="Sorry! Your response is incorrect. Please try again" onClick="muestraComentario(8)">
</label>
UN (prefix) + FORTUNE (root) + ATELY (suffix) <span id="resp[8]" style="color:red;display:none;">Sorry! Your response is incorrect. Please try again</span>
</font></td>
</tr>
<tr>
<td colspan="2"><font size="2" face="Trebuchet MS">
<label>
<input name="rad3" type="radio" value="Sorry! Your response is incorrect. Please try again" onClick="muestraComentario(9)"></label>
UN (prefix) + FORTUNATE (root) + LY (prefix) <span id="resp[9]" style="color:red;display:none;">Sorry! Your response is incorrect. Please try again</span>
</font></td>
</tr>
<tr>
<td colspan="2"><hr align="center"></td>
</tr>
</table>
<br>
</form>

<table width="497" border="0" align="center" cellpadding="1" cellspacing="1">
<tr>
<td></td>
<td></td>
<td> <font size="2" face="Trebuchet MS"><a href="/local/multiplechoice.php?pageNum_Recordset1=1&totalRows_ Recordset1=4&Tema=MORPHOLOGY">Next</a></font>
</td>
<td> <font size="2" face="Trebuchet MS"><a href="/local/multiplechoice.php?pageNum_Recordset1=1&totalRows_ Recordset1=4&Tema=MORPHOLOGY">Last</a></font>
</td>
<td><font size="2" face="Trebuchet MS"> Ex. 1 to 3 of 4 </font></td>
</tr>
</table>
</body>
</html>

MeXiCaN · #19 (**permalink**) 27/03/2006, 02:03

uasmitad, lo he probado todo modificando el script empezando de 0 de 1, sumandole 1 a los elementos, sin sumar, y no entiendo porque no va, me podrias hechar un cable?

Gracias.

uamistad · #20 (**permalink**) 27/03/2006, 06:13

Claro, pero deja el código para ver qué pasa. Si puedes poner el código limpio (de tablas, de etiquetas font y style será más rápido entenderle y ayudar).

MeXiCaN · #21 (**permalink**) 27/03/2006, 07:01

Te lo he puesto entero para que puedas copiarlo, pegarlo y ejecutarlo en un navegador y veas lo que pasa, para que entiendas mejor el error. Se que es una gilipollez pero no consigo hayar el error.

MeXiCaN · #22 (**permalink**) 27/03/2006, 07:11

He quitado todo lo que he sabido para que mas o menos funcione.

Código HTML:

<body>
<script language="javascript">
        cantidadPreguntas = 4
        function muestraComentario(n){
            for(i=1;i<(cantidadPreguntas+1);i++)
			document.getElementById("resp["+i+"]").style.display = "none";
            radioArray = document.getElementsByTagName("radio");
            document.getElementById("resp["+ n +"]").style.display = "inline";
        }
</script>


<form name="correct">
  <table>
    <tr><td>
	Which of the following statements is NOT a fallacy concerning the notion of 

‘grammar’?
	</td>
      </tr>
    <tr>
      <td>
        <input name="rad1" type="radio" value="You’re right!" 

onClick="muestraComentario(1)">
        The grammar of any natural language is a set of rules which generate an infinite set 

of sentences. <span id="resp[1]" style="color:red;display:none;">You’re right!</td>

      </tr>
    <tr>
      <td>
        <input name="rad1" type="radio" value="Sorry! Your response is incorrect. Please try 

again." onClick="muestraComentario(2)">
        Some people know the grammar of their language very well whereas some other people 

make more mistakes and, therefore, do not know the grammar of their language very well.  

<span id="resp[2]" style="color:red;display:none;">Sorry! Your response is incorrect. Please 

try again.
</td>
      </tr>
    <tr>
      <td>
        
        <input name="rad1" type="radio" value="Sorry! Your response is incorrect. Please try 

again." onClick="muestraComentario(3)">
        The grammar of English is simpler than the grammar of German. <span id="resp[3]" 

style="color:red;display:none;">Sorry! Your response is incorrect. Please try again.</td>

      </tr>
    </table>
  <br>
    <table>
    <tr>
      <td>2 .How many interrelated components of language there exist?</td>

      </tr>
    <tr>
      <td>
	<input name="rad2" type="radio" value="You’re right!" 

onClick="muestraComentario(4)">6 components <span id="resp[4]" 

style="color:red;display:none;">You’re right!</span></td>
      </tr>

    <tr>
      <td>
        <input name="rad2" type="radio" value="Sorry! Your response is incorrect. Please try 

again" onClick="muestraComentario(5)">5 components <span id="resp[5]" 

style="color:red;display:none;">Sorry! Your response is incorrect. Please try again</span>
	</td>

      </tr>
    <tr>
      <td>
        <input name="rad2" type="radio" value="Sorry! Your response is incorrect. Please try 

again" onClick="muestraComentario(6)">
        7 components <span id="resp[6]" style="color:red;display:none;">Sorry! Your 

responseis incorrect. Please try again</span>
</td>
      </tr>

    <tr>
    </tr>
    </table>
  <br>
  </form>

uamistad · #23 (**permalink**) 27/03/2006, 10:52

hi again

Cuando pegué ese código en mi editor y lo ejecuté, todo servía muy bien, excepto por un punto y coma que le tuve que poner después del:

cantidadPreguntas = 4;

nada más que la segunda pregunta tenía problemas porque la segunda y tercera opción se quedaban pegadas, es decir, una vez seleccionada no cambiaban más de posición y se quedaban en rojo.

Para evitar eso (que se queden marcadas las preguntas de por vida), en cantidadPreguntas, no va un 4 sino un 6.

Y es que es un error de gramática, porque lo que esa variable cuenta no son las preguntas sino las respuestas y tú tienes seis respuestas.

MeXiCaN · #24 (**permalink**) 27/03/2006, 13:42

ok, entonces no es la cantidad de preguntas es la cantidad de respuestas

2 preguntas * 3 respuestas = 6 ?

uamistad · #25 (**permalink**) 27/03/2006, 17:55

Exacto compa.

MeXiCaN · #26 (**permalink**) 28/03/2006, 15:04

Muchas Gracias.

MeXiCaN · #27 (**permalink**) 24/04/2006, 02:19

Otra pregunta referente a esto. Podría hacer que solo se pudiera responder una respuesta? Es decir, desactivando el resto de botones de la pregunta ya contestada?

uamistad · #28 (**permalink**) 24/04/2006, 02:33

Qué onda ,man. En el post #15 de este thread viene un código que nada más selecciona una. Pruébalo aquí (link temporal).

MeXiCaN · #29 (**permalink**) 24/04/2006, 02:36

Saludos uamistad.

Me refiero a que seleccione un color de, por ejemplo la pregunta de la zanahoria, los otros colores de esa pregunta queden disabled.
Gracias.

uamistad · #30 (**permalink**) 24/04/2006, 02:42

Si es lo que te entendí, nada más tendrías que agregarle un nombre a cada grupo de preguntas, ejemplo - link temporal

<input type="radio" name="preg1" ...