Buenas,
me gustaría que me echaran una mano, quiero hacer el estado tipo tuenti o facebook.
Es decir que puedan actualizar su estado y otros usuarios lo puedan ver. Solo necesito ese codigo. Lo que he conseguido es esto de "taringa".
consulta.php
Código PHP:
Ver original<?php
include 'db.php';
// Hacer consulta para recuperar noticias
$query = mysql_query("SELECT * FROM estados order by msg_id desc"); $id = $resultado["msg_id"];
$estado = $resultado["estado"];
$gusta = $resultado["gustar"];
$id_us= $resultado["user_id"];
$query2=mysql_query("SELECT usuario FROM usuarios WHERE id = '$id_us' "); $nombre_posteador=$array2["usuario"];
?>
<div class="bar<?php echo $id_us;?>" id="bar">
<!-- Contenedor que mostrara los estados -->
<div class="post_box">
<div class="otro">
<div class="nombre_usuario"><?php echo $nombre_posteador; ?></div>
<div class="noticia"><?php echo $estado;?></div>
</div>
</div>
</div>
<?php } ?>
insertarEstado.php
Código PHP:
Ver original<?php
include("db.php");
// si se ha enviado contenido
if(isset($_POST["textarea_noticia"])){ $msg = $_POST["textarea_noticia"];
// Insertar la informacion
$sql = mysql_query("INSERT INTO estados(estado)values('$msg')"); $result = mysql_query("SELECT * FROM estados order by msg_id desc"); $id = $row["msg_id"];
$msg = $row["estado"];
}
?>
<div class="bar<?php echo $id;?>" id="bar">
<!-- Contenedor que mostrara los estados -->
<div class="post_box">
<div class="otro">
<div class="noticia"><?php echo $msg;?></div>
</div>
</div>
</div>
index.php
Código PHP:
Ver original<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link href="Css/estilo.css" rel="stylesheet" type="text/css" /> <!-- Link a nuestra hoja de estilo css la cual editaremos en un momento-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> <!-- Usaremos la libreria JQuery para agilizar la programacion con Javascript -->
<script type="text/javascript" src="funRed.js"></script> <!-- Nuestro archivo de funciones ! -->
</head>
<body>
<!-- Nuestro Formulario de Post ! -->
<div class="contenedor_muro">
<form name="form" method="post">
<textarea cols="30" rows="2" name="textarea_noticia" class="textarea_noticia" id="textarea_noticia"></textarea><br />
<input type="submit" value="Compartir" class="enviar_noticia" />
</form>
</div>
<div id="cargando"></div>
<div id="mostrar"></div>
<?php include("consulta.php");?>
</body>
</html>
funRed.js
Código JS:
Ver original$(function() {
// Enviar Estado
$(".enviar_noticia").click(function(){
var element = $(this);
// Recuperar valos de la caja de texto
var textarea_noticia = $("#textarea_noticia").val();
var dataString = "textarea_noticia="+textarea_noticia;
// Comprobar que tenga algun valor
if(textarea_noticia == ""){
alert("Debe ingresar un Estado");
} else {
// Motrar feedback
$("#cargando")
.show()
.html("<img src='http://localhost/archivos/imagenes/iconos/cargando.gif' />");
// Enviar datos
$.ajax({
type: "POST",
url: "insertarEstado.php",
data: dataString,
cache: false,
success: function(html){
// Agregar datos devueltos por el archivo insertarNoticia
$("#mostrar").prepend($(html).fadeIn(1200));
// Quitar contenido de la caja de texto de enviar noticia
document.getElementById("textarea_noticia").value = "";
$("#textarea_noticia").value = "";
// Hacer un focus
$("#textarea_noticia").focus();
// Ocultar feedback
$("#cargando").hide();
}
})
}
// Esto se hace para que el codigo no haga que se refresque la pagina
return false;
});
});