Foros del Web » Programando para Internet » Javascript »

Duda botón en celda

Estas en el tema de Duda botón en celda en el foro de Javascript en Foros del Web. Buenas, estoy trabajando con una tabla dinámica en la cual puedo insertar datos, agregar filas, seguir insertando datos y cuando termine guardarlo todo. Ahora bien, ...
  #1 (permalink)  
Antiguo 09/10/2013, 12:28
 
Fecha de Ingreso: diciembre-2012
Mensajes: 7
Antigüedad: 11 años, 4 meses
Puntos: 0
Pregunta Duda botón en celda

Buenas,

estoy trabajando con una tabla dinámica en la cual puedo insertar datos, agregar filas, seguir insertando datos y cuando termine guardarlo todo.
Ahora bien, tengo un campo en la tabla "fecha", y en algunas ocasiones quisiera que en las celdas de ese campo al pasar el ratón por encima me apareciera un botón.

Ese botón al pulsarlo llamaría a una función que me copiaría la fecha de la fila anterior en la celda actual.

Lo de copiar la fecha lo tengo claro. Lo que no tengo claro es si se puede o no hacer aparecer un botón dentro de la celda al pasar el ratón por encima de esta.

Estuve mirándome el atributo onmouseover para ver si se lo podía insertar a la celda y que me apareciera el botón, pero ando algo perdido. Alguien que sepa algo del tema y me pudiera dar algo de luz...

Gracias.
  #2 (permalink)  
Antiguo 10/10/2013, 10:34
 
Fecha de Ingreso: agosto-2013
Mensajes: 150
Antigüedad: 10 años, 8 meses
Puntos: 29
Respuesta: Duda botón en celda

Tal vez esto:
Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.    $(document).ready(function() {
  3.  
  4.       $("#boton").hide();
  5.  
  6.       $("#texto").mouseenter(function() {
  7.          $("#boton").show("slow");
  8.          $("#parrafo").hide("slow");
  9.       });
  10.  
  11.       $("#texto").mouseout(function() {
  12.          //$("#boton").hide("slow");
  13.          $("#parrafo").show("slow");
  14.       });
  15. </script>

Código HTML:
Ver original
  1. <h4>Pasar el ratón por el campo fecha</h4>
  2. <input type="button" id="boton" name="boton" value="Boton"/>
  3. <input type="text" id="texto" name="texto" value="fecha" />
  4. <div id="parrafo">
  5.    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a nunc.
  6.    Ut ac purus. Mauris tempor, arcu aliquam pulvinar elementum, sapien pede consequat lectus, id lobortis justo mi nec eros.
  7.    Integer condimentum leo at risus. Aenean vel mauris eget lectus condimentum laoreet. Duis dictum. Etiam mattis pretium metus.
  8.    Vestibulum diam lectus, egestas in, semper consectetur, iaculis et, arcu. Integer ut lacus. Curabitur tempus nibh.
  9.    Vivamus consectetur velit eget nulla. Sed at libero sit amet nulla commodo suscipit.
  10.    Nunc elementum. Mauris magna lorem, tristique et, semper a, feugiat pulvinar, eros.
  11. </div>

Etiquetas: boton, celda, onmouseover
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:41.