Estoy creando una pagina con el estilo de un portafolio de experiencia el cual carga en un menú dinamicamente los nombres de todos los archivos dentro de una ruta, después, mediante este menú generado, me gustaría que al darle clic a uno de estos nombres, dentro de un div principal cargue dicho archivo para una demostración.
Mediante jQuery utilizo esta funciòn para cargar dentro de un div un archivo php (#boton1 es quien ejecuta la accion y #Contenido es el div)
Código:
<script type="text/javascript">
$(document).ready(function() {
$("#boton1").click(function(event) {
$("#Contenido").load("php/PHP1.php");
});
});
El problema con esto es que no se como hacerlo dinámico, cada vez que yo agrego un archivo .php a mi carpeta de ejercicios, este automáticamente aparece en el menú que ya he mencionado y pues yo podría darle un id único con un for al momento de cargar sin problemas, la cuestion que se me dificulta es como hago para que ese jQuery detecte sobre que ID hiso click para yo asi poder vicularlo con su respectivo archivo
O no se si ustedes tengan una mejor manera de hacer esto, soy muy inexperto en esto aun, todo un novato! jeje.
Saludos