Articles of html5

JavaScript necesita enviar el carácter de Esc \ n o el Texto a HTML / Browser

1) Al ejecutar JavaScript en el intérprete, puedo usar una secuencia esc para poner texto en una segunda línea. NOTA: el valor de myHeading.textContent fue diferente en esta captura de pantalla que en las dos siguientes > myHeading.textContent + ” \n How are things?” < "Joshua Tree is swell, Laurel Ruth Shimer How are things?" […]

Interacción de CSS y Javascript de elementos HTML5 en IE8 y más abajo

Estoy experimentando algunos problemas al desarrollar con elementos html5 (NAV, SECCIÓN, ARTÍCULO, etc.) bajo IE8 y más abajo. Simplemente dijo que no puedo hacer nada con estos elementos en javascript o css. ¿Hay una solución para esto o tengo que convertir mi diseño completo a DIV de nuevo? Gracias NOTA: Parece que esto solo se […]

Como en Whatsapp, ¿cómo hacer una entrada que se extienda hacia arriba mientras escribe?

Como en Whatsapp, quiero hacer un campo de escritura que crezca hacia arriba. Tengo los siguientes códigos. * { box-sizing: border-box; } body { margin: 0; padding: 0; background: #262626; } .tel { margin: 20px auto 0; width: 300px; height: 500px; background: #fff; border-radius: 20px; position: relative; } .tel .screen { width: 280px; height: 400px; […]

Ajustar automáticamente la altura (hacer la misma altura) de todos los elementos usando CSS / CSS3

Tengo una lista desordenada de elementos de navegación que se muestran en línea, cada uno de estos elementos comparte el mismo ancho igual que el contenedor (es decir, 320px). El problema al que me enfrento es que existe la posibilidad de que el texto pueda pasar dos líneas debido al ancho limitado. Pero, ¿es posible […]

El video no se reproduce en angular 4 pero la página de actualización funciona

Estoy usando la etiqueta de video html Pero el video no se reproduce cuando se carga la página, luego de mover otra página está funcionando. Por favor, dame una solución. Error de devolución: No se detectó (en promesa) DOMException: play () falló porque el usuario no interactuó con el documento primero.

Contenido HTML en canvas

Cómo agregar contenido html en el canvas. Lo intenté pero no funcionó. De cualquier manera hay que añadir HTML en el canvas. http://jsfiddle.net/mktgnp3e/780/ var c = document.getElementById(“myCanvas”); var ctx = c.getContext(“2d”); var html=”Content….”; ctx.font = “20px Georgia”; ctx.fillText(“Hello World!”, 10, 50); ctx.font = “30px Verdana”; var gradient = ctx.createLinearGradient(0, 0, c.width, 0); gradient.addColorStop(“0”, “magenta”); gradient.addColorStop(“0.5”, […]

muestre el menú desplegable fuera de su barra lateral principal, y al desplazarse, el menú también se desplaza de acuerdo con su padre,

Aquí está el código a continuación, necesito el div DropMenu después de desplazar la navegación para cambiar su posición (tanto como la navegación de navegación). mantenerse por debajo del elemento (i) {showDropMenu:!prevState.showDropMeny})}> {showDropMenu && } nav { overflow-y: visible; overflow-x: hidden; max-height: 70vh; } ul { list-style-type: none; min-width: 15vw; padding-left: 0; } ¿Hay algún […]

Añadir imágenes de fondo a div (contenido dynamic)

Tengo un DIV … Ahora … En el diseño, y si lo consideras como un rectángulo, tiene la parte superior como encabezado y también el pie de página es diferente, así que no puedo crear una imagen de fondo de 1px y repetirla. Tendría que hacer algo como: This will have a fixed bg image […]

problema del clipping de desbordamiento para arrastrar eventos externos al calendario (o desde el calendario a la lista de ‘eventos externos’)

Estoy intentando arrastrar eventos desde el cuadro de eventos externos a una lista que tiene un índice z. Volví a crear el problema al que me enfrento en el siguiente CodePen : Arrastrar un evento externo de la lista al calendario funciona bien. Sin embargo, mientras lo arrastra desde el cuadro de evento externo al […]

Facebook como galería de imágenes con cuenta de imágenes.

Hola a todos Necesito un complemento de jQuery de galería de imágenes, que no debería cargar todas las imágenes inicialmente cuando se carga la página. Por ejemplo: si el menú tiene 25 imágenes, deberíamos mostrar solo cuatro imágenes con (+ 21 más). Así que al hacer clic en él. Debería aparecer con un control deslizante […]