window.open – AuctionPro


<h2> 예약 되었습니다. </h2>


<input type="button" value="예약상태 보기" class="btn btn-primary" onclick="popup('@Html.Raw(ViewData["link"])');" />

<script>
    function popup(url)
    {
         window.open(url, "#1", "dialogHeight:600px;dialogHeight:400px;dialogWidth:700px;dialogTop:300px;dialogLeft:400px;edge:Raised;center:Yes;help:No;Resiable:No;Status:No;");
   }

</script>

<h2> 예약 되었습니다. </h2>

function popup(url)

{

window.open(url, "#1", "dialogHeight:600px;dialogHeight:400px;dialogWidth:700px;dialogTop:300px;dialogLeft:400px;edge:Raised;center:Yes;help:No;Resiable:No;Status:No;");

}

</script>

noticeWindow.opener = self; 코드가 팝업 창을 현재 창으로 다시 연결하는 기능을 수행하는데, 이 대신 새로운 팝업 창을 여는 코드로 변환하려면 window.open()을 사용할 수 있습니다. 예를 들어, window.open()을 사용해 팝업 창을 띄우려면 다음과 같이 작성할 수 있습니다:


function openNoticeWindow() {
    const url = "https://example.com";  // 원하는 URL
    const popupFeatures = "width=600,height=400,scrollbars=yes";  // 원하는 팝업 창 옵션
    const noticeWindow = window.open(url, "noticePopup", popupFeatures);

    if (noticeWindow) {
        noticeWindow.focus();
    } else {
        alert("팝업 창을 열 수 없습니다. 팝업 차단기를 해제해 주세요.");
    }
}

function openNoticeWindow() {

const url = "https://example.com"; // 원하는 URL

const popupFeatures = "width=600,height=400,scrollbars=yes"; // 원하는 팝업 창 옵션

const noticeWindow = window.open(url, "noticePopup", popupFeatures);

if (noticeWindow) {

noticeWindow.focus();

} else {

alert("팝업 창을 열 수 없습니다. 팝업 차단기를 해제해 주세요.");

}

코드 설명
url: 팝업으로 열 페이지의 URL을 설정합니다.
popupFeatures: 팝업 창의 너비, 높이, 스크롤 여부 등의 옵션을 설정합니다.
window.open() 함수로 팝업 창을 띄운 뒤, 열리면 focus()로 창이 포커스되도록 합니다.
이렇게 하면 opener = self; 없이도 새 창을 팝업으로 열 수 있습니다.