¡Perfecto! No dudes en volver si tienes más preguntas o necesitas más ayuda. ¡Feliz codificación! 😀
$(".updateresp").each(function(){
Si nuevos elementos con la clase
.updateresp son añadidos después de que el código se haya ejecutado, estos nuevos elementos no recibirán los 'eventListener'. Para resolver este problema, puedes utilizar la técnica de delegación de evento. En lugar de adjuntar el 'eventListener' directamente a los elementos .updateresp, lo adjuntarías al document y luego verificarías si el evento proviene de un elemento .updateresp. Aquí un ejemplo de cómo se haría atendiendo a tu código:document.addEventListener('input', function(e) {
if (e.target.classList.contains('updateresp')) { // si el evento está en un .updateresp
var dataId = $(e.target).data("id");
var textarea = document.getElementById("noi1" + dataId);
textarea.style.height = 'auto';
textarea.style.height = textarea.scrollHeight + 'px';
}
});
document.addEventListener('keydown', function(e) {
if (e.target.classList.contains('updateresp')) { // si el evento está en un .updateresp
if (e.key === 'Enter') {
e.preventDefault();
var contenido = e.target.value.trim();
var dataId = $(e.target).data("id");
if (contenido) {
document.getElementById("resposter" + dataId).submit();
} else {
e.target.reportValidity();
}
}
}
});ahora como hago para que el textarea vuelva a su tamaño normal una vez enviado el formulario?
Para reiniciar el tamaño de tu textarea después de enviar el formulario, puedes establecer su valor a una cadena vacía ('') y luego ajustar su altura en función del scrollHeight:
if (contenido) {
document.getElementById("resposter" + dataId).submit();
textarea.value = '';
textarea.style.height = 'auto';
}document.addEventListener('input', function(e) {
if (e.target.classList.contains('updateresp')) {
var dataId = $(e.target).data("id");
var textarea = document.getElementById("noi1" + dataId);
textarea.style.height = 'auto';
textarea.style.height = (textarea.scrollHeight) + 'px';
}
});
document.addEventListener('keydown', function(e) {
if (e.target.classList.contains('updateresp')) {
if (e.key === 'Enter') {
e.preventDefault();
var contenido = e.target.value.trim();
var dataId = $(e.target).data("id");
var textarea = document.getElementById("noi1" + dataId);
if (contenido){
document.getElementById("resposter" + dataId).submit();
textarea.value = '';
textarea.style.height = 'auto';
}else{
textarea.reportValidity();
}
}
}
});puedes hacerme un slider donde las imagenes pasen automaticamente cada 5 segundos?
Si, aquí tienes un ejemplo básico de un slider de imágenes que cambia automáticamente cada 5 segundos usando HTML, CSS y JavaScript:
<div class="slider">
<img src="image1.jpg" id="slide" width="400" height="300" />
</div>
[CODE="css"]
.slider {
width: 400px;
height: 300px;
overflow: hidden;
}
[CODE="javascript"]
var images = ['image1.jpg', 'image2.jpg', 'image3.jpg']; // tus imágenes aquí
var index = 0;
setInterval(function () {
index = (index + 1) % images.length;
document.getElementById('slide').src = images[index];
}, 5000); // cambio cada 5 segundos
Me puedes dar otro top 20 de peliculas de robots ?
¡Claro! Aquí te dejo otro top 20 de películas con robots:
Me puedes dar otro top 20 de peliculas de robots ?
¡Claro! Aquí tienes otro top 20 de películas con robots:
Cómo puedo crear mi propia app a mi web sin saber programar?
Hay varias herramientas y plataformas en línea que te permiten crear una aplicación móvil para tu sitio web sin necesidad de tener conocimientos de programación. Estas suelen ser intuitivas y utilizar el método de "arrastrar y soltar" para el diseño y la funcionalidad de la aplicación. A continuación, te presento algunas opciones:
Cuál de estas plataformas crea la app gratis?
Todas las plataformas mencionadas anteriormente, como Appy Pie, GoodBarber, BuildFire, Adalo y Bubble, tienen planes gratuitos, pero suelen ser bastante limitados. Estos planes gratuitos por lo general incluyen la marca de agua de la plataforma en la aplicación, limitan el número de usuarios activos y no permiten publicar la aplicación en las tiendas de aplicaciones como Google Play Store o Apple App Store.
Cómo puedo hacer que un div desaparezca al moverlo hacia arriba o abajo??
Puedes lograr esto utilizando JavaScript (o jQuery) junto con CSS para controlar el desplazamiento y la visibilidad del div. Aquí te dejo un ejemplo básico utilizando jQuery:
<div id="miDiv">Este es un div que desaparecerá al hacer scroll</div>#miDiv {
position: fixed;
width: 100%;
height: 50px;
background-color: #f8f9fa;
transition: all 0.5s ease-in-out;
opacity: 1;
}var lastScrollTop = 0;
$(window).scroll(function() {
var currentScrollTop = $(this).scrollTop();
if (currentScrollTop > lastScrollTop){
// Desplazamiento hacia abajo, ocultamos el div
$('#miDiv').css('opacity', '0');
} else {
// Desplazamiento hacia arriba, mostramos el div
$('#miDiv').css('opacity', '1');
}
lastScrollTop = currentScrollTop;
});Es algo más o menos similar, pero quiero que desaparezca cuando arrastró el div
Para hacer que un div desaparezca cuando lo arrastras, puedes usar jQuery UI, que proporciona una serie de interacciones y efectos visuales, incluyendo la capacidad de hacer un elemento "arrastrable" (drag and drop). Aquí hay un ejemplo de cómo podrías implementarlo:
<div id="miDiv">Arrástrame</div>
<script>
$( function() {
$( "#miDiv" ).draggable({
start: function() {
$(this).hide("slow");
},
stop: function() {
$(this).show("slow");
}
});
} );
</script>
<style>
#miDiv {
width: 100px;
height: 100px;
background: #ccc;
cursor: move;
}
</style>draggable() de jQuery UI hace que el elemento sea arrastrable. Dentro de esta función puedes definir comportamientos para cuando el arrastre comienza (start) y termina (stop). En este ejemplo, el div se ocultará lentamente cuando comiences a arrastrarlo y reaparecerá lentamente cuando lo sueltes. <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
Crea una historia parecida a 'Vinland Saga', con una trama llena de guerra y romance.
