Que tal a todos. Estoy queriendo hacer una especie de "muro de facebook" , y lo que tengo es un formulario, y quiero que una vez escrito el texto y se someta, entonces se postee como un "<li>" de un "<ul>" . ( el <ul> seria el "muro").
me explico:
tengo este codigo en index.html :
<form name="postbar_add_post" id="postbar_add_post" method="post">
<fieldset>
<legend>Type your text bellow ...</legend>
<input type="text" name="addcontentbox" id="addcontentbox" maxlength="200" />
<input type="submit" name="addpost" value="Submit" class="submit" />
</fieldset>
</form>
<ul id="wall"></ul>Y en la cabeza del documento, tengo llamado al jquery, para hacer la siguiente funcion cuando se haga el "submit" del input:
<script type="text/javascript">
$(document).ready(function(){
$("form#postbar_add_post").submit(function() {
$.ajax({
type: "POST",
data:"addcontentbox="+ addcontentbox,
success: function(){
$("ul#wall").prepend("<li>"+addcontentbox+"</li>");
$("ul#wall li:first").fadeIn();
}
});
return false;
});
});
</script>Pero no me funciona para nadaaaa =( .... no se donde esta el error o siquiera si lo estoy haciendo de la manera correctaa =\ . Intente con php, pero la verdad es que de php no se nada y en el foro de php los confundí demasiado >.< . Espero poder conseguir mejor guía aquí.
Gracias de antemano.
