어려운 작업은 아닌것 같은데, 워낙 기초 지식이 부족하다보니

작업을 의뢰 합니다.

부모창에서 자식창으로 팝업으로 띄우고 

자식창에서 선택된 값을 id로 부모창에 전달하여 출력 하는데 

id 값을 출력하여 db에 저장할려고 합니다.

빠른 작업은 위해 전화번호를 남깁니다. 9755-8923

부모창 
 

<!-- 각 이미지를 담을 div 요소 생성 -->
<div id="image-container-1" style="width: 500px;"></div>
<!-- 자식창에서 전달 받은 id="image-container-1" 의 값을 여기 출력 하는 작업을 요청합니다. -->

<div id="image-container-2" style="width: 500px;"></div>
<div id="image-container-3" style="width: 500px;"></div>

<!-- 각 div 요소에 이미지 선택 버튼 추가 -->
<button onclick="openImageSelector('image-container-1')">이미지 선택하기</button>
<button onclick="openImageSelector('image-container-2')">이미지 선택하기</button>
<button onclick="openImageSelector('image-container-3')">이미지 선택하기</button>

<!-- 이미지 선택 창 열기 -->
<script>   
  function openImageSelector(imageContainerId) {
    var childUrl = "./storage/storage.php";
    var width = 1200;
    var height = 800;
    var left = window.screenLeft + window.innerWidth / 2 - width / 2;
    var top = window.screenTop + window.innerHeight / 2 - height / 2;
    var options = "width=" + width + ",height=" + height + ",left=" + left + ",top=" + top;

    // 자식 창에서 선택한 이미지 주소를 받아오기 위해 imageContainerId를 자식창으로 전달합니다.
    var childWindow = window.open(childUrl + "?imageContainerId=" + imageContainerId, "", options);
  }
</script>

<!-- 자식창에서 선택된 이미지의 주소를 받아오기 -->
<script>
  function selectImage(imageUrl) {
    var selectedImage = imageUrl;
    var imageContainer = window.opener.document.getElementById(imageContainerId);
    imageContainer.innerHTML = "<img src='" + selectedImage + "' style='max-width:100%;' />";
    window.close();
  }
</script>

자식창 

<script>
  // 부모창에서 전달받은 imageContainerId를 사용하여 부모창의 해당 div 요소의 id를 찾습니다.
  var imageContainerId = new URLSearchParams(window.location.search).get("imageContainerId");
  var imageContainer = window.opener.document.getElementById(imageContainerId);

  function selectImage(imageUrl) {
    var selectedImage = imageUrl;
    // 선택된 이미지를 부모창의 해당 div 요소에 추가합니다.
    imageContainer.innerHTML = "<img src='" + selectedImage + "' style='max-width:100%;' />";
    window.close();
  }
</script>

    <?php 
    while (false !== ($entry = readdir($handle))) { 
    ?>
    <div onClick="selectImage('<?php G5_URL;?>/storage/<?=$tab_id?>/<?=$entry?>')"><img src='../storage/<?=$tab_id?>/<?=$entry?>' width='100%' class='mar_b_20'></div>
    <?    } ?>