problemas con mi función...

avillamar · #1 (**permalink**) 04/01/2008, 21:48

hola, soy nueva en este tema y este es mi primer proyecto y les escribo porque hace varios días que me he quebrado la cabeza tratando de hacer algo que estoy segura es muy sencillo, he leido muchos manuales y he buscado dentro de las preguntas del foro y no veo lo que necesito, mi problema es el siguiente:
tengo un formulario, en la parte superior hay dos campos que son para ingreso (tipo de propiedad y descripcion, el codigo no se ve), en la parte inferior una tabla con todos los datos ingresados, la idea es que se le hace un clic sobre uno de esos datos y toma el valor, traspasandolo a los dos campos que están arriba para así modificarlos, el código lo manejo interno así que tendría que ser solo una variable que no se muestra... bueno la cosa es que le hago un clic sobre cualquier celda y me dice null... he visto que envían los códigos para que lo puedan entender mejor así que bueno aquí va...

asi lleno las filas de la tabla luego de la consulta a mysql:
<TR bordercolor="#FFFFFF" bgcolor="#B4B4B4" title="Clic para mostrar contenido" class="CONT" onmouseover="this.style.cursor='hand';this.style.c ursor='pointer';" onclick="asignar_valor(this)">
<TD><?php echo '' . $registro['CodTipo'] . ' ';?> </TD>
<TD><?php echo '' . $registro['TipoProp'] . ' ';?></TD>
<TD><?php echo '' . $registro['Descrip'] . ' ';?></TD>
</TR>

y el codigo que contiene la funcion:
<script language="JavaScript">
function asignar_valor(celda){
fi = document.getElementById(this);
alert(fi);
}
</script>

pido disculpas si el tema no esta bien ubicado, desde ya muchas gracias pues debí haber entregado esto en la semana y este punto me esta frenando...

JavierB · #2 (**permalink**) 05/01/2008, 04:09

Hola avillamar. Bienvenidfa al foro.

Para coger el contenido de una celda tienes que usar innerHTML y para obtener las celdas de una fila puedes usar getElementsByTagName

Te pongo un ejemplo:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function asignar_valor(celda) {
  tip = celda.getElementsByTagName('td')[1].innerHTML;
  des = celda.getElementsByTagName('td')[2].innerHTML;
  document.forms[0]['tipo'].value = tip;
  document.forms[0]['descri'].value = des;
}
</script>
</head>
<body>
<form>
<input type="text" name="tipo" />
<input type="text" name="descri" />
</form>
<table>
<tr onclick="asignar_valor(this)">
<td>1</td><td>Tipo 1</td><td>Descripción 1</td>
</tr>
<tr onclick="asignar_valor(this)">
<td>2</td><td>Tipo 2</td><td>Descripción 2</td>
</tr>
</table>
</body>
</html>

Aunque pone código PHP, es sólo JavaScript.

Saludos,

avillamar · #3 (**permalink**) 05/01/2008, 13:47

solo puedo decirte mil mil gracias, era justo lo que necesitaba...