Mudar Value de um input type="text"

[lamatta]

Olá amigos, estou montando uma pagina que mostra dentro de um <input type="text"> o valor de acordo com a solicitação do usuario... Tenho um banco de dados de clientes contendo NOME, TELEFONE, EMAIL, MSN... Vou postar meu JavaScript...

<script language="JavaScript">
function retornaValor(valor) {
    document.getElementById("recebeValor").value = valor;
}
</script>

e agora o codigo em php que gera as tabelas com os valores de cada cliente

<?
                $sql = "SELECT * FROM cadastro ORDER BY id DESC"; 
                $limite = mysql_query ("$sql");    
                while ($sql = mysql_fetch_array($limite)) {
                $id = $sql["id"];
                $nome = $sql["nome"];
                $cursos = $sql["cursos"];
                $celular = $sql["celular"];
                $email = $sql["email"];
                $MSN = $sql["MSN"];
                                $bairro = $sql["bairro"];
                
                echo "
                    <table width=\"744\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" class=\"master\">
                      <tr>
                        <td rowspan=\"3\" width=\"100\" height=\"60\">
                            <img src=\"users/perfil/$id.jpg\" />
                        </td>
                        <td><h1>$nome</h1></td>
                        <td rowspan=\"2\" style=\"background:url(users/map.png) no-repeat top right\">&nbsp;</td>
                      </tr>
                      <tr>
                        <td><h2>$cursos</h2></td>
                      </tr>
                      <tr>
                        <td>
                            <h3><img src=\"users/tel.png\" title=\"Telefones\" onClick=\"retornaValor('$celular')\"  /> <img src=\"users/MSN.png\" title=\"MSN Messenger\" onClick=\"retornaValor('$MSN')\" /> <img src=\"users/email.png\" title=\"Email\" onClick=\"retornaValor('$email')\" /></h3> <input type=\"text\" id=\"recebeValor\" value=\"$celular\" readonly />
                        </td>
                        <td><h4>$bairro</h4></td>
                      </tr>
                    </table>
                ";
                }
            ?>

no bloco de codigo onde tem

onClick=\"retornaValor('$celular')\"
onClick=\"retornaValor('$MSN')\"
onClick=\"retornaValor('$email')\"

quando clicado o javascript faz mudar o

<input type=\"text\" id=\"recebeValor\" value=\"$celular\" readonly />

Até aí eu fiz, mesmo sem entender javascript eu montei um "chutando" de acordo com a sintaxe que fui estudando em outros codigos que pesquisei, mas estou aqui porque quando eu executo o comando para exibição dos clientes no PHP ele monta quantos ele achar no BD... Mas eu não consigo fazer com que cada um tenha a sua <input type=\"text\" id=\"recebeValor\" value=\"$celular\" readonly /> pois quando clico na imagem do telefone de um ele altera de outro, Claro que é por causa da variavel (recebeValor) eu poderia corrigir montando um (recebeValor2)... (recebeValor3)... porém tenho mais de 20 clientes até o momento e quando isso for para a internet não terei mais controle de quantos clientes cadastrados... então para eu não montar manualmente um (recebeValor7865423) =D eu peço a ajuda de vocês...

Desde já, Obrigado!

Editado Março 21, 2011 por fercosmig
add tag's

[vini_loock]

Faça um id dinâmico, tipo:

Crie uma var com o valor 0, ai a cada intereação do while você incrementa e adiciona este id no seu input assom: id="_$id", o _ é só pra não dar erro, que se não me engano um id não pode começar com números.

Ai sua função js ficaria assim:

function myFunction(id, val){
    document.getElementById('_'+id).value = val;
}

E a declaração assim:

myFunction($id, $celular);

[lamatta]

Faça um id dinâmico, tipo:

Crie uma var com o valor 0, ai a cada intereação do while você incrementa e adiciona este id no seu input assom: id="_$id", o _ é só pra não dar erro, que se não me engano um id não pode começar com números.

Ai sua função js ficaria assim:

function myFunction(id, val){
    document.getElementById('_'+id).value = val;
}

E a declaração assim:

myFunction($id, $celular);

Você poderia por favor, colocar isso junto do meu codigo... eu não entendi =\

[lamatta]

Por favor, ninguém mais pode me ajudar?

[lamatta]

Desculpem a minha ignorância... Mas eu prestei mais atenção depois de ter abandonado o Forum porque ninguém mais respondeu UAheuAhea eu pensei, a resposta deve estar tão clara que ninguém mais se manifesta... Mas enfim, pra quem não entendeu tmb eu vou colocar o codigo...

a função fica assim..

<script language="JavaScript">

function myFunction(id, val){

document.getElementById('_'+id).value = val;

}

</script>

o php vai gerar esse bloco de acordo com o banco de dados assim....

<?

$sql = "SELECT * FROM cadastro ORDER BY id DESC";

$limite = mysql_query ("$sql");

while ($sql = mysql_fetch_array($limite)) {

$id = $sql["id"];

$nome = $sql["nome"];

$cursos = $sql["cursos"];

$celular = $sql["celular"];

$email = $sql["email"];

$MSN = $sql["MSN"];

$bairro = $sql["bairro"];

echo "

<table width=\"744\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" class=\"master\">

<tr>

<td rowspan=\"3\" width=\"100\" height=\"60\">

<img src=\"users/perfil/$id.jpg\" />

</td>

<td><h1>$nome</h1></td>

<td rowspan=\"2\" style=\"background:url(users/map.png) no-repeat top right\">&nbsp;</td>

</tr>

<tr>

<td><h2>$cursos</h2></td>

</tr>

<tr>

<td>

<h3><img src=\"users/star_n$nivel.png\" /> &nbsp;&nbsp;&nbsp; <img src=\"users/tel.png\" title=\"Telefones\" onClick=\"myFunction('$id', '$celular ou $tel_normal')\" /> <img src=\"users/MSN.png\" title=\"MSN Messenger\" onClick=\"myFunction('$id', '$MSN')\" /> <img src=\"users/email.png\" title=\"Email\" onClick=\"myFunction('$id', '$email')\" /></h3> <input type=\"text\" id=\"_$id\" value=\"$celular\" readonly />

</td>

<td><h4>$bairro</h4></td>

</tr>

</table>

";

}

?>