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 이며
비회원구매하기 를 누를시 나오는 화면입니다.
안녕하세요.
현재 질문자가 구현하시려는건 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>만약 엔터나 탭같은 효과를 내시려면 이스케이프 시퀀스를 입력하시면 됩니다.
안녕하세요 아하(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 를 사용하여 각 버튼에 따른 액션을 취할 수 있습니다.
답변이 도움이 됐으면 좋겠습니다. 좋은 하루 되세요~