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

모달띄울 때 채택완료

머시기거시기 5년 전 조회 1,944

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

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

 

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

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

 

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

답변 2개

채택된 답변
+20 포인트
e
5년 전

https://tyson.tistory.com/90">https://tyson.tistory.com/90

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

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

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

답변에 대한 댓글 1개

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

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

M
5년 전

둘다 가능합니다.

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

답변에 대한 댓글 5개

머시기거시기
5년 전
리스트가 너무 복잡해서 누를때만 불러오는게 좋을거 같은데 예제같은거 없을까요?
M
MHfac
5년 전
예제 링크하나 첨부 해 드립니다. get 방식 또는 post 방식으로 구현 가능합니다.
https://webinformation.tistory.com/22
머시기거시기
5년 전
모르는 부분이 잇어 추가 질문드립니다.
모달코드는 리스트에 넣었습니다.
$('#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을 별도 파일로 두고 모달버튼 클릭하면 띄우는 방법을 모르겠습니다.
M
MHfac
5년 전
1개의 모달로 여러개를 변동해서 띄우시고 싶으시면
구성한 코드에서 url ,data 부분을 고정으로 구성하시고
특히 데이터는 json 형 변환 후 urlencode 해서 같이 던지세요.
위처럼 구성하면 한개의 JS 로 재사용 가능합니다.
머시기거시기
5년 전
감사합니다. 아직 json 수준은 앙됩니다..ㅋ

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

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

로그인