Duda sencilla, contenido de un formulario en un div en otra página

RAZGRIZ24 · #1 (**permalink**) 01/05/2016, 01:33

Buenos días compañeros,

Os vengo a exponer una dudita de como puedo conseguir ésto, sé que no es muy complicado pero yo programo php a un nivel básico para cosas sencillas.

Es muy sencillo, yo tengo una página tal que:

mensaje.php

y, en el mismo sitio, tengo otra que es recibidos.php

dentro de la página de mensaje.php tengo un textarea en un formulario con method post, para que los usuarios escriban libremente.

Mi objetivo es que dentro de la página de destino, el contenido de ese textarea se añada al código existente, algo así:

Código HTML:

<div id="message-wrapper">
	<div class="message">
		"contenido del mensaje 1"
	</div>
	<div class="message">
		"contenido del mensaje 2"
	</div>
</div>

Mi idea, es que el contenido del textarea se cree como otra capa independiente <div class="mensaje">contenido del textarea</div>, dentro de la capa message-wrapper.

Si me podéis orientar al menos sobre qué método tengo que emplear, estaría genial.

Gracias.

kip13 · #2 (**permalink**) 01/05/2016, 02:24

Hola podrias utilizar este codigo:

Código PHP:

  <?php 
$a="CONTENIDO TEXTO";
if($a != null ){
?>
<div class="messagge" style="font-size:9px; color:red ">
<?php echo $a ?>
</div>
<?php
}
?>

La variable $a seria el contenido del texto por POST, luego de evaluarlo te creara un div y asi se agregara otro sin necesidad de eliminar el contenido del anterior, recuerda que debes colocar la linea dentro del div principal que contenga el o los divs anteriores.

Pruebalo y nos avisas.
Espero te ayude en lo que necesitas.

RAZGRIZ24 · #3 (**permalink**) 01/05/2016, 08:07

Ok sí lo intentaré así, algo así me imaginaba.

Cómo lo hago para llamar a la variable POST que viene desde el formulario de otra página diferente del sitio?

me imagino que será algo así:

$a = $_POST['textarea'],

Pero tengo que llamar a esa variable desde el formulario en otra página.

Gracias! ;)

petit89 · #4 (**permalink**) 01/05/2016, 10:14

en el formulario POST estableces el textarea con su nombre

<textarea name="CUALQUIER_NOMBRE"></textarea>

y en el php(al que va en action) la recibes asi:

Código PHP:

Ver originalif(isset($_POST['CUALQUIER_NOMBRE']) && !empty($_POST['CUALQUIER_NOMBRE'])){
$texto = $_POST['CUALQUIER_NOMBRE'];
}
//de aqui en adelante trabajas con $texto
echo $texto;

RAZGRIZ24 · #5 (**permalink**) 03/05/2016, 16:13

Hola compañeros,

He mirado lo que me comentásteis, ahora me queda saber cómo pasar la variable de una página a otra, estoy pensando en un $_SESSION, de tal manera que el contenido del textarea sea la variable de la sesión, pero teniendo en cuenta que lo que busco hacer es añadir una div nueva donde el texto sea lo que se ha escrito en el textarea, creo que habría que hacer que la variable fuera todo (la nueva capa y el contenido) y aunque posible, lo veo bastante engorroso. He descartado el uso de JavaScript y jQuery pues necesito que los cambios ocurran en el server side, de manera que el texto de la capa sea visible para todos los usuarios.

Voy a tratar de explicar un poco la situación:

HTML 1:

Código HTML:

<div class="message-wrapper">
<div class="message-content">
contenido original
</div>
</div>

Entonces yo escribo, en otra página diferente del sitio web del sitio web algo así:

Código:

<form method="post">
<textarea id="written-text" value="text">

Hola, yo soy un ejemplo

</textarea>
</form>

Y al final, el resultado es:

HTML 2:

Código HTML:

<div class="message-wrapper">
<div class="message-content">
Contenido original
</div>
<div class="message-content">
Hola, yo soy un ejemplo.
</div>
</div>

Como veis, se añade otro div con el contenido del textarea.

A parte de pasar la variable como sesión, he pensado en usar un PHP Append para añadir la nueva div al código existente, pero no sé exáctamente cómo hacerlo.

Espero que podáis orientarme,

Gracias.

kip13 · #6 (**permalink**) 03/05/2016, 18:49

¿Entonces deseas que este contenido y por supuesto el nuevo div se queden hasta que la pagina sea actualizada?

Tengo un ejemplo sencillo a ver si es lo que andas buscando:

ingresocontenido.html

Código HTML:

Ver original<!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>Envio DIV</title>
</head>
<body>
<form action="datos2.php" id="form1" name="form1" method="post">
Contenido del div a ingresar:
<textarea name="contenido"></textarea>
<input type="submit" value="Enviar DIV" input>
</form>
</body>
</html>

datos2.php

Código PHP:

Ver original<?php 
if (isset($_POST["contenido"]) && !empty($_POST["contenido"])) {
        $contenido = '';
    $contenido.= '<div id="content">';
    $contenido.= $_POST["contenido"];
    $contenido.= '</div>';  
}else{  
    $contenido = '';
}
?>
 
<!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>Documento sin título</title>
<style type="text/css" >
#content{
    padding:12px;
    margin-top:10px;
    border:#333 2px solid;
    font-size:16px;
    background-color:#000;
    color:#FFF;
    height:auto;
    font-style:italic;
    width:auto;
    border-radius:4px;
}
#contenidoant{
    padding:12px;
    border:#333 2px solid;
    font-size:16px;
    background-color:#fafafa;
    color:#000;
    height:auto;
    width:auto;
    border-radius:4px;
}
#message{
    padding:12px;
    border:#000 2px solid;
    background-color:#FFF;
    height:auto;
    width:200px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    }
</style>
</head>
 
<body>
<div id="message">
<div id="contenidoant">Esto es un mensaje, esto es un mensaje, esto es un mensaje, esto es un mensaje, acabo el mensaje.</div>
<?php echo $contenido ?>
</div>
</body>
</html>

Avisanos si te sirve.

Saludos

RAZGRIZ24 · #7 (**permalink**) 04/05/2016, 04:30

Lo probaré en cuanto tenga ocasión chicos, pero para que quede claro, lo que quiero es que los cambios en la página destino sean permanentes para todos los usuarios.

He de aclarar que para escribir en el textbox primeramente el usuario se ha identificado mediante una contraseña, por lo que es contenido que está bajo control.

Lo dicho, dejo éste comentario aquí para aclarar el funcionamiento, pero probaré el código en cuánto tenga ocasión.

Muchas gracias,

R.

rbczgz · #8 (**permalink**) 04/05/2016, 04:54

Hola RAZGRIZ24,

Por lo que dices, deberías usar una base de datos para persistir la información, es como te explica kip13 pero usando base de datos.

Solo para que lo tengas en cuenta...