Duda +50 modals en un div

[WONLNE]

Tengo la siguiente duda... espero que me puedan ayudar...

En una página tengo pre-cargada 50 ventanas modales ej:

Código PHP:

  <div id="modal-1"></div>
<div id="modal-2"></div>
<div id="modal-3"></div> 
   

En el cual las voy llamando según se requiera. Bien...

¿Hay alguna posibilidad de cargar en un solo div ej:

Código PHP:

  <div id="modal-0"></div> 
   

y ahí cargar y llamar el contenido que se requiera sin necesidad de crear tanto código html?

Espero haberme explicado bien y si me responden estupendo, así pueden ayudar a otros, ya que esto es optimización del código ejecutado por primera ves y hace que la página se cargue mucho más rápido.

Saludos

[Paty_RR]

Te doy una idea, es sencilla:

1- Crea tu div donde cargaras el contenido (uno es suficiente )
2- crea una funcion que reciba como parametro un numero por ejemplo, y dentro haces un switch dependiendo de la funcion que se requiera sera lo que mostraras en el div:

Código Javascript:

function muestraVentana(int a)
{
    switch(a)
   {
       case 1: 
            .
            .
            .
       break;
       case 4:
              document.getElementById('divXCambiar').innerHTML = "ADIOS";
              document.getElementById('divXCambiar').style.fontSize="24px";
               document.getElementById('divXCambiar').style.background="red";
        break;
 
}
 

El objeto o método por el que mande llamar a esta ventana emergente ya es donde debes enviar los parametros

Bueno espero te sirva saludos!