• ¿Quieres apoyar a nuestro foro haciendo una donación?, entra aquí.

Pasar Textos O Resultados De Una Caja A Otra (html-javascript)

elxchalo

Culiad@
Registrado
2008/07/09
Mensajes
3.812
Sexo
Macho
MOH
  1. Especial
cabros, tengo una duda, tengo que hacer una aplicacion donde ingreses tu nombre, y tu fecha de nacimiento, y que en un cuadro mas abajo aparezca tu nombre y tu signo zodiacal,

pero....de la unica forma que me ha resultado es con un "alert", osea en la funcion que hice la use con un alert y si, funciona me dice que signo soy, pero no me dice por ejemplo, "juan, tu signo es aries", solo dice, "tu signo es aries" y en un cuadro de dialogo!!!!

no se como hacer para que eso se traspase al formulario de mas abajo :( , ademas de que en el ultimo aparezca una imagen del signo... me ayudan?

les pongo lo que tengo


<html>
<head>
<title>:: Signos ::</title>
</head>
<style type="text/css">
body{
background-color:#39F;
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
}
</style>
<body>
<h3 align="right">Signos Zodiacal<hr/></h3>
<form name="signo">
<table align="center" bgcolor="#CCCCCC">
<tr align="center">
<td>Ingresa Tus Datos</td>
</tr>
<tr>
<td>Nombre:
<input type="text" name="Nombre" size="8"/>(Ej: Juan)
Dia:
<input type="text" name="dia" size="1"/>(xx)
Mes:
<input type="text" name="mes" size="1"/>(xx)
Año Nacimiento
<input type="text" name="Nombre" size="4"/>(xxxx)
</td>
</tr>
<tr align="center">
<td colspan="4">
<input type="button" onclick="averig()" value="Averigua tu Signo!!!"/>
</td>
</tr>
</table>
</form>


<script language="javascript">

function averig()
{
var dia = document.signo.dia.value
var mes = document.signo.mes.value


if((mes==03 && dia>=21)||(mes==04 && dia<=20))
{
alert("Tu signo és Aries")
}
else if ((mes==04 && dia>=21)||(mes==05 && dia<=20))
{
alert("Tu signo és Tauro")
}
else if ((mes==05 && dia>=21)||(mes==06 && dia<=20))
{
alert("Tu signo és Geminis")
}
else if ((mes==06 && dia>=21)||(mes==07 && dia<=20))
{
alert("Tu signo és Cáncer")
}
else if ((mes==07 && dia>=21)||(mes==08 && dia<=20))
{
alert("Tu signo és Leo")
}
else if ((mes==08 && dia>=21)||(mes==09 && dia<=20))
{
alert("Tu signo és Virgo")
}
else if ((mes==09 && dia>=21)||(mes==10 && dia<=20))
{
alert("Tu signo és Libra")
}
else if ((mes==10 && dia>=21)||(mes==11 && dia<=20))
{
alert("Tu signo és Escorpión")
}
else if ((mes==11 && dia>=21)||(mes==12 && dia<=20))
{
alert("Tu signo és Sagitario")
}
else if ((mes==12 && dia>=21)||(mes==01 && dia<=20))
{
alert("Tu signo és Capricornio")
}
else if ((mes==01 && dia>=21)||(mes==02 && dia<=20))
{
alert("Tu signo és Acuario")
}
else if ((mes==02 && dia>=21)||(mes==03 && dia<=20))
{
alert("Tu signo és Piscis")
}
else
{
alert("Error, por favor Averigue la Fecha Correcta")
}

}
</script>
<dd> <P ALIGN=center> <font size=6> Tu Signo Zodiacal <dd>
<body>
<form>
<table border=1 cellpadding=10 align="center" cellspacing=10 >
<tr> <td colspan=35 bgcolor=lightgreen style=text-align:center;><img src=signos1.jpg>

</td>
</TR>
<TR>
<TD width="33%" bgcolor=black>Nombre </TD>

<TD width="33%" bgcolor=black>.........................</TD>
</TR>


<TR>
<td width="33%">Signo</td>
<TD> <br />

<br />



<br />
</TD>

</tr>
<TR>
<td >Imagen</td>
<TD> <br />
Signo = <img src
<br />


<br />
</TD>
</tr>

<






</table>




</form>
</td>

</body>


</html>
 
si abren el codigo con algun editor , notepad++ por ej, se van a dar cuenta de lo que necesito, que en vez de usar alert para que aparezca un mensaje con el resultado, el resultado aparezca en el formulario que esta abajo de la foto...

AYUDA PLS !!!
 
¿Es para una tarea o una pega? Para que puedes mostrar la info abajo en tiempo de ejecución, busca info dem método write() para la clase document de javascript: document.write(), recibe como argumento una cadena o variable que luego el navegador mostrará por la pantalla.

Respecto a las opciones en caso de que el usuario elija cierto signo, utiliza el condicional switch(){
case:
}

Slds.
 
¿Es para una tarea o una pega? Para que puedes mostrar la info abajo en tiempo de ejecución, busca info dem método write() para la clase document de javascript: document.write(), recibe como argumento una cadena o variable que luego el navegador mostrará por la pantalla.

Respecto a las opciones en caso de que el usuario elija cierto signo, utiliza el condicional switch(){
case:
}

Slds.

gracias por tu respuesta, voy a probar a ver que onda, y si, es una tarea, y estoy recien aprendiendo esto y me tiene complicado.

no se si compilaste el codigo y viste como esta, necesito que la info la muestre abajo

pero ojala resulte

gracias por responder :)
 
Compadre, la caja de texto donde va el nombre, ponle in "id"
Ej:
<input type="text" id="txtNombre"/>


y la caja de destino:

<input type="text" id="txtDestino"/>

Para que lo rescates con javascript y lo puedas guardar como variable:

function sacarNombre(){
var nombre = document.getElementById('txtNombre').value;
document.getElementById('txtDestino').value = nombre;
}

para activar la función, sólo debes agregarle el evento "onClick" a algún boton, ej:
<input type="submit" id="botonCambio" onClick="sacarNombre();" />


Haz algunos malabares con eso...
 
Compadre...
Acá va tu código solucionado.

Mira los comentarios que puse dentro.
Son algunas cosas pequeñas pero importantes, como darle ID a los campos para poder identificarlos con javaScript...

Te puse tag <meta charset> para que te reconozca los caracteres latinos y las tildes...
<html>
<head>

<title>:: Signos ::</title>
<meta charset="utf-8" />
</head>
<style type="text/css">
body{
background-color:#39F;
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
}
</style>
<body>
<h3 align="right">Signos Zodiacal<hr/></h3>
<form name="signo">
<table align="center" bgcolor="#CCCCCC">
<tr align="center">
<td>Ingresa Tus Datos</td>
</tr>
<tr>
<td>Nombre:
<input type="text" name="Nombre" size="8" id='campoNombre'/>(Ej: Juan)
Dia:
<input type="text" name="dia" size="1"/>(xx)
Mes:
<input type="text" name="mes" size="1"/>(xx)
Año Nacimiento
<input type="text" name="Nombre" size="4"/>(xxxx)
</td>
</tr>
<tr align="center">
<td colspan="4">
<input type="button" onclick="averig()" value="Averigua tu Signo!!!"/>
</td>
</tr>
</table>
</form>


<script language="javascript">

function averig()
{
var dia = document.signo.dia.value
var mes = document.signo.mes.value

//Acá rescatas los campos en donde vas a poner los nuevos valores...
document.getElementById('txtNom').innerHTML = document.getElementById('campoNombre').value;
var sig = document.getElementById('txtSigno');
if((mes==03 && dia>=21)||(mes==04 && dia<=20))
{
alert("Tu signo és Aries");
//Acá se rescata el de signo... (igual para cada uno)...
document.getElementById('txtSigno').innerHTML = 'Aries';
}
else if ((mes==04 && dia>=21)||(mes==05 && dia<=20))
{
alert("Tu signo és Tauro");
document.getElementById('txtSigno').innerHTML = 'Tauro';
}
else if ((mes==05 && dia>=21)||(mes==06 && dia<=20))
{
alert("Tu signo és Geminis");
document.getElementById('txtSigno').innerHTML = 'Geminis';
}
else if ((mes==06 && dia>=21)||(mes==07 && dia<=20))
{
alert("Tu signo és Cáncer");
document.getElementById('txtSigno').innerHTML = 'Cancer';
}
else if ((mes==07 && dia>=21)||(mes==08 && dia<=20))
{
alert("Tu signo és Leo");
document.getElementById('txtSigno').innerHTML = 'Leo';
}
else if ((mes==08 && dia>=21)||(mes==09 && dia<=20))
{
alert("Tu signo és Virgo");
document.getElementById('txtSigno').innerHTML = 'Virgo';
}
else if ((mes==09 && dia>=21)||(mes==10 && dia<=20))
{
alert("Tu signo és Libra");
document.getElementById('txtSigno').innerHTML = 'Libra';
}
else if ((mes==10 && dia>=21)||(mes==11 && dia<=20))
{
alert("Tu signo és Escorpión");
document.getElementById('txtSigno').innerHTML = 'Escorpión';
}
else if ((mes==11 && dia>=21)||(mes==12 && dia<=20))
{
alert("Tu signo és Sagitario");
document.getElementById('txtSigno').innerHTML = 'Sagitario';
}
else if ((mes==12 && dia>=21)||(mes==01 && dia<=20))
{
alert("Tu signo és Capricornio");
document.getElementById('txtSigno').innerHTML = 'Capricornio';
}
else if ((mes==01 && dia>=21)||(mes==02 && dia<=20))
{
alert("Tu signo és Acuario");
document.getElementById('txtSigno').innerHTML = 'Acuario';
}
else if ((mes==02 && dia>=21)||(mes==03 && dia<=20))
{
alert("Tu signo és Piscis");
document.getElementById('txtSigno').innerHTML = 'Picis';
}
else
{
alert("Error, por favor Averigue la Fecha Correcta")
}

}
</script>
<dd> <P ALIGN=center> <font size=6> Tu Signo Zodiacal <dd>
<body>
<form>
<table border=1 cellpadding=10 align="center" cellspacing=10 >
<tr> <td colspan=35 bgcolor=lightgreen style=text-align:center;><img src=signos1.jpg>

</td>
</TR>
<TR>
<TD width="33%" bgcolor=black>Nombre </TD>
<!-- Le asignamos ID a los campos que vas a llamar con el javascript -->
<TD width="33%" bgcolor=black id="txtNom">.........................</TD>
</TR>


<TR>
<td width="33%">Signo</td>
<TD id="txtSigno">
</TD>

</tr>
<TR>
<td >Imagen</td>
<TD> <br />
Signo = <img src
<br />


<br />
</TD>
</tr>

<






</table>




</form>
</td>

</body>


</html>
 
Volver
Arriba