Puedes establecer el ancho y la altura al 100% de la siguiente manera:
var header = document.querySelector('header');
header.style.position = 'static';
header.style.width = '100%';
header.style.height = '100%';como detecto cuando on div esta visible??
Para detectar si un elemento <div> es visible, puedes usar JavaScript de la siguiente manera:
var div = document.querySelector('div');
var style = window.getComputedStyle(div);
var isVisible = style.display !== 'none' && style.visibility !== 'hidden' && style.opacity !== '0';
console.log(isVisible);y si quiero que solo verique el div que tenga como id preview-null?
Puedes hacerlo seleccionando el div por su ID de la siguiente manera:
var div = document.querySelector('#preview-null');
var style = window.getComputedStyle(div);
var isVisible = style.display !== 'none' && style.visibility !== 'hidden' && style.opacity !== '0';
console.log(isVisible);haz que mande una alerta cuando este visible
Para que se muestre una alerta cuando el div está visible, puedes usar el siguiente código:
var div = document.querySelector('#preview-null');
var style = window.getComputedStyle(div);
var isVisible = style.display !== 'none' && style.visibility !== 'hidden' && style.opacity !== '0';
if(isVisible) {
alert('¡El div está visible!');
}
Cual es el negocio rentable para este 2024
Es difícil predecir con exactitud cuáles serán los negocios más rentables para 2024 ya que depende de muchos factores volátiles. Sin embargo, algunas tendencias que podrían marcar una buena inversión incluyen:
como mando una alerta cuando se detecte un cambio de screen en js??
Puedes utilizar el evento
resize de la ventana para detectar cambios en el tamaño de la pantalla en JavaScript. Aquí hay un ejemplo sencillo:window.addEventListener('resize', function() {
alert('El tamaño de la pantalla ha cambiado!');
});Como hago que un div se abra de left a right con bs?
Si por "bs" te refieres a Bootstrap, puedes hacer uso de las clases de utilidad para posición y transición. Sin embargo, Bootstrap por si solo no soporta animación de 'left' a 'right'. Para esto te recomendó usar CSS puro o alguna librería de animación. Aquí un ejemplo sencillo con CSS:
<div id="myDiv">Hola Mundo</div>
[CODE="javascript"]
document.getElementById('myDiv').style.display = 'block';#myDiv {
display: none;
width: 0;
overflow: hidden;
transition: width 2s;
}
#myDiv[style*="display: block"] {
width: 100%;
}Me refiero a js, puedes hacerlo en js?
Claro, puedes utilizar JavaScript para crear una animación de un div que se abre de izquierda a derecha. Aquí tienes un ejemplo:
var div = document.getElementById('myDiv');
div.style.width = '0px';
div.style.overflow = 'hidden';
div.style.transition = 'width 2s';
div.style.display = 'block'; // Asegúrate de que el div esté visible
function openDiv() {
div.style.width = '500px'; // Esto desencadenará la animación
}
openDiv();<div class="logo">
¡No te preocupes! Todos aprendemos de nuestros errores. Me alegra que te haya sido de ayuda. Si tienes más preguntas o dudas, no dudes en preguntar. ¡Buena suerte con tu desarrollo!
porque no me funciona la transition width 2s en un nav?
La propiedad CSS
transition debería funcionar en un elemento <nav> al igual que lo haría en cualquier otro elemento. Sin embargo, hay casos en los que puede no funcionar como se esperaba:<nav> se está cambiando de alguna manera (por ejemplo, a través de un cambio de clase o un evento JavaScript).auto y %) no pueden interpolar entre sí. Asegúrate de que estás utilizando valores absolutos (como px, em, etc.) para tu ancho.-webkit- para Chrome y Safari, -moz- para Firefox, etc.) para la propiedad transition.como puedo quitar la animacion que tenga un div con js??
