Foros del Web - Ver Mensaje Individual - Menu desplegable doble click en javascript o css?

catal · #1 (**permalink**) 22/04/2008, 09:46

Buenas tardes,

Tengo que hacer un menu desplegable al hacer doble click a una celda de una tabla. Concretamente ha esta,

Código HTML:

<!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>Documento sin t&iacute;tulo</title>
<SCRIPT language=JavaScript>
function cogerDato(celda) 
{
     destino = document.getElementById("instancia");
     destino.value = celda.innerHTML;
}  
</script>
</head>

<body>
<table width="50%" border="1" align="center">
  <tr><td id="hola" ondblclick="cogerDato(this)">HOLA</td><td id="tardes" ondblclick="cogerDato(this)">TARDES</td><td id="noches" ondblclick="cogerDato(this)">NOCHES</td></tr>
  <tr><td id="buenos" ondblclick="cogerDato(this)">BUENOS</td><td id="dias" ondblclick="cogerDato(this)">DIAS</td><td id="semanas" ondblclick="cogerDato(this)">SEMANAS</td></tr>
  <tr><td id="adios" ondblclick="cogerDato(this)">ADIOS</td><td id="meses" ondblclick="cogerDato(this)">MESES</td><td id="años" ondblclick="cogerDato(this)">A&Ntilde;OS</td></tr>
</table>
<form id="form1" name="form1" method="post" action="">
  <div align="center">
  <input id="instancia" name="instancia" type="text" value="" size="8" maxlength="8"/> 
  <input type="submit" name="Submit" value="UPDATE" />
  </div>
</form>
<p>&nbsp;</p>
</body>
</html>

Lo que pasa es que necesito el valor de la celda y no se si en css puedo capturar/mostrar. Y en javascript es muy complicado para mi nivel.

He visto varios scripts por la red en que me sale un menu desplegable, pero el problema es vincularlo en la celda y ha su valor. (No creais que no lo he intentado......)

Algun comentario que me aporte una poca luz a las tinieblas de mi cabeza?

Gracias.