0
263
Vistas¿Cómo mostrar los resultados de una página web hecha por php en otra página web html?
Quería enumerar todos los archivos de un directorio local en un formato de estilista. Descubrí esta solución en línea:
https://css-tricks.com/snippets/php/display-styled-directory-contents/
Usé el servidor Apache usando Xampp y funciona bien.
Y ahora quiero mostrar este resultado en una página html como esta (ignore la fila de encabezado de la tabla):
Mi página html tiene pestañas de navegación y una pestaña mostrará esta tabla de todos los archivos.
Hasta ahora he probado dos soluciones:
Etiqueta de anclaje: abre una nueva pestaña, por lo tanto, no es útil.
- etiqueta: que está dando una ventana para ver los archivos como en la imagen de abajo:
Pero quiero mis archivos en la misma página en una pestaña de navegación particular.
Entonces mi pregunta es, ¿cómo agregar un archivo htmlf+php con la pestaña de navegación de una página web?
A continuación se muestra un código de muestra (sin incluir js, css y php) para mostrar dónde y cómo estoy usando la etiqueta y dónde puedo usar una nueva solución.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div class="tab"> <button class="tablinks" onclick="opentab(event, 'upload')" id="defaultOpen">File Upload</button> <button class="tablinks" onclick="opentab(event, 'report')">Reports</button> <button class="tablinks" onclick="opentab(event, 'insight')">Insight Engine</button> </div> <div id="report" class="tabcontent"> <h1>Hit refresh to see all the available files</h1> <iframe src="http://localhost:8080/final/uploads" width="100%" height="200px"></iframe> </div> </body> </html>