Programación html

6

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

2

HTML filepicker multi: obtenga archivos en uso

El siguiente problema ocurrió usando Firefox v73 en Windows 7: En mi código, uso un selector de múltiples archivos en html para cargar hasta 100 archivos en paralelo: <input type="file" id="files" name="files" multiple> Los archivos se enviarán a una REST-API que los procesará posteriormente. Cuando selecciono un solo archivo (en …

12 html firefox multifile-uploader filepicker

2

¿Cómo puedo obtener el evento click dentro de innerHTML?

Tengo este diseño que se creó dinámicamente: for (let i = 1; i < 10; i++) { document.querySelector('.card-body').innerHTML += `<div class="row" id="img_div"> <div class="col-12 col-sm-12 col-md-2 text-center"> <img src="http://placehold.it/120x80" alt="prewiew" width="120" height="80"> </div> <div id="text_div" class="col-12 text-sm-center col-sm-12 text-md-left col-md-6"> <h4 class="name"><a href="#" id="title` + i + `">Name</a></h4> <h4> <small>state</small> …

12 javascript html innerhtml

4

¿Cómo alinear verticalmente todo el texto en CSS?

El problema parece ser que ciertas letras como g, y, q, etc, que tienen una cola que se inclina hacia abajo, no permiten el centrado vertical. Aquí hay una imagen para mostrar el problema . Los caracteres en el cuadro verde son básicamente perfectos, ya que no tienen cola hacia …

12 javascript html css vertical-alignment

3

TCPDF tabla de página completa

Intenté muchas formas de hacer que la tabla se ajustara a la página (A4) como se muestra en la imagen: busqué mucho pero no pude encontrar nada útil en la web. Estoy usando una tabla dinámica, todo está bien, excepto el ancho de la tabla. Aquí está mi código: $content …

11 php html css tcpdf

2

¿Por qué no puedo abrir una pestaña con un botón html mientras estoy en la tienda web de Chrome?

Tengo una página en mi interfaz con diferentes botones, todos los botones, por sí mismos, funcionan perfectamente, pero si hago clic en el botón que abre una extensión en la tienda web de Chrome y luego hago clic en otro botón, la página no se abre . Aquí hay un …

11 javascript html google-chrome

1

Mostrar gráfico de trazado interactivo (archivo .html) en las páginas de GitHub

He creado la siguiente trama argumental de esta manera: import plotly labels = ['Oxygen', 'Hydrogen', 'Carbon_Dioxide', 'Nitrogen'] values = [4500, 2500, 1053, 500] trace = plotly.graph_objs.Pie(labels=labels, values=values) plotly.offline.plot([trace], filename='basic-pie-chart') Luego creé el html como tal: print(plotly.offline.plot([trace], include_plotlyjs=False, output_type='div')) Ejecutar el código anterior genera un archivo .html que puedo ver en …

10 python html markdown plotly github-pages

3

Mantener la posición de desplazamiento solo funciona cuando no está cerca de la parte inferior de los mensajes div

Estoy tratando de imitar otras aplicaciones de chat móviles donde, cuando seleccionas el send-messagecuadro de texto y se abre el teclado virtual, el mensaje más inferior todavía está a la vista. Parece que no hay una manera de hacer esto con CSS de manera sorprendente, por lo que JavaScript resize(única …

10 javascript android html css reactjs

11

¿Previene el desplazamiento div hacia arriba cuando es golpeado por div debajo de él?

Ayer hice una pregunta similar, pero la expliqué mal y no especifiqué mi deseo de una solución de CSS puro, que creo que debería ser posible, así que lo estoy intentando nuevamente. Básicamente, tengo un problema en el que tengo un div de mensajes desplazables y un campo de entrada …

10 javascript html css scroll scrollbar

3

¿La captación previa de enlaces funciona en subdominios?

He estado tratando de usar algo como esto para aumentar el rendimiento al hacer clic desde una página de destino simple a una aplicación de una sola página de peso pesado: <link rel="prefetch" href="https://example.com" as="document" /> <link rel="prefetch" href="https://example.com/app.js" as="script" /> <link rel="prefetch" href="https://example.com/app.css" as="style" /> Parece que no hay …

10 html link-prefetch

9

Cómo hacer que un <div> llene exactamente la ventana del navegador, incluido Mobile Safari a partir de 2019

Estoy trabajando en una aplicación web de una sola página, que generalmente se usará en dispositivos móviles. Una de sus características es un modo de mapa, que ocupa temporalmente toda la ventana del navegador; una escala de distancia y algunos controles están unidos a las cuatro esquinas del mapa. Aquí …

10 html css mobile-safari fullscreen

1

iOS Chrome calcula la altura incorrecta del documento

Para llenar toda la altura de la página, utilizo height: 100%;las etiquetas html y body, y funciona bien hasta que un navegador se cierre y se vuelva a abrir. (No uso 100vh debido a problemas en dispositivos móviles https://nicolas-hoizey.com/2015/02/viewport-height-is-taller-than-the-visible-part-of-the-document-in -some-mobile-browsers.html ) Pasos para reproducir: Abra https://angelika94.github.io/rick/ en Google Chrome en …

10 html css height google-chrome-app

2

Problema con "white-space: nowrap" en Chrome 78.0.3904.70

Desde el lanzamiento de Chrome v78.0.3904.70, veo problemas con el uso &nbsp;de la propiedad CSS white-space: nowrap;. El espacio que no se rompe parece causar un salto de línea. Cuando se usa text-overflow: ellipsis, el texto real no se mostrará ya que está roto fuera del contenedor. Solo parece suceder …

10 html css google-chrome whitespace

2

Posición parpadeante del iPhone

Siguiendo un pedacito de mi código. Solo me pregunto por qué la celda "iphone" parpadea solo desde iphone. PD. No puedo usar una tabla o una lista para la estructura. También intenté usar transform: translate3d(0,0,0);. Básicamente, también necesito que la primera celda sea pegajosa para Left y Top en iPhone …

10 html css

3

El navegador web (Chromium / Firefox) deja de responder durante 1-2 segundos después del diálogo del archivo

¿Cómo puedo mejorar este código para eliminar la falta de respuesta / retraso de la página después de seleccionar un archivo del cuadro de diálogo de archivo y hacer clic en Aceptar? He estado probando archivos con tamaños de alrededor de 50-100 KB function handleFileSelect(evt) { var files = evt.target.files; …

9 javascript html

Preguntas etiquetadas con html