function validate() { var username = document.getElementById("username").value; var password = document.getElementById("password").value; if (username == "") { document.getElementById("message").innerHTML = "USERNAME CANNOT BE EMPTY"; document.getElementById("username").style.borderColor...
Quiero obtener la posición de texto seleccionada usando javascript. Por ejemplo, tengo un área de texto simple. #input-text { resize: none; width: 50%; height: 50px; margin: 1rem auto; } <textarea id="input-text">I am a student and I want to become a good person</textarea>...
Por ejemplo, tengo esto: <pre> sun<br/> mercury <br/> venus <br/> earth
Tengo una lista, con el overflow-xy overflow-yestablecido en auto. Además, he configurado el desplazamiento de impulso, por lo que el desplazamiento táctil funciona bien en dispositivos móviles webkit-overflow-scrolling: true. El problema, sin embargo, es que no puedo entender cómo deshabilitar el...
Estoy tratando de crear un sistema de menús con una imagen y texto arriba y abajo. Los datos son dinámicos. Quiero que el sistema de menús aparezca de modo que cada imagen esté a la misma distancia entre sí para que se alineen en una cuadrícula de imágenes tanto horizontal como verticalmente. El...
Quería hacer un círculo punteado con CSS y lo creé con el siguiente proceso. Aunque el círculo punteado podría mostrarse mediante este proceso, el espacio entre el final y el comienzo de la línea punteada se volvió estrecho y el espacio no fue uniforme. .c { width: 500px; height: 500px;...
Tengo una tabla con números. Cuando hago clic en una celda de la tabla, alterna el estado activo. Quiero seleccionar una celda y presionar crtl y seleccionar otra celda, y como resultado las celdas entre la primera y la segunda se activarán. ¿Cómo implementarlo? codepen
Soy nuevo en Next.js y me pregunto cómo redirigir desde la página de inicio ( / ) a / hello-nextjs, por ejemplo. Una vez que el usuario carga una página y luego determina si path === / redirect to / hello-nextjs En react-router hacemos algo como: <Switch> <Route path="/hello-nextjs"...
¿Podemos usar window.location.replacepara evitar el historial y apuntar a anclajes en la página sin recargar páginas, pero no en iframes? El problema es una violación de CSP (política de seguridad de contenido), que los estados script-src 'unsafe-inline'deben estar habilitados. Excepto que no...
Tengo el siguiente fragmento (necesito ver en modo de pantalla completa), que estoy tratando de colocar el <main>elemento directamente debajo del <header>elemento. Tengo la <header>posición fija porque quiero que permanezca en la parte superior de la pantalla mientras el usuario...
Estoy tratando de crear una animación de estilo de montaña rusa con CSS. Quiero saber cómo curvar la "montaña rusa" cuando está en la etapa de bucle. Estoy buscando una solución totalmente CSS, pero si necesito un poco de JavaScript, estoy de acuerdo con eso. mi código hasta ahora: #container...
Soy muy nuevo en Angular. Tengo trabajo en Angular. Necesito vincular la lista desplegable Anidada para los Jsondatos que provienen del servidor llamando a Rest Api. Los datos tienen un atributo LgLevel, especifica el nivel en la jerarquía del grupo. Los padres tendrán level=0, Inmediato Child=1,...
Quiero crear algunos html a través de JS, por lo tanto, necesito escribir el html dentro del archivo JS como: function createHtmlSection() { return "<li class=\"chapter up-wrapper-btn\">" + "<div>" + "<button><i class=\"fa fa-plus\"
Pruebo un código html / js en mi localhost (Windows 7, Chrome v79.0.3945.130 (64 bits)) y aproximadamente el 50% de los cambios de código de tiempo no se reflejan en el navegador (lo veo con Dev Tools / Sources ) Hay un montón de consejos en Internet, pero ninguno parece funcionar: Haga clic...
Cuando escribo el último número , el primer número va dentro de text-box(desaparece), agrega un espacio adicional. Después de hacer clic fuera, text-boxse ve bien, lo que necesito al escribir el último carácter. #number_text { padding-left: 9px; letter-spacing: 31px; border: 0;...
¿Cómo hacer que un iframe responda, sin asumir una relación de aspecto? Por ejemplo, el contenido puede tener cualquier ancho o alto, lo cual es desconocido antes de la representación. Tenga en cuenta que puede usar Javascript. Ejemplo: <div id="iframe-container">
Tengo una tabla html y quiero dibujar una flecha de una celda a otra. Por ejemplo así: ¿Como se puede hacer esto? HTML de ejemplo: <html> <body> <table>
En el siguiente ejemplo, cuando hace clic en la etiqueta, la entrada cambia de estado. document.querySelector("label").addEventListener("click", function() { console.log("clicked label"); }); label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select:...
El efecto de relleno automático del navegador Chrome eliminó background-colory background-imagedesde UsernameyPassword campos de entrada. Antes de autocompletar Después de autocompletar Pero Chrome Browser autocompletar oculta mis íconos de las entradas y también cambia mi background-color....
He creado una automatización donde me permitirá ingresar detalles en un sitio web (aunque no puedo compartirlo ya que es interno). Mi código a continuación solo funciona hasta que ingrese un texto en "recibido de". Sin embargo, este campo "recibido de" tiene una lista de autocompletar y necesito...