Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/08/2010, 15:32
dpbataller
 
Fecha de Ingreso: agosto-2009
Mensajes: 134
Antigüedad: 15 años, 3 meses
Puntos: 3
prepend con jQuery

Hola, estoy empezando con esto de jQuery, y me gustaria intentar simular el sistema de comentarios que hay en redes como twitter,facebook etc...
Me explico, me gustaria hacer algo simple como por ejemplo, un textarea donde se escribe el comentario y al hacer click en el botón "Enviar" se carga el contenido del textarea en una div que hay abajo llamado "ultimos_comentarios", así tantas veces como se vaya escribiendo en el textarea y a su misma vez, el último comentario siempre será el el primero a la vista. ¿Me entendeis verdad?

Indagando un poco, me enteré que hace falta gastar .prepend, pero hay algo que no consigo hacer bien.
Os copio mi codigo, es corto y seguro lleno de errores, os pido disculpas si hay errores muy grandes, pero hace tiempo que deje olvidado esto del javascript y demás.
Muchisimas gracias chicos!
Código HTML:
Ver original
  1.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  2.   <script type="text/javascript">
  3.  
  4.   $(document).ready(function(){
  5.  
  6.     $("enviar").click(function(){
  7.  
  8.          $("comentario").prepend("Este es el comentario: ");
  9.  
  10.     });    
  11.    
  12.   });
  13.  
  14.   </script>
  15.  
  16.   <style>  
  17.         #comentario {
  18.             width:300px;
  19.             height:100px;
  20.         }
  21.        
  22.         #ultimos_comentarios{
  23.             margin: 10px 0 0 0;
  24.             position:relative;
  25.             width:400px;
  26.             height:100px;
  27.            
  28.         }
  29.        
  30.   </style>
  31. </head>
  32. <body>  
  33.  
  34.   <textarea id="comentario" cols="5" rows="5"></textarea>
  35.   <input type="button" value="Enviar" id="enviar">
  36.  
  37.   <div id="ultimos_comentarios"></div>
  38.  
  39. </body>
  40. </html>