Preguntas etiquetadas con javascript

¿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"> <iframe/> </div> Dimensione esto iframe-containerpara que el contenido apenas encaje …

14 javascript  html  css  iframe  responsive-design 

Tengo una variedad de objetos, donde solo tomo ubicaciones. Mi objetivo es fusionar estas ubicaciones en una matriz, sin embargo, no lo hago y obtengo una matriz vacía. Así es como lo hago: let results = [{ id: '1', locations: ['aaaa', 'bbbbbb', 'cccccc'] }, { id: '2', locations: [] }, …

14 javascript  arrays  typescript 

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; background-image: linear-gradient(to right, #e1e1e1 70%, rgba(255, 255, 255, 0) …

14 javascript  jquery  html  css 

Recibo muchas quejas de los usuarios de que cuando usan mis pestañas basadas en jQuery, les resulta molesto que cuando vuelven a presionar en su navegador, no van a la pestaña anterior sino a la página anterior . Agregué los siguientes botones anterior / siguiente pero no lo suficiente. ¿Cómo …

14 javascript  jquery 

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 …

14 javascript  html  server  browser-cache 

¿Un iterable es lo mismo que un iterador, o son diferentes? Parece, según las especificaciones , un iterable es un objeto, por ejemplo, objtal que se obj[Symbol.iterator]refiere a una función, de modo que cuando se invoca, devuelve un objeto que tiene un nextmétodo que puede devolver un {value: ___, done: …

14 javascript  ecmascript-6  iterator  iterable 

Estoy trabajando en la tabla HTML e imprimiendo esa tabla en la impresora usando html-to-papervue.js, lo que estoy haciendo es hacer clic en agregar creando una nueva fila y luego en hacer clic en imprimir Estoy tratando de imprimir la tabla pero no está tomando cualquier dato que solo muestre …

14 javascript  css  vue.js  printing  vuejs2 

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\" onclick=\"addSection('up',this)\"></i></button>" + "<label contenteditable=\"true\">section 1</label>" + "</div>" + "</li>"; } ¿hay alguna herramienta o algún atajo para …

14 javascript  html 

Estoy usando MatterJs para un juego basado en la física y no he encontrado una solución para el problema de evitar que los cuerpos sean arrastrados por el mouse a otros cuerpos. Si arrastra un cuerpo hacia otro cuerpo, el cuerpo que está siendo arrastrado puede forzarse dentro del otro …

14 javascript  physics  matterjs 

TypeScript 3.7 ahora admite el operador de encadenamiento opcional . Por lo tanto, puede escribir código como: const value = a?.b?.c; Es decir, puede usar este operador para acceder a las propiedades de un objeto, donde el objeto en sí puede estar nullo undefined. Ahora, lo que me gustaría hacer …

14 javascript  typescript  optional-chaining 

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. Así que necesito que mis iconos permanezcan en las entradas tal como están. ¿Es …

13 javascript  html  css  google-chrome 

Tengo algún problema en la carga variable de JavaScript en el cuadro de entrada del modelo de bootstrap: setTimeout(function() { swal({ title: "OverTime Status!", text: "You Need to get Sub OT Approval " + data.value + " Hours to Time allocate in the department", type: "warning", confirmButtonText: "OK" }, function(isConfirm) …

13 javascript  php  input  bootstrap-modal  sweetalert 

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: none; } <input type="checkbox" id="1"> <label for="1">Label</label> Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento En Chrome, cuando mueve el cursor entre …

13 javascript  html  css  label 

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> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td id="end">9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td id="start">0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> </body> </html> Si cambia el tamaño del navegador, la flecha …

13 javascript  html  svg 

Nuestra aplicación utiliza cookies para recordar el inicio de sesión del usuario. Cada vez que realizamos una llamada a la API de autenticación, el navegador adjunta la cookie HTTPonly establecida por el servidor con la solicitud de la API y se autentica. Este comportamiento parece estar roto en el safari …

13 javascript  cookies  safari  setcookie  samesite