Radiobutton y mensaje luego de ser seleccionado.

galvaroe · #1 (**permalink**) 30/10/2008, 12:11

Hola compañeros, mi situación es algo complicada y mas porque no se como hacer esto:

*Tengo un formulario en donde tengo 3 opciones (Estas opciones son imagenes) y cada una de estas pueden ser elegidas con un radiobutton.
*Tengo un tabla de descripción en donde se deberia de mostrar el nombre de la opción que seleccioné anteriormente.

Esto está dentro de la misma interfaz, no estoy usando base de datos para esto. Mi intención es enviar los valores que me dieron segun la elección que tomé por php (Una vez lo del formulario y lo del mensaje en la descripcion, yo puedo hacer lo demas)

Me podrian orientar porfavor que debo hacer en esto caso. Se los agradeceria muchisimo...!!!

ACX_POISON · #2 (**permalink**) 30/10/2008, 12:23

Disculpa Amigo, pero si te pudieras explicar mejor intentaria ayudarte....

the_web_saint · #3 (**permalink**) 30/10/2008, 12:25

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
function mostrarMSG(mensaje)
{
    document.getElementById('mensaje').innerHTML=mensaje;
}
</script>
</head>

<body>
<form>
<input type="radio" name="opcion" value="Mensaje 1" onclick="mostrarMSG(this.value)" />Mensaje 1
<input type="radio" name="opcion" value="Mensaje 2" onclick="mostrarMSG(this.value)" />Mensaje 2
<input type="radio" name="opcion" value="Mensaje 3" onclick="mostrarMSG(this.value)" />Mensaje 3
</form>
<div id="mensaje"></div>
</body>
</html>

¿Esto es lo que necesitas? porque no entendi bien cual es el problema...

Saludos

mayik81 · #4 (**permalink**) 30/10/2008, 12:39

Cita:

Iniciado por the_web_saint

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<script> 
function mostrarMSG(mensaje) 
{ 
    document.getElementById('mensaje').innerHTML=mensaje; 
} 
</script> 
</head> 
 
<body> 
<form> 
<input type="radio" name="opcion" value="Mensaje 1" onclick="mostrarMSG(this.value)" />Mensaje 1 
<input type="radio" name="opcion" value="Mensaje 2" onclick="mostrarMSG(this.value)" />Mensaje 2 
<input type="radio" name="opcion" value="Mensaje 3" onclick="mostrarMSG(this.value)" />Mensaje 3 
</form> 
<div id="mensaje"></div> 
</body> 
</html>

¿Esto es lo que necesitas? porque no entendi bien cual es el problema...

Saludos

Yo creo que lo que necesitaba él era eso , aunque dice que tiene una tabla no una capa o un div por lo tanto el id="mensaje" lo pones dentro de un label y que este dentro de un td y ya esta.
<td headers=""><label id="mensaje"></label></td>

galvaroe · #5 (**permalink**) 30/10/2008, 14:37

Les agradezco un montón y disculpen por no haberme explicado mejor, ahora voy a probar si es eso lo que verdaderamente necesito..

Gracias......!!!

galvaroe · #6 (**permalink**) 31/10/2008, 09:44

Cita:

Iniciado por the_web_saint

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<script> 
function mostrarMSG(mensaje) 
{ 
    document.getElementById('mensaje').innerHTML=mensaje; 
} 
</script> 
</head> 
 
<body> 
<form> 
<input type="radio" name="opcion" value="Mensaje 1" onclick="mostrarMSG(this.value)" />Mensaje 1 
<input type="radio" name="opcion" value="Mensaje 2" onclick="mostrarMSG(this.value)" />Mensaje 2 
<input type="radio" name="opcion" value="Mensaje 3" onclick="mostrarMSG(this.value)" />Mensaje 3 
</form> 
<div id="mensaje"></div> 
</body> 
</html>

¿Esto es lo que necesitas? porque no entendi bien cual es el problema...

Saludos

Es exactamente lo que necesito, pero ahora me surgió otra duda y es que el "mensaje" que estoy mostrando segun la opción que estoy seleccionando, me gustaría enviar ese texto a otra pagina, he tratado usar php pero no estoy seguro como meter esto en una variable.
Ej.
<input type="hidden" name="item_number" value=" " /> Donde dice Value tengo que meter el texto "mensaje"

Espero que me haya explicado bien.

the_web_saint · #7 (**permalink**) 31/10/2008, 09:50

En la función colocas:

Código PHP:

  document.getElementById('item_number').value=mensaje;

y debes colocarle el id idéntico al nombre al input

galvaroe · #8 (**permalink**) 31/10/2008, 10:23

Cita:

Iniciado por the_web_saint

En la función colocas:

Código PHP:

  document.getElementById('item_number').value=mensaje;

y debes colocarle el id idéntico al nombre al input

Creo que me expliqué mal, espero explicarme mejor ahora, y también que disculpes me insistencia. Te agradezco tu interes por ayudarme.Lo que esta como comentario es mi explicación.

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
function mostrarMSG(mensaje)
{
    document.getElementById('mensaje').innerHTML=mensaje;
}
</script>
</head>

<body>
<form>
<input type="radio" name="opcion" value="Mensaje 1" onclick="mostrarMSG(this.value)" />
<input type="radio" name="opcion" value="Mensaje 2" onclick="mostrarMSG(this.value)" />
<input type="radio" name="opcion" value="Mensaje 3" onclick="mostrarMSG(this.value)" />
<div id="mensaje"></div>

<!-- Esto que esta debajo de este comentario es un codigo predeterminado que me da paypal y en los valores value será la informacion que enviaré luego de darle aceptar al boton -->

<input type="image" src="../Images/add_cart.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" />
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
<input type="hidden" name="add" value="1" />
<input type="hidden" name="cmd" value="_cart" />
<input type="hidden" name="business" value="[email protected]" />
<input type="hidden" name="item_name" value="Nombre del Item"/>

<!-- Especificamente en este necesito enviar el texto que me dá según la opcion que eligi, por ejemplo Mensaje 1 y para que esto suceda se tiene que ver de esta forma <input type="hidden" name="item_number" value="Mensaje 1" />, pero yo lo quiero hacer de forma dinamica. Es decir, que si selecciono la opcion del mensaje 2 me mande mensaje 2-->

<input type="hidden" name="item_number" value="" />
<input type="hidden" name="amount" value="45.00" />
<input type="hidden" name="no_shipping" value="0" />
<input type="hidden" name="no_note" value="1" />
<input type="hidden" name="currency_code" value="USD" />
<input type="hidden" name="lc" value="US" />
<input type="hidden" name="bn" value="PP-ShopCartBF" />
</form>

</body>
</html>

Gracias..!!!

the_web_saint · #9 (**permalink**) 31/10/2008, 10:39

Con esta explicación sigo entendiendo lo mismo, y vuelvo y te explico.
Con lo que te dije anteriormente le darás al valor del input el mensaje, de esta forma puedes enviar el dato y hacerlo de forma dinámica. Cada vez que selecciones una opción del combo se cambiará el value del input.

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
function mostrarMSG(mensaje)
{
    document.getElementById('mensaje').innerHTML=mensaje;
    document.getElementById('item_number').value=mensaje;
}
</script>
</head>

<body>
<form>
<input type="radio" name="opcion" value="Mensaje 1" onclick="mostrarMSG(this.value)" />
<input type="radio" name="opcion" value="Mensaje 2" onclick="mostrarMSG(this.value)" />
<input type="radio" name="opcion" value="Mensaje 3" onclick="mostrarMSG(this.value)" />
<div id="mensaje"></div>

<!-- Esto que esta debajo de este comentario es un codigo predeterminado que me da paypal y en los valores value será la informacion que enviaré luego de darle aceptar al boton -->

<input type="image" src="../Images/add_cart.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" />
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
<input type="hidden" name="add" value="1" />
<input type="hidden" name="cmd" value="_cart" />
<input type="hidden" name="business" value="[email protected]" />
<input type="hidden" name="item_name" value="Nombre del Item"/>

<!-- Especificamente en este necesito enviar el texto que me dá según la opcion que eligi, por ejemplo Mensaje 1 y para que esto suceda se tiene que ver de esta forma <input type="hidden" name="item_number" value="Mensaje 1" />, pero yo lo quiero hacer de forma dinamica. Es decir, que si selecciono la opcion del mensaje 2 me mande mensaje 2-->

<input type="hidden" id="item_number" name="item_number" value="" />
<input type="hidden" name="amount" value="45.00" />
<input type="hidden" name="no_shipping" value="0" />
<input type="hidden" name="no_note" value="1" />
<input type="hidden" name="currency_code" value="USD" />
<input type="hidden" name="lc" value="US" />
<input type="hidden" name="bn" value="PP-ShopCartBF" />
</form>

</body>
</html>

Pruebalo y dime si no es lo que necesitas.

galvaroe · #10 (**permalink**) 31/10/2008, 11:00

Difinitivamente que sos Grande, eso era lo que estaba buscando.......

Para lo que necesites hermano aqui estoy, menos plata porque ando arrancado..

Hay alguna forma de calificar la respuesta?

Gracias nuevamente..

the_web_saint · #11 (**permalink**) 31/10/2008, 11:44

Debes usar el Karma para este fin. Si no sabes el link esta en mi firma de mensajes, para dar Karma solo das click en el signo de YIN-YAN que esta en mi mensaje(en la parte izquierda), y escribir que te parecio el aporte.

Saludos