Comment afficher des iframes dans un navbar dans une content page avec event?

Bonjour,

Bonjour
SVP, quelqu'un peut il m'aider à résoudre ce problème.

J'ai un bouton qui me permet de créer des iframes et de les ajouter dans une liste ordonnée dans un navbar.
Ensuite j'ai une fonction qui me permet de détecter l’événement clic à l’intérieur d'un Iframe et et de créer un autre iframe.

J'aimerai quand je clique sur un iframe dans le navbar qu'il s'affiche dans le content page ainsi je pourrais modifier le contenu de l'iframe

J'ai essayé plusieurs fonction jquery qui me permet d'activer les éléments "ol et li" mais ça ne marche pas avec les iframes,
donc j'ai essayer avec une fonction javascript qui me permet de cliquer ou sélectionner un des iframes du navabar pour l'afficher à droite mais ça ne marche toujours pas.

Svp quelqu'un peut il me partager ses conseils ou de me suggérer une façon plus simple de le réaliser.
Je vous remercie par avance.

Creation des iframes dans le navbar

<button name="Add" onclick="createpage();" class="btn btn-primary"> Add Page</button>  
<div id="loadiframehere">

      <script type="text/javascript">
        // Fonction create new page
    var pagenum = 1;
    function createpage(){
        
    var newlink = document.createElement('a');
    newlink.setAttribute('class', 'list-group-item list-group-item-action bg-light');
    newlink.setAttribute('href', '');
    
    var listex = document.createElement("LI");
    var moniframe = document.createElement("IFRAME");
    moniframe.setAttribute("src","http://localhost:7007/page" + pagenum + "/");
    moniframe.setAttribute("width","150");
    moniframe.setAttribute("height","150");
    moniframe.setAttribute("id","page" + pagenum + "");    
    
    pagenum++;
        
    listex.appendChild(moniframe);
    newlink.appendChild(listex);
    document.getElementById("loadiframehere").appendChild(newlink);
    //alert(pagenum);
      
    }

Evénement clique sur iframe

    <code>  </script>
 <script>
    var monitor = setInterval(function(){
        var elem = document.activeElement;
        if(elem && elem.tagName == 'IFRAME'){
            clearInterval(monitor);
             alert('clicked!');
    var moniframe1 = document.createElement("IFRAME");
    moniframe1.setAttribute("width","200");
    moniframe1.setAttribute("height","200");
      
    document.getElementById("loadiframe").appendChild(moniframe1);
           
        }
    });
    </script>