Me he perdido con el tutorial de formularios

**Nebulosa** · 30/11/2011, 09:58

Hola chicos, hace sólo unos días no sabía nada y ya voy por aquí

aunque perdida ja ja ja

he seguido todo el tutorial de php y bases de datos y ando por el final, para conectar el formulario a la base de datos. Si no he entendido mal debo tener 3 ficheros:

1) config.php

Código PHP:


<?php

// Rellena los espacios ente comillas de abajo con los datos que te da

// el servidor al activar la base de datos.

// Este dato de abajo suele ser localhost casi siempre:

$server="localhost";



// Aqui abajo escribe el nombre de la base de datos.

// Si tu servidor tiene cpanel normalmente va primero tu nombre de username,

// por ejemplo: username_nombredelabasededatos

$database = "xxxx_basedepruebas";



// Aqui abajo el nombre de username de la base de datos para acceder a ella.

$db_user = "xxxxx";



// Y ahora la contraseña:

$db_pass = "xxxxx";

?>

2) insertardatosentabla.php

Código PHP:


<?php 



// leer datos de usuario y contraseña de la base de datos

include("config.php") ;



// Conexión con el servidor

mysql_connect($server, $db_user, $db_pass) or die ("error1".mysql_error());



// Selección de Base de Datos

mysql_select_db($database) or die ("error2".mysql_error());



mysql_query ("INSERT INTO `xxxxx_basedepruebas`.`ESTILOS` (`EPOCA`, `ESTILO`, `IMAGEN`, `TITULO`, `AUTOR`, `AÑO`, `DIMENSIONES`,`LOCALIZACION`, `DESCRIPCION`, `ESTADO`) VALUES ('$_POST[EPOCA]',

 '$_POST[ESTILO]', '$_POST[IMAGEN]', '$_POST[TITULO]', '$_POST[AUTOR]', '$_POST[AÑO]', '$_POST[DIMENSIONES]', '$_POST[LOCALIZACION]',

 '$_POST[DESCRIPCION]','$_POST[ESTADO]',) "); 



?>

y 3) el formulario en html

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Formulario Estilos</title>
</head>
<body>


<form method="post" action="insertardatosentabla.php">

<input type="text" name="EPOCA" value="Define una época" size="30" maxlength="50" /><br />  

<INPUT type="radio" name="EPOCA" value="1">Prehistoria 
<INPUT type="radio" name="EPOCA" value="2">Arte Antiguo 
<INPUT type="radio" name="EPOCA" value="3">Arte Medieval 
<INPUT type="radio" name="EPOCA" value="4">Edad Moderna
<INPUT type="radio" name="EPOCA" checked value="5">Arte Contemporáneo<br>

<input type="text" name="ESTILO" value="Define un estilo" size="40" maxlengh="50" />
<select name="estilo">
<option value="1">Neolítico</option>
<option value="2">Paleolítico</option>
<option value="3">Antiguo Egipto</option>
<option value="4">Antigua Grecia</option>
<option value="5">Antigua Roma</option>
<option value="6">Paleocristiano</option>
<option value="7">Prerrománico</option>
<option value="8">Bizantino</option>
<option value="9">Románico</option>
<option value="10">Renacimiento</option>
<option value="11">Manierismo</option>
<option value="12">Barroco</option>
<option value="13">Rococó</option>
<option value="14">Neoclasicismo</option>
<option value="15">Romanticismo</option>
<option value="16">Realismo</option>
<option value="17">Impresionismo</option>
<option value="18">Simbolismo</option>
<option value="19">Modernismo</option>
<option value="20">Vanguardismo</option>
<option value="21">Últimas tendencias</option>
</select><br />

<input type="tipodedato" name="IMAGEN" value="Inserta la Imagen" size="20" maxlengh="50" />
<input type="file" name="imagendemilogotipo" accept="image/*.gif "> <br /> 

<input type="text" name="TITULO" value="Título de la obra" size="50" maxlengh="100" />
<input type="text" name="AUTOR" value="Autor" size="30" maxlengh="50" />
<input type="tipodedato" name="AÑO" value="Año" size="10" maxlengh="4" /><br />
<input type="tipodedato" name="DIMENSIONES" value="Dimensiones" size="20" maxlengh="20" />
<input type="text" name="LOCALIZACION" value="Localización" size="20" maxlengh="50" /><br />
<textarea rows="8" cols="100" wrap="soft">Descripción de la obra</textarea> 
<br />
<input type="hidden" name="ESTADO" value="Activo" />

<input type="submit" value="Botón de envio estandar" name="Enviar la información al servidor" /> 
	 
</form>

</body>
</html>

Ahora subo los tres ficheros al servidor, en la raiz y ... ¿qué pasa? ja ja ja que lioooooooooooo

le doy a la página www.repro-arte.com/formulario_estilos.html y me dice que la página no existe

Que estoy haciendo mal? porfaaaaaaa ayudadme

**Rabs** · 30/11/2011, 12:54

Seguramente sea un error al escribir el nombre, comprueba que está en la ruta que le dices (En este caso, no debe de estar en ninguna carpeta, debe estar en el mismo sitio que el index.html) Luego, comprueba que el nombre en la web (URL) y en HTML-Kit coinciden :D

**Nebulosa** · 30/11/2011, 22:20

Ja ja ja lo tengoooooooo había puesto htm en el fichero... y me faltaba la "l" ay ay

Gracias Rabs

Ahora cuando envío el formulario me cambia a la página de insertardatosentabla.php y parece que todo está bien, sin errores

Aunque no sé ... he hecho un par de pruebas y la base de datos no suma filas. No parece que tome los datos que envío

¿Es normal esto?

**Rabs** · 01/12/2011, 13:18

no se :S, pero puede que el problema venga en que una de las variables contiene una "ñ", cambia año por algo similar sin ñ y me cunetas ok? (En el formulario y en la bd)

**Jorgens_CCTW** · 01/12/2011, 15:40

Quizás debería advertirlo en las lecciones. Veo que las eÑe suelen dar problemas. Nos lo confirmas?

**Doodleo** · 01/12/2011, 17:02

Y fíjate en insertardatosentabla.php, tienes este código:

Código:

<?php  

// leer datos de usuario y contraseña de la base de datos 
include("config.php") ; 

// Conexión con el servidor 
mysql_connect($server, $db_user, $db_pass) or die ("error1".mysql_error()); 

// Selección de Base de Datos 
mysql_select_db($database) or die ("error2".mysql_error()); 

mysql_query ("INSERT INTO `xxxxx_basedepruebas`.`ESTILOS` (`EPOCA`, `ESTILO`, `IMAGEN`, `TITULO`, `AUTOR`, `AÑO`, `DIMENSIONES`,`LOCALIZACION`, `DESCRIPCION`, `ESTADO`) VALUES ('$_POST[EPOCA]', 
 '$_POST[ESTILO]', '$_POST[IMAGEN]', '$_POST[TITULO]', '$_POST[AUTOR]', '$_POST[AÑO]', '$_POST[DIMENSIONES]', '$_POST[LOCALIZACION]', 
 '$_POST[DESCRIPCION]','$_POST[ESTADO]',) ");  

?>

Sobra esa coma marcada en azul, déjalo así:

Código PHP:


<?php  

// leer datos de usuario y contraseña de la base de datos 
include("config.php") ; 

// Conexión con el servidor 
mysql_connect($server, $db_user, $db_pass) or die ("error1".mysql_error()); 

// Selección de Base de Datos 
mysql_select_db($database) or die ("error2".mysql_error()); 

mysql_query ("INSERT INTO `xxxxx_basedepruebas`.`ESTILOS` (`EPOCA`, `ESTILO`, `IMAGEN`, `TITULO`, `AUTOR`, `AÑO`, `DIMENSIONES`,`LOCALIZACION`, `DESCRIPCION`, `ESTADO`) VALUES ('$_POST[EPOCA]', 
 '$_POST[ESTILO]', '$_POST[IMAGEN]', '$_POST[TITULO]', '$_POST[AUTOR]', '$_POST[AÑO]', '$_POST[DIMENSIONES]', '$_POST[LOCALIZACION]', 
 '$_POST[DESCRIPCION]','$_POST[ESTADO]') ");  

?>

**Rabs** · 01/12/2011, 18:16

Comento: Hay casos, en los que al guardar valores que contienen ñ si que la bd esta codificada para ello, o la página de formulario/envio también, se guarda parte (en CABAÑA, creo que se guardaria CAB) y si las variables tienen ñ, en mas de una vez me he encontrado con que hay problemas al usarlas ;) Todo depende un poco de la versión, y tipo de php,. servidor (Linux, widows) y su configuracion sobretodo!

**Nebulosa** · 01/12/2011, 21:57

Gracias chicos !!! ya he quitado la coma y cambiado la palabra año por fecha y ... nada de nada

No sé estaba pensando en una parte del formulario

Código HTML:

....

<input type="text" name="LOCALIZACION" value="Localización" size="20" maxlengh="50" /><br />
<textarea rows="8" cols="100" wrap="soft">Descripción de la obra</textarea>  
<br />
<input type="hidden" name="ESTADO" value="Activo" />

<input type="submit" value="Botón de envio estandar" name="Enviar la información al servidor" /> 
	 
</form>

<?php
  echo $_POST[EPOCA];
  echo $_POST[ESTILO];
  echo $_POST[IMAGEN];
  echo $_POST[AUTOR];
  echo $_POST[FECHA];
  echo $_POST[DIMENSIONES];
  echo $_POST[LOCALIZACION];
  echo $_POST[DESCRIPCION];
  echo $_POST[ESTADO];
?> 
</body>
</html>

Donde está la Descripción he puesto un TEXTAREA para poder introducir un pequeño párrafo. Pero si no está como INPUT sino como TEXTAREA ... ¿será distinto la orden echo $_POST [DESCRIPCIÓN] ?

No se ... lo mismo me descargo el Arles Image Web Page Creator para crear una galería de imágenes y esto de los formularios lo dejo para los genios como vosotros

**Rabs** · 02/12/2011, 12:55

NO! Si lo consigues, al final te sentirás mejor ;)
Hmm veamos, dime cual es la finalidad de este código plis

**Nebulosa** · 02/12/2011, 21:09

O peor si no lo consigo ja ja ja Gracias Rabs

Mira esta página y clica a las imágenes

http://www.repro-arte.com/estilos/prehistoria.html

Acabo de meterle unos códigos que he sacado del Arles y lo he adaptado a mi web je je je Está hiper chulooooooooooo . Gracias Jorgens por todos los tutoriales !!!

Bueno esto es un pasito más. Vale la base de datos. La verdad es que no sé si sirve para esto. La idea es crear una base de datos de pinturas y me preguntaba si con un formulario podría meter la imagen, el título, autor y una pequeña descripción. Luego, una vez llenado el formulario, se incorpora mágicamente a la página web que le indico con la época y estilo eh voilá que poco pido ja ja ja

¿Sirven para esto las bases de datos?

**Rabs** · 02/12/2011, 21:55

Si, pero te digo 1 cosa:
las imágenes que ves en lapágina que diste, se abren asi por medio de Lightbox ;)
Es más , es de la unicaforma que lo peudes hacer automaticamente. Lo mejor es que alojes las imagenes en un servidor externo (Les pidas a tus usuarios que metan la url de la imagen online) y tu solo la muestres. Luego, con una simple consulta, se puede poner todo bien ordenadito según como se quiera ;)

**Doodleo** · 02/12/2011, 22:29

Si te fijas el textarea no tiene el nombre, añádele name="DESCRIPCION"

**Rabs** · 03/12/2011, 09:24

Se me fue el santo al cielo y no pude responder hehe. Pero de todas maneras bien hecho.
PD: El código, segun aparece ha, NO HACE NADA, tansolo darte la opcion de rellenar un formulario, el cual no hace nada, a no ser que nos hallas copiado 2 partes de 2 codigos distintos ;)

**Nebulosa** · 03/12/2011, 13:27

Valep, ya voy procesando la información ... es que es mucho en poco tiempo y a veces hay que madurar las ideas. Voy a parar con este formulario, antes trabajaré algo de tablas para poner las imágenes bien en la web, que se me descolocan los thumbnail, y cuando esto esté mejor hecho ya tendré la base para un formulario mejor. Cosas que ya me habeis enseñado, mejor subir imágenes con url, supongo que tipo imageshack, y sobre todo que mi idea se puede hacer!!!

Cuando retome el formulario lo pondré por aquí para comentar que falló

Gracias chicos sois unos crack !!!