texto jquery al hacer click

edie8 · #1 (**permalink**) 02/07/2012, 03:54

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<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>yo y jquery</title>
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/funciones.js"></script>
</head>
 
<body>
<div id="capa" style=" padding:15px; background-color:#CCCCCC">abrir chat</div>
<div id="mensaje" style="display:none;">
<?php 
$conexion=mysql_connect("localhost","root","Alamillo2612")or 
  die("Problemas en la conexion");
mysql_select_db("chat",$conexion) or
  die("Problemas en la selección de la base de datos");
$registros=mysql_query("select * from nombre",$conexion) or
  die("Problemas en el select:".mysql_error());
  while ($reg=mysql_fetch_array($registros))
  {
        ?><div id="chat"><a href="javascript:void(0);"><?php echo $reg['nombre']."<br>";?></div><input type="text" style="display:none" id="chat1" /><?php 
  }
?></div>
</body>
</html>

funciones.js

Código Javascript:

Ver original$(document).ready(function(){
 
cargar_chat();
 
})
 
function cargar_chat()
{
    $("#caja_chat").append('<div id="textarea_insertar_mensaje"><textarea class="textarea"></textarea></div>');
    $(".textearea").focus();
    
    $("#capa").click(function(event){
                event.preventDefault();
                $("#mensaje").slideToggle();
                $("#mensaje").scrollTop($("#mensaje")[0].scrollHeight)
                                           });
    
    $("#capa a").click(function(event){
                        event.preventDefault();
                        $("#capa").slideUp();
                                     });
    $("#chat").click(function(){
                     $("#chat1").css({"display":"block","background-color":"#CCC"});                          
                              });
    
}

espero me entiendan y me puedan ayudar, gracias. un saludo.

maycolalvarez · #2 (**permalink**) 02/07/2012, 07:27

lo mejor es que uses ajax y si es un chat ajax longpolling, te complicas demasiado

edie8 · #3 (**permalink**) 03/07/2012, 03:46

es que ajax nunka lo use y por eso me estaba complicando con jquery bueno gracias investigare el codigo de ajax.
es que tengo ya un chat hechho pero sin usuarios, y es lo que le queria implementar. un saludo.