Aparece solo el primer valor php y DOM

[claudinho]

Hola amigos del foro soy nuevo en esto de DOM en fin tengo un codigo para crear una tabla con valores de la base de datos esto lo hago en php dentro del BODY

Código PHP:

  
<?php  
 
include("conexion.php"); 
 
$sql= mysql_query("SELECT * FROM Pacientes"); 
 
 
print '<table width="90%"  border="1" cellspacing="3" cellpadding="3">'; 
 
while($datos=mysql_fetch_array($sql)){ 
$name=$datos['nombre']; 
$apellido=$datos['apellido']; 
$idpac=$datos['id_paciente']; 
print '<tr> 
    <th width="10%" scope="col" onclick="javascript:show(); return false;"> 
      <input name="valorphp" type="text" id="valorphp" value="'.$idpac.'"> 
   </th> 
    <th width="67%" scope="col">'.$name.'&nbsp;'.$apellido.'</th> 
    <th width="23%" scope="col">&nbsp;</th> 
  </tr>'; 
 
 
} 
print '</table>'; 
?>   

en una de las columnas lamo a la funcion javascript:show(); y leo el valor del input con id="valorphp"

asi

Código HTML:

<script>
	function show() {
		var unaTabla;
		unaTabla = document.getElementById("showimage");
		if(unaTabla.style.visibility == "hidden") {
			unaTabla.style.visibility = "visible";
			
	
		}
		
		var elem = document.getElementById("valorphp").value;
                
document.getElementById("caja").value = elem;
		}

</script> 

En el Div con id="showimage" tengo un input con id="caja" que recibe el valor del elemento con id="valorphp"


Ahora se imprime la tabla con los valores correctamente

1 Pedro
2 Juan
7 Maria
4 David

cuando hago click en la columna que llama a la funcion show() Muestra en el input id=caja solo el primer id en este caso 1. la idea es que muestre cada id correspondiente si hago click en la columna Maria deberia mostrar en el input un 7.


Gracias por cualquier ayuda