como capturar el contenido de una caja de texto con php sin refrescar la pagina???

lyepes89 · #1 (**permalink**) 16/09/2010, 18:40

Hola a todos

Necesito alguna forma de pasar el contenido de una caja de texto a un iframe oculto pero que la pase en una variable php sin refrescar la pantalla, alguna idea???

Ayudemen por favor no se que hacer

KaozC9 · #2 (**permalink**) 16/09/2010, 18:52

creo que no se podria, pero repito, es un CREO, ahora si lo haces con JS o AJAX si se podria, y sale mucho más facil ya que no gastas recursos de servidor, ahora, ¿para que quieres pasarlo a un iframe oculto? digo, quizas lo que quieres hacer sea mas simple.

Perr0 · #3 (**permalink**) 16/09/2010, 19:17

materiales:
2 paginas php (o al menos la que contiene el frame)

en la pagina principal de nombre "index.php", colocas este código:

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=iso-8859-1" />
<title>Documento sin título</title>
</head>

<body>
<form id="form1" name="form1" method="post" action="iframe.php" target="miframe">
  <input type="text" name="texto_a_iframe" id="texto_a_iframe" />
  <input type="submit" name="button" id="button" value="Enviar" />
</form>
<p>Abajo iframe:<br />
<iframe width="400" height="100" frameborder="1" src="iframe.php" name="miframe"></iframe>
</p>
</body>
</html>

la segunda pagina la llamaremos "iframe.php" y copias y pegas esto:

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=iso-8859-1" /> 
<title>Documento sin título</title> 
<style> 
body{ 
    background-color:#FFFF80 
} 
</style> 
</head> 
 
<body> 
<? 
$t=$_POST["texto_a_iframe"]; 
if(!$t) 
print "esperando variable..."; 
else 
print "variable -> ".$t; 
?> 
</body> 
</html>

dejalo a fuego lento 3 minutos y lo haces correr...si seguiste las instrucciones estaria ok

en este trabajo No se uso
- ajax
- dom
- sessiones
- javascript

salu2

lyepes89 · #4 (**permalink**) 16/09/2010, 19:19

Lo que pasa es que en el iframe tengo la conexion a un servidor IRC con PHP y lo que capturo en el text es el mensaje que el usuario quiere enviar al servidor. Esto es para un trabajo de la universidad y me piden que en ningun momento se refresque toda la pantalla. Y la unica forma que encontre para conectarme al servidor y estar leyendo lo que este envie es con un iframe oculto donde esta la conexion y un while para que vaya leyendo mientras se mantenga la conexion.

Perr0 · #5 (**permalink**) 16/09/2010, 19:20

se me olvidaba para deja oculto el iframe en la etiqueta del mismo nombre colocas style="display:none"

ahora si...salu2

lyepes89 · #6 (**permalink**) 16/09/2010, 19:23

Cita:

Iniciado por Perr0

materiales:
2 paginas php (o al menos la que contiene el frame)

en la pagina principal de nombre "index.php", colocas este código:

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=iso-8859-1" />
<title>Documento sin título</title>
</head>

<body>
<form id="form1" name="form1" method="post" action="iframe.php" target="miframe">
  <input type="text" name="texto_a_iframe" id="texto_a_iframe" />
  <input type="submit" name="button" id="button" value="Enviar" />
</form>
<p>Abajo iframe:<br />
<iframe width="400" height="100" frameborder="1" src="iframe.php" name="miframe"></iframe>
</p>
</body>
</html>

la segunda pagina la llamaremos "iframe.php" y copias y pegas esto:

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=iso-8859-1" /> 
<title>Documento sin título</title> 
<style> 
body{ 
    background-color:#FFFF80 
} 
</style> 
</head> 
 
<body> 
<? 
$t=$_POST["texto_a_iframe"]; 
if(!$t) 
print "esperando variable..."; 
else 
print "variable -> ".$t; 
?> 
</body> 
</html>

dejalo a fuego lento 3 minutos y lo haces correr...si seguiste las instrucciones estaria ok

en este trabajo No se uso
- ajax
- dom
- sessiones
- javascript

salu2

Gracias por contestar, pero lo que pasa es que ahora necesito pasar esa variable capturada en el iframe a otro iframe que esta oculto, como lo hago??? intente con variables de session pero el navegador se queda cargando y no responde

lyepes89 · #7 (**permalink**) 16/09/2010, 19:26

Cita:

Iniciado por Perr0

se me olvidaba para deja oculto el iframe en la etiqueta del mismo nombre colocas style="display:none"

ahora si...salu2

Perdon es que no me explique bien, son dos iframes uno con la caja de texto y el boton este es visible para el usuario y un iframe oculto que es que tiene la conexion al servidor IRC y en este es en el que necesito el contenido de la caja de texto.

Perr0 · #8 (**permalink**) 16/09/2010, 19:36

- Pruebalo
- Analízalo
- Aplica
- Identifica las limitantes que tienes para continuar
- Postea en el foro

salu2

KaozC9 · #9 (**permalink**) 16/09/2010, 20:02

@Perr() el problema es que haciendo eso, refrescas la pagina, ya que para enviar el dato por POST, NECESARIAMENTE debes colocar Enviar, y al hacer click en enviar, se refrescara la pagina (y le piden que no suceda esto), en cambio con AJAX no ocurre dicha accion.
@lyepes89, explica mejor todo, y coloca el codigo que tengas, solo así te entenderemos bien.

Perr0 · #10 (**permalink**) 16/09/2010, 21:41

KaozC9 que tal?

en realidad no se refresca la pagina porque el target es el name del iframe y el action es la página del iframe, lo único que se refresca es el IFRAME y al final ajax refresca por asi decirlo osea que es muy similar pero de forma asincronica, lo hice a medida de la solicitud, la idea es que entienda el codigo y pueda modificarlo a conveniencia, si queda pillo en algo o le da vuelta mucho que haga la consulta para que el podamos ayudar.

Eso si cuando pidan ayuda por favor que sean lo mas claro, a mi parecer el queria eso con iframes.

si quiere que envie a dos o mas iframes tendra que usar javascript:

Código Javascript:

Ver originalfunction enviar_iframes(){
    //PRIMER IFRAME
    document.forms.form1.target="miframe"
    document.forms.form1.action="iframe.php"
    document.forms.form1.submit()
    //SEGUNDO IFRAME
    document.forms.form1.target="miframe2"
    document.forms.form1.action="iframe2.php"
    document.forms.form1.submit()
}

lyepes89 · #11 (**permalink**) 22/09/2010, 19:17

Graciassssss

perdon es que no me explique bien

JoseAlejandro_Realza · #12 (**permalink**) 23/09/2010, 03:54

Te recomiendo trabajar tu informacion con algo de Ajax, puedes utilizar Jquery, Prototype, o Javascript puro, busca acerca de Llamadas Asincrónicas. Saludos