Muy buenos tus vídeos. Estoy tratando de hacer una página que al dar click a una imagen te ejecute un vídeo. Con lo que he aprendido de tus vídeos pude generar el evento click para cada una de las imágenes, pero ahora no sé cómo hacer para que me ejecute el vídeo correspondiente... Podrías darme alguna sugerencia....? Desde ya mil gracias.
Muchas gracias por tu comentario! En este video explico como trabajar con video th-cam.com/video/-vlf67T1cOE/w-d-xo.html, para el caso puntual podes hacer algo como esto: HTML JAVASCRIPT const video = document.querySelector('video'); const img = document.querySelector('img'); img.addEventListener('click', e => { video.play(); }); Saludos!
Hola necesito ayuda Quiero crear mi propia classe sin el atributo classe , con otro nombre por ejemplo : PANEL="PANEL1". Pero no puedo seleccionarlo con E.target.id, E.target.nodeName, E.target.tagName, E.target.className.
No entendí muy bien tu problema, pero por ejemplo si lo que querés es seleccionar elementos mediante atributos y no clases, tenes que usar el selector de atributo, ejemplo: HTML: JS: const panel = document.querySelector('[data-panel="panel"]'); Espero que te sirva! Saludos!
Tengo un problema, análogo al que hiciste imagínate que tengo el nodo padre "contenedor", con sus respectivos hijos en ves de botones, divs con sus respectivos contenidos, ahora quiero saber cual de sus hijos de "contenedor" fue clickeado, ya que si sigo tu código por lo general me tira un nieto o cualquier descendiente de "contenedor", como hago para que capturar solo a los hijos a pesar de hacer click sobre los nietos, gracias. Una solución es añadirle una clase "HIJO" a los hijos y al hacer click en algún lugar este subirá por el árbol del Dom hasta llegar a un ancestro que tenga el nodo con la clase "HIJO", pero también requiere mas recursos, que otra solución puedo aplicar, gracias.
Hola!, gracias por el comentario, en tu caso si tenes la posibilidad de tener una clase en el elemento "hijo" podes subir por el árbol del DOM lo que pasa es que puede ser que tengas diferentes tipos de anidamientos por lo cual tendrías que saber en que nivel estas para subir el nivel correspondiente o iterar la subida, quizás para estos casos te conviene utilizar: e.target.closest(‘.claseHijo’); esto lo que hace es devolverte el ascendiente más cercano a tu elemento actual ("e.target") que coincida con el selector que le estas pasando como parámetro (".claseHijo"). Saludos!
@@programandoeldestino4492 Excelente el que implemente hace lo mismo se invoca recursivamente con el parent node y se va fijando hasta llegar al que tiene dicha clase, o null si esta en el document. Pero bueno no conocía closest, gracias. Saludos!
![Curso Javascript - Drag and Drop (2) Puzzle [dataTransfer]](http://i.ytimg.com/vi/wP-yu5cDtNc/mqdefault.jpg)
![Curso Javascript - LAZY LOADING de Imagenes NATIVO - HTML5 [Intersection Observer]](/img/n.gif)
Magistral amigo. Gracias y saludos
Impecable, muy ckaro.
Lo explicas muy simple.
Muchas gracias
Extraordinario trabajo amigo. Gracias
Explicas muy bien :D !!! Gracias!!! Aprendí algo nuevo :)
Genial! La idea es siempre aprender algo nuevo! Saludos!
Perfectamente explicado, vale oro esta info!
Muchísimas gracias por tu comentario! Saludos!
Muy Buena la explicación
Muchas gracias! Saludos!
excelente video y explicación. Me ha servido muchísimo.
Muchísimas gracias! Espero que otros videos también te resulten útiles! Saludos!
Otro videaso,gracias!
Muchas gracias por tu comentario! Saludos!
yo soy principiante donde puedo encontrar un video mas simplificado? sin eso del data color porque yo todavia no llego a eso
Me gustaría mostrarte otra manera de usar la delegación de eventos. Muy buen video. Saludos
Muchas gracias! Saludos!
Muy buenos tus vídeos. Estoy tratando de hacer una página que al dar click a una imagen te ejecute un vídeo. Con lo que he aprendido de tus vídeos pude generar el evento click para cada una de las imágenes, pero ahora no sé cómo hacer para que me ejecute el vídeo correspondiente... Podrías darme alguna sugerencia....? Desde ya mil gracias.
Muchas gracias por tu comentario! En este video explico como trabajar con video th-cam.com/video/-vlf67T1cOE/w-d-xo.html, para el caso puntual podes hacer algo como esto:
HTML
JAVASCRIPT
const video = document.querySelector('video');
const img = document.querySelector('img');
img.addEventListener('click', e => {
video.play();
});
Saludos!
Hola necesito ayuda
Quiero crear mi propia classe sin el atributo classe , con otro nombre por ejemplo : PANEL="PANEL1".
Pero no puedo seleccionarlo con
E.target.id,
E.target.nodeName,
E.target.tagName,
E.target.className.
No entendí muy bien tu problema, pero por ejemplo si lo que querés es seleccionar elementos mediante atributos y no clases, tenes que usar el selector de atributo, ejemplo:
HTML:
JS:
const panel = document.querySelector('[data-panel="panel"]');
Espero que te sirva! Saludos!
gracias!!!
Tengo un problema, análogo al que hiciste imagínate que tengo el nodo padre "contenedor", con sus respectivos hijos en ves de botones, divs con sus respectivos contenidos, ahora quiero saber cual de sus hijos de "contenedor" fue clickeado, ya que si sigo tu código por lo general me tira un nieto o cualquier descendiente de "contenedor", como hago para que capturar solo a los hijos a pesar de hacer click sobre los nietos, gracias.
Una solución es añadirle una clase "HIJO" a los hijos y al hacer click en algún lugar este subirá por el árbol del Dom hasta llegar a un ancestro que tenga el nodo con la clase "HIJO", pero también requiere mas recursos, que otra solución puedo aplicar, gracias.
Hola!, gracias por el comentario, en tu caso si tenes la posibilidad de tener una clase en el elemento "hijo" podes subir por el árbol del DOM lo que pasa es que puede ser que tengas diferentes tipos de anidamientos por lo cual tendrías que saber en que nivel estas para subir el nivel correspondiente o iterar la subida, quizás para estos casos te conviene utilizar: e.target.closest(‘.claseHijo’); esto lo que hace es devolverte el ascendiente más cercano a tu elemento actual ("e.target") que coincida con el selector que le estas pasando como parámetro (".claseHijo"). Saludos!
@@programandoeldestino4492 Excelente el que implemente hace lo mismo se invoca recursivamente con el parent node y se va fijando hasta llegar al que tiene dicha clase, o null si esta en el document. Pero bueno no conocía closest, gracias. Saludos!