Vamos a ver, los conceptos los voy teniendo claros, sino como voy a conseguir a hacer todo lo que he hecho, mira para que quede claro os voy a explicar todo lo que hecho, para que sepas que yo no copio y pego, yo comprendo :
1º construyo el lenguaje en mi página para conseguir un formulario a mi gusto y con el diseño que yo quiera, en este caso lo he hecho así:
<div id="formu">
<h1>FORMULARIO DE CONTACTO</h1>
<p>Puedes contactar con nosotros rellenando el siguiente formulario. Envianos tus sugerencias, algún problema en la página, comentarios o cualquier cosa que se te ocurra.</p>
<ul>
<form method="post" action="insertardatosentabla.php">
<li><input type="text" name="NOMBRE" style="float:left; width: 200px; height: 19px; border: fuchsia 2px solid;webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);}" size="20" maxlength="60" placeholder="Nombre (requerido)" required/></li>
<li><input type="text" name="EMAIL" style="float:left; width: 200px; height:19px;border: fuchsia 2px solid;webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);}" size="20" maxlength="120" placeholder="Correo electrónico"/></li>
<textarea name="COMENTARIO" style="margin: 15px 50px 10px 0px; width:620px; height: 150px; border: fuchsia 3px solid;webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);}" wrap="soft" placeholder="Máximo 1000 carácteres" maxlength="500" required></textarea>
</ul>
<input type="hidden" name="ENTRY" value="<?php echo "$ENTRY";?>"/>
<input type="hidden" name="URL" value="<?php echo "$url"; ?>"/>
<input type="submit" style="margin-top: 17px;font-size:10px;font-family:Verdana,Helvetica;font-weight:bold;color:white;background:blue;border:fuchsia 2px solid;width:100px;height:25px; font-size:15px;webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);}" value="Enviar" />
</form>
</div>
Esta barra de aquí
<form method="post" action="insertardatosentabla.php">
hace que envíe los datos a una página que es donde se encuentra el código para insertar la información en la base de datos del servidor creada por mi mismo.
En la página " insertardatosentabla.php " pongo el siguiente código:
<?php
include("config.php") ;
mysql_connect($server, $db_user, $db_pass) or die ("error1".mysql_error());
mysql_select_db($database) or die ("error2".mysql_error());
mysql_query ("INSERT INTO `xxxnosta_contacto`.`comentarios` (`NOMBRE`, `EMAIL`, `COMENTARIO`, `ENTRY`) VALUES ('$_POST[NOMBRE]', '$_POST[EMAIL]', '$_POST[COMENTARIO]', '$_POST[ENTRY]') ");?>
No se puede hacer todo eso, claro esta, sin haber hecho primero una página llamada " config.php " que es donde vamos a poner los siguientes datos de nuestro servidor, donde luego después en la página " insertardatosentabla.php " incluimos este código <?php include("config.php") ; ?> para que recoja los datos guardados en la página " config.php " que es como ya he dicho, donde están nuestros datos del servidor con este código:
<?php
$server="localhost";
$database = "cartago_basedepruebas";
$db_user = "cartago_pepito";
$db_pass = "esunsecreto";
?>
Con todos estos datos conseguimos que los comentarios se inserten en la base de datos, pero ¿ahora como hacemos para que esos comentarios aparezcan en la página web, pues eso lo hacemos con este código dandole las propiedades necesarias para que aparezcan de forma que a nosotros nos guste, en mi caso le he dado estilos a las etiquetas <b></b> y <p></p> sin complicarme...quedando de esta manera:
<div id="comentario">
<h1>COMENTARIOS</h1>
<?php
include("config.php") ;
mysql_connect($server, $db_user, $db_pass) or die ("error1".mysql_error());
mysql_select_db($database) or die ("error2".mysql_error());
$result = mysql_query("SELECT * FROM `xxxnosta_contacto`.`comentarios` WHERE ENTRY='$ENTRY'");
while($row = mysql_fetch_array($result)) {
echo "<b>".$row ['NOMBRE']."</b>"."<p>".$row['COMENTARIO']."</p>";
echo "<hr />";
}
?>
#comentario { float: left; width: 1000px; background-color: lavenderblush; margin: 0px 0px 0px 0px; border: fuchsia 1px solid;}
#comentario h1 {float: center; color: fuchsia; text-decoration:underline; font-size:22px; margin-top: 8px; margin-left: 3px; margin-bottom: 15px; font-weight: bold}
#comentario b {border-bottom: fuchsia 1px solid; border-right: fuchsia 1px solid; width:250px; height:28px; background-color: whitesmoke;; float: left;
color: black; text-decoration:none; font-size:23px;margin-right:700px; margin-top: 8px; margin-left: 3px;
margin-bottom: 15px; font-weight: bold; text-align:left; webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); }
#comentario p {border-bottom: fuchsia 3px solid; border-right: fuchsia 3px solid; width:850px; height: 110px;
background-color: whitesmoke;; float: left; color: fuchsia; text-decoration:none; font-size:18px;
margin-top: 8px; margin-left: 3px; margin-bottom: 15px; font-weight: bold-; text-align:justify; font-family:sans-serif; webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);}
Bueno, y ¡todo esto lo he hecho sin copiar y pegar, claro esta!. Efectivamente aunque esto parezca mucho sigue siendo muy básico y hay muchas cosas que todavía no se hacer, por ejemplo, los comentarios me aparecen en la página de forma correcta, pero no consigo que mantengan un orden, lo que me gustaría hacer es que el último comentario que se haya puesto por una persona aparezca el primero de la fila, el segundo abajo y así sucesivamente quedando el primer comentario y el mas antiguo abajo del todo. También como añadir una imagen por la persona que haya puesto un comentario y mas cosas que se me irán ocurriendo. Gracias por vuestro apoyo, ayuda y consejos.
www.xxxnostars.com
