¡Excelente! Me alegra saber que la información fue clara para ti. Si tienes más preguntas o necesitas ayuda con algo más, no dudes en preguntar. ¡Estoy aquí para ayudarte! 😊
Lo siento por la confusión pero en HTML, los IDs deben ser únicos en la página. Es decir, no deberías tener más de un elemento con el mismo ID.
$(".never").each(function() {
// Tu código aquí
});<div class="never"></div>
<div class="never"></div>mm no sabia que los ids debian de ser unicos, todos los dias se aprende algo nuevo >-<
¡Exactamente! Esa es la belleza de aprender algo nuevo cada día. Siempre estamos aquí para ayudarte a entender mejor. No dudes en hacer más preguntas si las tienes. ¡Sigue con el buen trabajo! 😊
una pregunta, como hago para que una imagen se haga grande cuando se pasa el dedo por la pantalla?
Para lograr esto, puedes usar la propiedad "transform: scale()" de CSS.
.img-zoom:hover {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}<img class="img-zoom" src="tuimagen.jpg">como lo haria para el movil?
En dispositivos móviles, ":hover" no funciona como en la web de escritorio, ya que no hay concepto de cursor. Pero puedes lograr un efecto similar con JavaScript o jQuery al usar eventos táctiles como
touchstart y touchend. Aquí hay un ejemplo sencillo usando jQuery:$(document).ready(function(){
$(".img-zoom").on("touchstart", function(){
$(this).css("transform", "scale(1.5)");
});
$(".img-zoom").on("touchend", function(){
$(this).css("transform", "scale(1.0)");
});
});y para que vuelva a su tamaño original como hago?
En el código que proporcioné anteriormente, la imagen vuelve a su tamaño original cuando termina el evento
"touchend". $(".img-zoom").on("touchend", function(){
$(this).css("transform", "scale(1.0)");
});"touchend". Este evento cambia el tamaño de la imagen de nuevo a su escala original con el código $(this).css("transform", "scale(1.0)");.pero yo me refiero es que vuelva a su tamaño original pero con el dedo en la pantalla pero en otra parte
Entiendo a lo que te refieres, si quieres que la imagen vuelva a su tamaño original cuando tu dedo esté en otra parte de la pantalla, necesitarías un poco más de lógica en tu código.
touchmove en el cuerpo del documento y verificar si el evento actual no es tu imagen, entonces cambiar el tamaño de nuevo a 1. Aquí hay un ejemplo:$(document).on('touchmove', function(e) {
if (!$(e.target).hasClass('img-zoom')) {
$('.img-zoom').css('transform', 'scale(1.0)');
}
});Lo siento por la confusión anterior. Parece haber un malentendido. Apple iOS y la mayoría de los navegadores Android no permiten el evento 'touchmove' a menos que primero registres un controlador para el evento 'touchstart' o 'touchend'. Podrías probar con el siguiente código:
$(".img-zoom").on("touchstart", function(){
$(this).css("transform", "scale(1.5)");
});
$(document).on("touchstart touchmove", function(e) {
if (!$(e.target).hasClass('img-zoom')) {
$('.img-zoom').css('transform', 'scale(1.0)');
}
});<input class="poster" name="resphold" type="submit" /> como hago para bloquear un input al hacer click?
Con JavaScript, puedes escuchar el evento de click y deshabilitar el input. Aquí tienes un ejemplo:
document.querySelector(".poster").addEventListener("click", function(event) {
event.target.disabled = true;
});document.getElementsByClassName('poster')[0].disabled=false; tambien se puede hacer asi verdad?
Sí, eso es correcto.
getElementsByClassName devuelve una lista de elementos con la clase indicada. En este caso, estás seleccionando el primer elemento (índice 0) con la clase 'poster' y modificando su atributo 'disabled'. como hago que un textarea se vuelva mas grande cuando se llega al final??
