Mostrar los tags: addEventListener

Mostrando del 1 al 7 de 7 coincidencias
<<>>
Se ha buscado por el tag: addEventListener
Imágen de perfil

Obtener todos los valores de una fila pulsando un botón en dicha fila con JavaScript


JavaScript

Actualizado el 11 de Diciembre del 2020 por Xve (293 códigos) (Publicado el 7 de Febrero del 2018)
23.829 visualizaciones desde el 7 de Febrero del 2018
En este ejemplo, se muestra como obtener el contenido de todos los <td> de una fila cualquiera de una tabla pulsando un botón ubicado en dicha fila.

coger-valores-fila



Aquí el mismo código pero obteniendo el valor de las columnas: https://www.lawebdelprogramador.com/codigo/JavaScript/6765-Obtener-todos-los-valores-de-una-columna-pulsando-un-boton-en-dicha-columna-con-JavaScript.html

Aquí el mismo código con JQuery
https://www.lawebdelprogramador.com/codigo/JQuery/3134-Obtener-todos-los-valores-de-una-fila-pulsando-un-boton-en-dicha-fila-con-JQuery.html
Imágen de perfil

Campo que no admita espacios


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 4 de Abril del 2020 por Joel (143 códigos) (Publicado el 2 de Abril del 2020)
582 visualizaciones desde el 2 de Abril del 2020
Este simple código muestra como utilizando una clase podemos impedir mediante javascript que se pulse un espacio dentro de un campo de texto

impedir-poner-espacios
Imágen de perfil

Sumar los valores de una tabla html y mostrar el total


JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 27 de Junio del 2018 por Xavi (544 códigos)
22.978 visualizaciones desde el 27 de Junio del 2018
En este sencillo código, muestro como multiplicar el precio de los productos por el precio y mostrar el total, obteniendo los datos de una tabla html

calcular-valores-tabla-1

calcular-valores-tabla-2
Imágen de perfil

Multiplicar los inputs por filas y hacer el total


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 21 de Junio del 2018 por Xavi (544 códigos)
3.299 visualizaciones desde el 21 de Junio del 2018
Este simple código, muestra como multiplicar el precio del producto por la cantidad indicada por el usuario en cada producto por separado, a medida que el usuario va introduciendo los importes y/o cantidades. También realiza la suma total de los productos.

multiplicar-productos-javascript
Imágen de perfil

Ocultar/Mostrar div según texto de búsqueda


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 31 de Marzo del 2018 por Xavi (544 códigos)
2.266 visualizaciones desde el 31 de Marzo del 2018
Este simple código, muestra como esconder o mostrar los divs que contienen parte de la cadena de búsqueda.
La búsqueda se hace en el dataset.buscar, ya que el contenido del div podría contener imágenes, código html, etc...

buscar-en-div

buscar-en-div-resultado
Imágen de perfil

Permitir seleccionar solo 5 checkbox


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 6 de Agosto del 2017 por Xve (293 códigos)
3.845 visualizaciones desde el 6 de Agosto del 2017
Este simple código muestra como controlar que se selecciones un máximo de 5 checkbox.
Imágen de perfil

Crear un evento desde JavaScript con addEventListener


JavaScript

Publicado el 24 de Junio del 2015 por Xve (293 códigos)
4.413 visualizaciones desde el 24 de Junio del 2015
Este simple código, te muestra como desde JavaScript, puedes crear un evento click sobre un botón.
Al hacerlo de esta manera, tu código HTML queda completamente separado del código JavaScript... muy útil para trabajar en modelo vista controlador (MVC).