Graaan problema con mi examen final =P

Programación Web y Scripting > PHP

<< < (2/2)

danmoracr:
Buenas!!! Yo se que es un poco tarde pero tengo algo que talvez te pueda ayudar.

Esta sería la página donde está el muro:

--- 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" lang="en_US" xml:lang="en_US"> <head> <title>Wall Tipo Facebook</title>  <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> function loadWall(){ //Funcion para cargar el muro $("#wall").load('wall.php'); //Devuelve el campo mensaje a vacio $("#msg").val("") } //Cuando el documento esta listo carga el muro $(document).ready(function(){ loadWall(); }); </script>  <style type="text/css"> body{ font-family: "lucida grande",tahoma,verdana,arial,sans-serif; } label{ color: #808080; font-size: 11px; font-weight: bold; line-height: 30px; } #wrapper{ width: 605px; margin-left: auto; margin-right: auto; } #msg{ border: thin solid #B4BBCD !important; padding: 5px; } #submit{ color: #fff; font-size: 13px; background-color: #5B74A8; background-image: url("background.png"); background-position: 0 -98px; background-repeat: no-repeat; border-color: #29447E #29447E #1A356E; border-style: solid; border-width: 1px; cursor: pointer; display: inline-block; font-weight: bold; line-height: normal !important; padding: 4px 6px 4px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; } #wall{ width: 430px; min-height: 200px; border: solid thin #B4BBCD; margin-top: 10px; } #wall ul{ list-style: none; font-size: 12px; line-height: 20px; } #wall ul #date{ font-style: italic; font-size: 11px; color: #ccc; padding-left: 5px; } #loading{ float: left; position:relative; top: 10px; left: 450px; display: none; } </style> </head> <body> <div id="wrapper"> <div id="form"> <form action="javascript: addMessage();" method="post" id="form_wall"> <label for="msg">Type text below...</label> <br /> <input type="text" name="msg" id="msg" maxlength="200" size="50" /> <input type="submit" name="submit" id="submit" value="Share" /> </form> <div id="loading"><img src="loading.gif" /></div> </div> <div id="wall"></div> </div> <script> function addMessage(){ //Tomas los valores del form_wall var str = $("#form_wall").serialize(); //Si empieza el ajax muesta el loading $("#loading").ajaxStart(function(){ $("#loading").show(); }); //Cuando termina el ajax oculta el loading $("#loading").ajaxStop(function(){ $("#loading").hide(); }); //Se envian los datos a url y al completarse se carga el muro //con la nueva informacion $.ajax({ url: 'action.php', data: str, type: 'post', error: function(obj, msg, obj2){ alert(msg); }, success: function(data){ loadWall(); } }); };</script> </body></html>
wall.php

--- Código: PHP ---<?php/* * CREATE DATABASE wall; * CREATE TABLE message (id int AUTO_INCREMENT , message tinytext, date timestamp, PRIMARY KEY(id)); * */ //Conecto al servidor$cx = mysql_connect("localhost", "root", "") or die("Error connect: ".mysql_error()); //Seleccion la base de datosmysql_select_db("wall") or die("Error select db: ".mysql_error()); //Realizo la consulta de la tabla y ordeno por fecha, el ultimo mehsaje de primero$query = mysql_query("SELECT * FROM message ORDER BY date DESC", $cx); //Muestro los mensaje en una lista desordenadaecho '<ul id="message">';//Si la consulta es verdaderaif($query == true){ //Recorro todos los campos de la tabla y los muestro while ($row = mysql_fetch_array($query)){ echo "<li><p>".$row['message']." <span id=\"date\">".$row['date']."</span></li>"; }}echo '</ul>'?>
action.php

--- Código: PHP ---<?php//Defino mi variable mensaje$msg = $_POST['msg']; //Si no esta vaciaif(!empty($msg)){ //Conecto con la base de datos $cx = mysql_connect("localhost", "root", "") or die("Error connect: ".mysql_error()); //Selecciono la base de datos mysql_select_db("wall") or die("Error select db: ".mysql_error()); //Inserto el mensaje al tabla mysql_query("INSERT INTO message (message) VALUES ('".$msg."')", $cx);}?>

Navegación

[0] Índice de Mensajes

[*] Página Anterior

Ir a la versión completa