테스트 사이트 - 개발 중인 베타 버전입니다

레이어팝업 처음부터 뜨게 채택완료

홀로그램웹 2년 전 조회 1,323

아이콘은 클릭하면 레이어 팝업이 뜨는 형태인데

시작부터 오픈하고 싶은데 어떻게 고쳐야할까요?

디자이너입니다.

 

</p>

<p><script type="text/javascript">

        var target = document.querySelectorAll('.btn_open');

        var btnPopClose = document.querySelectorAll('.pop_wrap .btn_close');

        var targetID;</p>

<p>        // 팝업 열기

        for(var i = 0; i < target.length; i++){

        target[i].addEventListener('click', function(){

        targetID = this.getAttribute('href');

        document.querySelector(targetID).style.display = 'block';

        });

        }</p>

<p>        // 팝업 닫기

        for(var j = 0; j < target.length; j++){

        btnPopClose[j].addEventListener('click', function(){

        this.parentNode.parentNode.style.display = 'none';

        });

        }

        </script></p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

간단하게 아래에 추가하면됩니다.

</p>

<p><script></p>

<p>   window.onload = function() {</p>

<p>      var divElement = document.getElementById('test');</p>

<p>      if (divElement) {</p>

<p>         divElement.click();</p>

<p>      }</p>

<p>   };</p>

<p></script></p>

<p>

 

온 로드시 test id 엘리먼트를 클릭 한것처럼 해주는 스크립트에요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

M
2년 전

</p>

<pre>
<code>        for(var i = 0; i < target.length; i++){
        target[i].style.display = 'block';
        }</code></pre>

<p>

이렇게 바꾸면 되지 않을까요?

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인