Esta ves pondremos en practica todo lo que hemos venido haciendo, si es tu primera vez en nuestro sitio mas abajo podras encontras una serie de post que te ayudaran para ponerte al tanto de todos los script creado asta el momento.
Utilizaresmos el index.html para crear nuestro formualrio, el trabajo.
php que nos ayuda a crear nuestra conexion con la base de datos , crear nuestras variables tambien nuestras consultas que nos serviran ya sea para insertar, guardar, actualizar o editar.
En nuestro archivo trabajo.php recuerda que es el principal de todos y dentro de el tambien acuerdate de crear nuestra clase llamada Trabajo {} y agreagerle la apretura y el cierre de las llaves.
Este codigo es para hacer la conexion con nuestra base de dato en mysql recuerda que la base de datos se llama bdportal siempre utilizaremos esta misma para no estar creando y se te haga un enredo unicamente si iremos agregandole las tablas.
public static function con()
{
$con=mysql_connect("localhost","root","tu contraseña si tienes");
mysql_query("SET NAMES 'utf8'");
mysql_select_db("bdportal");
return $con;
}
El siguiente metodo es para hacer la insercion de los datos la informacion que el usuario digito en nuestro formulario.
nuestra consulta es guardada en una variable llamada $sql
El strip_tags ayuda a eliminar cualquier espacion en blanco que alla dejado el usuario al momento de aver terminado de dijitar o al inicio.
header("Location: index.php"); cuando se guarda el registro en nuestra base de dato el header location redireccionara a nuestra pagina principal.
public function add_formulario_contactar()
{
$sql="insert into contactenos "
." values
(null,
'".strip_tags($_POST["nombre"])."',
'".strip_tags($_POST["telefonos1"])."',
'".strip_tags($_POST["correo"])."',
'".$_POST["detalle_anuncio"]."',
now() );
";
mysql_query($sql,Conectar::con());
//echo $sql;
header("Location: index.php");
}
Como les habia explicado en tutoriales anteriores este codigo siemplemente cuanta la cantidad de caracteres que el usuario digita en el textarea
function getObject(obj) { var theObj; if(document.all) { if(typeof obj=="string") { return document.all(obj); } else { return obj.style; } } if(document.getElementById) { if(typeof obj=="string") { return document.getElementById(obj); } else { return obj.style; } } return null; } function toCount(entrance,exit,text,characters) { var entranceObj=getObject(entrance); var exitObj=getObject(exit); var length=characters - entranceObj.value.length; if(length <= 0) { length=0; text='<span class="disable"> '+text+' </span>'; entranceObj.value=entranceObj.value.substr(0,characters); } exitObj.innerHTML = text.replace("{CHAR}",length); }
A continuacion les dejo los codigo para que lo digiten o lo copien
index
<?php
require_once("trabajo.php");
$tra=new Trabajo();
if (isset($_POST["grabar"]) and $_POST["grabar"]=="si")
{
$tra->add_formulario_contactar();
exit;
}?>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>FORMULARIO DE CONTACTO</title>
</head>
<body>
<form name="form2" id="form2"a ction="" method="post" >
<table align="left" width="253" height="262" border="0">
<tr>
<td align="center" colspan="4"><h2><strong>Contactar Web master</strong></h2></td>
</tr>
<tr>
<td>Nombre:</td>
<td width="144"><input name="nombre" class="nombre" type="text" /></td>
</tr>
<tr>
<td ><label for="telefonos2">Telfono:</label></td>
<td><input name="telefonos2" class="telefonos2" type="text" />
</td>
</tr>
<tr>
<td><label for="correo">E-mail::</label></td>
<td><input name="correo" class="correo" type="text" /></td>
</tr>
<tr> </tr>
<tr>
<td colspan="4">
<textarea cols="30" rows="5" id="eBann" name="descripcion" maxlength="700" size="60" onKeyUp="toCount('eBann','sBann','{CHAR} maximo caracteres',700);">
</textarea>
<br>
<span id="sBann" class="minitext">700 caracteres maximo.</span>
</td>
</tr>
<tr>
<td ><input name="fecha" size="5" type="hidden" value="<?php echo date("Y-m-d");?>"/>
</td>
</tr>
<tr>
<td colspan="5" >
<input type="hidden" name="grabar" value="si" />
<input type="button" value="Enviar" title="Enviar" onclick="" />
</td>
</tr>
</table>
</form>
</body>
</html>
trabajo.php
<?php
class Trabajo
{
public static function con()
{
$con=mysql_connect("localhost","root","");
mysql_query("SET NAMES 'utf8'");
mysql_select_db("bdportal");
return $con;
}
public function add_formulario_contactar()
{
$sql="insert into contactenos "
." values
(null,
'".strip_tags($_POST["nombre"])."',
'".strip_tags($_POST["telefonos1"])."',
'".strip_tags($_POST["correo"])."',
'".$_POST["detalle_anuncio"]."',
now() );
";
mysql_query($sql,Conectar::con());
//echo $sql;
header("Location: index.php");
}}
funciones.js
function getObject(obj) {
var theObj;
if(document.all) {
if(typeof obj=="string") {
return document.all(obj);
} else {
return obj.style;
}
}
if(document.getElementById) {
if(typeof obj=="string") {
return document.getElementById(obj);
} else {
return obj.style;
}
}
return null;
}
function toCount(entrance,exit,text,characters) {
var entranceObj=getObject(entrance);
var exitObj=getObject(exit);
var length=characters - entranceObj.value.length;
if(length <= 0) {
length=0;
text='<span class="disable"> '+text+' </span>';
entranceObj.value=entranceObj.value.substr(0,characters);
}
exitObj.innerHTML = text.replace("{CHAR}",length);
}
function getObject(obj) { var theObj; if(document.all) { if(typeof obj=="string") { return document.all(obj); } else { return obj.style; } } if(document.getElementById) { if(typeof obj=="string") { return document.getElementById(obj); } else { return obj.style; } } return null; } function toCount(entrance,exit,text,characters) { var entranceObj=getObject(entrance); var exitObj=getObject(exit); var length=characters - entranceObj.value.length; if(length <= 0) { length=0; text='<span class="disable"> '+text+' </span>'; entranceObj.value=entranceObj.value.substr(0,characters); } exitObj.innerHTML = text.replace("{CHAR}",length); }
A continuacion les dejo los codigo para que lo digiten o lo copien
index
<?php
require_once("trabajo.php");
$tra=new Trabajo();
if (isset($_POST["grabar"]) and $_POST["grabar"]=="si")
{
$tra->add_formulario_contactar();
exit;
}?>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>FORMULARIO DE CONTACTO</title>
</head>
<body>
<form name="form2" id="form2"a ction="" method="post" >
<table align="left" width="253" height="262" border="0">
<tr>
<td align="center" colspan="4"><h2><strong>Contactar Web master</strong></h2></td>
</tr>
<tr>
<td>Nombre:</td>
<td width="144"><input name="nombre" class="nombre" type="text" /></td>
</tr>
<tr>
<td ><label for="telefonos2">Telfono:</label></td>
<td><input name="telefonos2" class="telefonos2" type="text" />
</td>
</tr>
<tr>
<td><label for="correo">E-mail::</label></td>
<td><input name="correo" class="correo" type="text" /></td>
</tr>
<tr> </tr>
<tr>
<td colspan="4">
<textarea cols="30" rows="5" id="eBann" name="descripcion" maxlength="700" size="60" onKeyUp="toCount('eBann','sBann','{CHAR} maximo caracteres',700);">
</textarea>
<br>
<span id="sBann" class="minitext">700 caracteres maximo.</span>
</td>
</tr>
<tr>
<td ><input name="fecha" size="5" type="hidden" value="<?php echo date("Y-m-d");?>"/>
</td>
</tr>
<tr>
<td colspan="5" >
<input type="hidden" name="grabar" value="si" />
<input type="button" value="Enviar" title="Enviar" onclick="" />
</td>
</tr>
</table>
</form>
</body>
</html>
trabajo.php
<?php
class Trabajo
{
public static function con()
{
$con=mysql_connect("localhost","root","");
mysql_query("SET NAMES 'utf8'");
mysql_select_db("bdportal");
return $con;
}
public function add_formulario_contactar()
{
$sql="insert into contactenos "
." values
(null,
'".strip_tags($_POST["nombre"])."',
'".strip_tags($_POST["telefonos1"])."',
'".strip_tags($_POST["correo"])."',
'".$_POST["detalle_anuncio"]."',
now() );
";
mysql_query($sql,Conectar::con());
//echo $sql;
header("Location: index.php");
}}
funciones.js
function getObject(obj) {
var theObj;
if(document.all) {
if(typeof obj=="string") {
return document.all(obj);
} else {
return obj.style;
}
}
if(document.getElementById) {
if(typeof obj=="string") {
return document.getElementById(obj);
} else {
return obj.style;
}
}
return null;
}
function toCount(entrance,exit,text,characters) {
var entranceObj=getObject(entrance);
var exitObj=getObject(exit);
var length=characters - entranceObj.value.length;
if(length <= 0) {
length=0;
text='<span class="disable"> '+text+' </span>';
entranceObj.value=entranceObj.value.substr(0,characters);
}
exitObj.innerHTML = text.replace("{CHAR}",length);
}
No hay comentarios :
Publicar un comentario