JS질문입니다. 채택완료

 

<p><a href="">브로슈어</a></p>

 

요기 a태그를 클릭시 다운로드 여부를 묻는 Confirm 창을 띄워서 확인을 누르면 다운로드 받고 

취소 누르면 다운로드 안되는 방식을 js로 구현하려고 하는데 

초보자라 어렵습니다.ㅜㅜ

방법이 있을까요??

 

 

답변 4개

채택된 답변
+20 포인트

<p><a href="#" id="downloadLink">브로슈어</a></p>

<script>
document.getElementById('downloadLink').addEventListener('click', function(e) {
  e.preventDefault(); // 링크의 기본 동작을 중지합니다.

  // Confirm 창을 띄웁니다.
  if (confirm('다운로드 하시겠습니까?')) {
    // 확인 버튼을 클릭한 경우, 다운로드 링크를 설정합니다.
    var downloadUrl = ''; // 다운로드할 파일의 URL을 여기에 입력하세요.
    window.location.href = downloadUrl;
  } else {
    // 취소 버튼을 클릭한 경우, 아무 동작도 수행하지 않습니다.
  }
});
</script>
 

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

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

간단하게 하실려면

 

Copy
<p><a href="" onclick="if (!confirm('다운로드 하시겠습니까?')) return false;">브로슈어</a></p>

 

이렇게 하시면 됩니다.

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

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

Copy
<p><a href="javascript:fn_download()">브로슈어</a></p>

<script>

funciton fn_download()

{

    if( confirm("다운로드 하시겠습니까?")

    {

       document.location.href = "/bbs/download.php?name=[파일명] ;

    }

}

 

※ download.php 파일은 은 원하시는 파일을 다운로드 하고자하시면 그누보드 참고해서 만드시면됩니다.

기존에는 게시판 위주로 되어있으니..참고 바랍니다.

 

 

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

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

<a href="javascript:download()">브로슈어</a>

<script>

function download() {

let result = window.confirm('다운로드 하시겠습니까?');

if(!result) {

// 다운로드 안함

} else {

// 다운로드 로직 실행

}

</script>

 

도움되길 바랍니다

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

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

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

로그인
🐛 버그신고