아하

생활

생활꿀팁

오늘의 열심답변자

오늘의 열심답변자

html 코드 제작 질문드립니다.

안녕하세요 어제도 동일한 글을 올려서 두분이 답변을 주셨는데

제가 응용을 잘못하겠네요...

https://www.samsamo.net/member/login.php?guestOrder

제가 원하는건

위의 페이지 안에 있는 [비회원 주문하기]버튼을 눌렀을때

위처럼 멘트가 나오게 하고 싶고 각각의 연결페이지는

[확인]을 눌렀을때 연결 페이지 : https://www.samsamo.net/order/order.php

[취소]를 눌렀을 때 연결 페이지 : https://www.samsamo.net/member/join2.php

로 하고 싶습니다.

코드를 어떻게 짜야할까요....

도움 부탁드립니다...ㅜ

위 예시 팝업의 위치는

https://www.kantukan.co.kr/shop/mall/login/login.php 이며

비회원구매하기 를 누를시 나오는 화면입니다.

3개의 답변이 있어요!

  • 싹싹한백로157

    싹싹한백로157

    안녕하세요.

    현재 질문자가 구현하시려는건 HTML 코드가 아닌 JAVASCRIPT라는 기술을 사용하여 코딩해야됩니다.

    <html>

    <head>

    </head>

    <body>

    <button type="button" onclick="order();"/>

    <script>

    function order(){

    if(confirm("칸투칸 100만 회원들이 누리고 있는 어쩌구 저쩌구")){

    //확인

    window.location.href="https://www.samsamo.net/order/order.php";

    }else{

    //취소

    window.location.href="https://www.samsamo.net/member/join2.php";

    }

    }

    </script>

    </body>

    </html>

    굵은 글씨로 되어있는 부분이 저 기능을 구현한 부분입니다.

    감사합니다.

  • 나의탄생

    나의탄생

    javascript 로 코드를 작성한다면 아래와 같습니다.

    confirm 메소드의 파라미터로 화면에 노출하고 싶은 문구를 추가하면 됩니다.

    confirm("화면에 노출하고 싶은 문구");

    <script> function buying() { var result = confirm("칸투칸 100만 회원들이 누리고 있는 혜택을 포기하겠습니까?\n\n[확인]를 클릭하시면 비회원 구매페이지로 이동합나다.\n\n[취소]를 클릭하시면 회원가입 페이지로 이동합니다."); if(result) { location.replace("https://www.samsamo.net/order/order.php"); } else { location.replace("https://www.samsamo.net/member/join2.php"); } } </script> <button onclick="buying()">비회원 구매하기</div>

    만약 엔터나 탭같은 효과를 내시려면 이스케이프 시퀀스를 입력하시면 됩니다.

  • 재빠른황로245

    재빠른황로245

    안녕하세요 아하(a-ha) 프로그래밍 지식 답변자 입니다.

    이미 구현된 페이지의 소스 코드를 따 와서 설명 드리는 것 보다 바닐라자바스크립트로 어떤 방식으로 구현되는지 설명을 드리는게 더 좋다고 생각 됩니다.

    <!-- 클릭 버튼 만들기 --> <div id="clickHere">비회원으로 주문하기</div> <script> function showAlert() { let selectChoice; // 선택창에 뿌려줄 메시지를 만듭니다. let message = "칸투칸 100만 회원들이 누리고 있는 혜택을 포기하겠습니까?" + "\n\n[확인] 을 클릭하시면 비회원 구매 페이지로 이동합니다." + "\n\n[취소] 을 클릭하시면 회원가입 페이지로 이동합니다." selectChoice = confirm(message); if(selectChoice) { //confirm 값이 true 일 경우 아래 링크로 이동 window.open('https://www.samsamo.net/order/order.php'); } else { //confirm 값이 false 일 경우 아래 링크로 이동 window.open('https://www.samsamo.net/member/join2.php'); } } // id가 clickHere 인 엘리먼트를 클릭했을 시 선택창이 뜨도록 설정 let el2 = document.getElementById("clickHere"); el2.addEventListener("click", showAlert, false); </script>

    confirm() 함수를 사용 하면 사용자의 선택을 유도하도록 알림 창을 띄울 수 있습니다.

    또한 if - else 를 사용하여 각 버튼에 따른 액션을 취할 수 있습니다.

    답변이 도움이 됐으면 좋겠습니다. 좋은 하루 되세요~