saber en cual celda hizo click

zink · #1 (**permalink**) 21/10/2003, 12:51

Hola estoy intentando hacer que dibujen un croquis, para esto tengo una tabla con celdas que al dar click se cambia de color, y simula dibujar el area de un lote o casa en una cuadra.

para cambiar el color de la celda lo hago así:
<td style="background-color: 'white'" onclick="this.style.backgroundColor = (this.style.backgroundColor == 'white') ? 'gray' : 'white'"></td>

mi pregunta es: ¿como hago que esos valores o celdas "pintadas" se guarden en la BD.? Habia pensado en poner oculto en cada celda un checkbox, y recoger esos valors, pero no se si estoy en lo correcto o si me puedan dar alguna idea de como hacerlo.

Estoy medio perdido por que no se si se puede ocultar un checkbox ya que en el type="checkbox" como le digo que sea "hidden"?
o no se si se pueda seguir utilizando el "onclick" para llamar una funcion?

Gracias.

pablinweb · #2 (**permalink**) 21/10/2003, 13:04

no puedes ocultar un checbox pero si un textbox, tambien puedes agragar las funciones que quieras en el on click, solo pon una coma donde termina la anterior y las dobles comillas al final de la ultima. de esta manera podrias cambiar el valor del text box

Don Graff · #3 (**permalink**) 21/10/2003, 13:26

en todo lo que han dicho no hay ni pizca de asp...

zink · #4 (**permalink**) 21/10/2003, 13:44

jejeje sorry, muy cierto, de hecho dudé en donde ponerlo, si en html, en javascript o aqui....supuse que deberia ir aqui por que mi principal duda es como mandar lo que el usuario conteste a la BD.

si algun moderador me hace favor de cambiarlo al foro adecuado se lo agradeceré.

pablinweb:
Gracias por responder, voy a probar con lo que me dices.

AlZuwaga · #5 (**permalink**) 21/10/2003, 13:51

bueno.. ya que lo piden: movido desde ASP

:D

DADU · #6 (**permalink**) 21/10/2003, 14:03

Lo puedes hacer al estilo hotmail o yahoo que marcas las celdas y borra las clickeadas.

El formulario lo armas asi:

response.write("<input type=""checkbox"" name=""celda"" value=""celda_"&n_nro_celda&""">")

vas incrementando n_nro_celda, y dado un numero sabes a que celda pertenece, por que sabes como armaste la tabla.

----------

ASP: para recibirlo:

a_array=split(request.form("celda"),",")
n_total=ubound(a_array)

En n_total tenes el tamaño del arreglo, solo llegan las celdas clickeadas. El arreglo lo tenes asi:

a_array="celda_2"
a_array="celda_5"
....

Esas celdas fueron clickeadas, ahora lo podes guardar en una tabla.

Espero haberme explicado.

Saludos, Daniel.

DADU · #7 (**permalink**) 21/10/2003, 14:06

Moderador, si puedes devolvelo a el foro de ASP. Los muchachos se apuraron.

zink · #8 (**permalink**) 05/11/2003, 21:00

Gracias por responder Dadu, y perdon por no responder antes.

Desafortunadamente no entiendo como puedo hacer que un elemento como checkbox este oculto...... lo intenté con un input type="text" que esté oculto y con value="0" al hacer click se le cambie el valor a 1.

O de que otra forma lo puedo hacer? :(

Gracias

tunait · #9 (**permalink**) 06/11/2003, 10:36

Bueno, en la parte cliente te puedo ayudar, y en servidor al recoger los datos puedes usar la propuesta de DADU.

Suponiendo que tienes una tabla con x filas y n columnas yá creada y de id="tablita"

<SCRIPT LANGUAGE="JavaScript">
var valores = new Array()
function asigna(){
for(m=0;m<document.getElementById('tablita').getEl ementsByTagName('td').length;m++){
document.getElementsByTagName('td')[m].id='T'+m
document.getElementsByTagName('td')[m].style.backgroundColor = 'white'
document.getElementsByTagName('td')[m].onclick=function(){
colorea(this.id)
}
valores[m] = false
}
}
function colorea(cual){
celda = document.getElementById(cual).style.backgroundColo r
celda == 'white' ? document.getElementById(cual).style.backgroundColo r = 'gray' : document.getElementById(cual).style.backgroundColo r = 'white'
valores[cual.substr(1)] = celda == 'white' ? true : false
document.forms[0].Valores.value = valores
}
</script>

En body le pones.....

<body onload="asigna()">

Luego pones tu tabla con las celdas que te dé la gana. No hace falta que le des id's a las celdas, ni onclicks ni nada, sólo dale por id a tu tabla "tablita"

<table width="100%" border="1" id="tablita">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

Finalmente el formulario desde el cual se enviarán los datos para guardarlos en la base de datos

<form action="loquesea.asp" method="post">
<input name="Valores" type="hidden" value="">
</form>

Cuando se envíe, a la página que los recoja le pides que te guarde el valor de Valores en alguna variable

<%
Valores = split(request.form("Valores"),",")
%>

Y está listo para enviarlo a la BD referenciando cada valor por su posición dentro del array

pepe = Valores(posicion)

Los valores se guardan como true o false; true indica que la celda fué seleccionada y false indica que no lo fue

a ver si te sirve....