viernes, 6 de julio de 2012

Comentarios tipo facebook jquery, php & css

Buscando por la red me encontré con la siguiente pagina http://tutorialzine.com/2009/09/making-our-own-twitter-timeline/ que es un ejemplo de colocar nuestros twitter en cualquier pagina y me gusto el diseño, asi que lo tome y lo convertí en un sistema de comentarios con php, jquery & css. Ver demo









INTRODUCCIÓN:
Este es un ejemplo de un pequeño sistema de comentarios en php y base da datos llamada 'facebook' con dos tablas las cuales son las siguientes:

Tabla 'usuarios'







Tabla 'comentario'


Relación entre tablas 
La relación que existe entre estas dos tablas es 'idusuario' de la tabla usuarios y idusuario de la tabla comentario.


ARCHIVOS
index.php
El diseño que utilice lo obtuve de http://tutorialzine.com/2012/05/growing-thumbnails-portfolio-jquery-css3/ .

* Es un formulario #tweetForm vía post, con un textarea llamado #inputField y un boton con un estilo .g-button g-button-black. (g-button-black es estilo color negro)
*#comentarios contiene los comentarios, cada comentario consta de en un marco con estilo .stbody, la imagen .sttimg, el texto .sttext y .stdelete para eliminación el comentario.

include/database.php
Es el archivo de coneccion  a la base de datos a demas de contener una clase llamada MySQLDB :
function MySQLDB , una función que crea la coneccion con la base de datos.
*function imagen , contiene la sentencia para mostrar la imagen de usuario según su id.
*function comentario, sentencia para mostrar los comentarios ordenados por la fecha.
*function insertar_comentario, sentencia que inserta los comentarios a la base de datos.
*function eliminar_comentario, sentencia que elimina un comentario según su id.

include/time_stamp.php
Contiene un funcion el cual muestra hace cuento se inserto el comentario, por ejemplo 'Hace 2 horas'.
la funcion se llama mediante time_stamp() y en el paréntesis la varible que muestra  la fecha unix que se obtiene mediante time().

css/demo.css
Archivo que contiene los estilos de los comentarios ( #tweetForm,#comentarios, .stbody, etc )
css/style.css
Archivo que contiene los estilos de la estructura de la pagina (#header, #footer, #main, etc)

database.txt
Contiene las tablas (usuario y comentarios) y los registros del ejemplo.
*A la base de datos le llame facebook.






7 comentarios:

  1. Hola esto es justo lo que andaba buscando, pero sabes tengo un problema, al parecer no logro recuperar los datos de la base de datos (tengo importado correctamente el sql en una bd llamada facebook) o al menos no logro que se muestren en el panel de comentarios.
    en donde deberia aparecer el texto del comentario me aparece:


    comentario(); if($comentarios>0){ foreach($comentarios as $data) { $comentario_id=$data['idcomentario']; $usuario_id=$data['idusuario']; $fecha = $data['fecha']; $comentario = stripslashes(htmlentities($data['comentario'])); $imagen=$database->imagen($usuario_id); ?>


    de antemano, gracias.

    ResponderEliminar
    Respuestas
    1. al parecer no me acepta las etiquetas de abrir y cerrar el php, pero ese es el problema coloca completo la etiqueta de abrir y cerrar php , corrige todo lo que esta asi

      Eliminar
  2. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  3. gracias me ayudara a despejar algunas dudas en el jquery

    ResponderEliminar
  4. podrias subir de nuevo el archivo corregido me sale ese eror siempre

    ResponderEliminar