채택완료

모달띄울 때

리스트에서 띄우는데요...

1.모달 코드를 리스트페이지에 넣어두어야 하나요?

2.아니면 버튼만들어놓고 버튼 누를때 모달을 불러오는 방식으로 해야 하나여?

2번이면 어떻게 해야 하는지..궁금합니다.

|

답변 2개 / 댓글 6개

채택된 답변
+20 포인트

https://tyson.tistory.com/90

모달 코드를 리스트에 하나 넣어놓고..

클릭하면 해당 값을 전달해서 띄우도록 해야겠죠..^^

답변에 대한 댓글 1개

감사합니다..핵갈렸었는데...답변보고
예제페이지처럼 모달 show 별도페이지로 올리고
리스트에서 버튼 클릭하면 아작스 작동하게 하여 이페이지를 불러오니 ,,, 모달이 뜨네여..늘 감사합니다.ㅎ

답변에 대한 댓글 5개

리스트가 너무 복잡해서 누를때만 불러오는게 좋을거 같은데 예제같은거 없을까요?
예제 링크하나 첨부 해 드립니다. get 방식 또는 post 방식으로 구현 가능합니다.
https://webinformation.tistory.com/22
모르는 부분이 잇어 추가 질문드립니다.
모달코드는 리스트에 넣었습니다.
$('#button_<?php echo $list[$i][wr_id]; ?>_2').click(function() {

var wr_id = $(this).data("wr_id");
var bo_table = $(this).data("bo_table");


$.ajax({
url: g5_url+"/<?php echo $board_skin_url?>/ajax.update.list.extra.php",
type: "POST",
data: {
"wr_id": wr_id,
"bo_table": bo_table,
중략 중략
"wr_5": wr_5,
},
dataType: "text",
async: false,
cache: false,
success: function(data, textStatus) {
sql = data.sql;
}
});

중략부분이 좀 복잡하구요,,모달안에서의 html도 좀 있고 이렇게 띄워야 하는게 여러개라 이걸 모두
리스트에 넣어두기는 아닌거 같아서....

위 js랑 html을 별도 파일로 두고 모달버튼 클릭하면 띄우는 방법을 모르겠습니다.
1개의 모달로 여러개를 변동해서 띄우시고 싶으시면
구성한 코드에서 url ,data 부분을 고정으로 구성하시고
특히 데이터는 json 형 변환 후 urlencode 해서 같이 던지세요.
위처럼 구성하면 한개의 JS 로 재사용 가능합니다.
감사합니다. 아직 json 수준은 앙됩니다..ㅋ

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