개발 Q&A

제목 [초보]모달창 안에서 스크립트사용
글쓴이 헛발이 작성시각 2012/11/16 12:55:48
댓글 : 4 추천 : 0 스크랩 : 0 조회수 : 25326   RSS
지금 ci에서 부트스트립트의 모달창을 테스트 중인데요..
부트스트립트를 떠나서요~ 잘 안되는게 있어서 질문 올립니다..


버튼을 클릭해서 모달창을 띄웠답니다...

그 모달창안에서 버튼을 클릭하면 자바스크립트로 alert창을 사용하려고
자바스크립트 또는 jquery를 사용하고 싶었답니다...

그런데 잘 안되는게 있는데요...

모달창으로 띄운 창은 바깥쪽 바탕이 반투명해지잖아요?
그런데 모달창안에 스크립트를 넣으면 바탕화면이 완전 깜해지고
바탕을 한번 마우스 클릭하면 반투명 해지는거에요...

스크립트를 빼면 정상적으로 반투명되지고...

그래서 그 모달창안의 스크립트를 모달창 띄울때 바탕화면에 스크립트를 옮겼어요...
그러면 스크립트를 못 찾더라구요..

제가 뭐 잘못했나요?

모달창 안에서 다시 스크립트를 사용할땐 그 스크립트를 어디에 위치 시켜야 하나요?

모달창안에 쓰면 스크립트는 먹지만 모달창이 비정상적으로 동작하고...
모달창 밖에서 스크립트를 쓰면 스크립트를 못 찾고 ...

ㅡ.ㅡ;;
 다음글 쿠키질문입니다 (4)
 이전글 foreach 사용할 때 예외처리? (2)

댓글

변종원(웅파) / 2012/11/16 13:04:27 / 추천 0
스크립트는 당연히 모달창 안의 소스에 위치해야하는게 맞구요.

파폭으로 css가 어떻게 적용되는지 보시면 될 것 같은데요? 보통 모달창 불러올때 자체 css를 
쓰는데 그것과 부트스트랩이 충돌 날 수도 있거든요.
헛발이 / 2012/11/16 14:34:52 / 추천 0
클릭해서 모달창을 띄울때 미리 클릭하는 페이지에 띄워절 모달창을 미리 만들어 놓는게
싫어서 아래와 같은 방식으로 했어요...

https://gist.github.com/1688900

그런데 저 방식으로 하면 모달창 띄우는거는 문제 없이 되는데..
띄워진 모달창안에 스크립트만 쓰면 모달창이 끝까지 처리되 않은듯
바탕화면이 검은색이 되고.. 한번 클릭해줘야 반투명이 되네요 ..

ㅡ.ㅡ;;
변종원(웅파) / 2012/11/16 15:39:41 / 추천 0
모달창 내부에서 리로딩을 시키거나 폼 전송을 해야할 필요가 있을 때는
iframe으로 된 모달이 있습니다. 그거 쓰셔야 합니다.

js 에러나 이런건 안나오는지요?
파폭 파이어버그에서 보면 js에러나 css 중복 이런거 나올거 같은데요?
헛발이 / 2012/11/16 17:09:34 / 추천 0
답변 감사합니다.. 잘 안되지만... 일단 해 보도록 하겠습니다. ㅋ