Tema: texto jquery al hacer click
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/07/2012, 03:54
edie8
 
Fecha de Ingreso: noviembre-2011
Mensajes: 516
Antigüedad: 13 años
Puntos: 10
texto jquery al hacer click
Buenas!!
vereis tengo una duda problemilla yo entiendo algo de jquery aunque es muy basico, estoy intentando sacar unos valores de una base de datos es decir un div oculto que tenga los valores de mi base de datos al hacer click en abrir se abren los datos como enlace yo lo que quiero hacer hay es que en esos datos que me devuelve la base de datos al pulsar sobre cada uno de ellos me salga un campo de texto pero solo lo consigo con el primero nose si me entendeis aqui dejo el codigo:
index.php
Código PHP: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>yo y jquery</title>
  6. <script type="text/javascript" src="js/jquery-1.7.2.js"></script>
  7. <script type="text/javascript" src="js/funciones.js"></script>
  8. </head>
  9.  
  10. <body>
  11. <div id="capa" style=" padding:15px; background-color:#CCCCCC">abrir chat</div>
  12. <div id="mensaje" style="display:none;">
  13. <?php 
  14. $conexion=mysql_connect("localhost","root","Alamillo2612")or 
  15.   die("Problemas en la conexion");
  16. mysql_select_db("chat",$conexion) or
  17.   die("Problemas en la selección de la base de datos");
  18. $registros=mysql_query("select * from nombre",$conexion) or
  19.   die("Problemas en el select:".mysql_error());
  20.   while ($reg=mysql_fetch_array($registros))
  21.   {
  22.         ?><div id="chat"><a href="javascript:void(0);"><?php echo $reg['nombre']."<br>";?></div><input type="text" style="display:none" id="chat1" /><?php 
  23.   }
  24. ?></div>
  25. </body>
  26. </html>
funciones.js
Código Javascript: 
Ver original
  1. $(document).ready(function(){
  2.  
  3. cargar_chat();
  4.  
  5. })
  6.  
  7. function cargar_chat()
  8. {
  9.     $("#caja_chat").append('<div id="textarea_insertar_mensaje"><textarea class="textarea"></textarea></div>');
  10.     $(".textearea").focus();
  11.     
  12.     $("#capa").click(function(event){
  13.                 event.preventDefault();
  14.                 $("#mensaje").slideToggle();
  15.                 $("#mensaje").scrollTop($("#mensaje")[0].scrollHeight)
  16.                                            });
  17.     
  18.     $("#capa a").click(function(event){
  19.                         event.preventDefault();
  20.                         $("#capa").slideUp();
  21.                                      });
  22.     $("#chat").click(function(){
  23.                      $("#chat1").css({"display":"block","background-color":"#CCC"});                          
  24.                               });
  25.     
  26. }
espero me entiendan y me puedan ayudar, gracias. un saludo.