2012-04-11 6 views
-2

많은 웹 사이트에 아주 좋은 팝업 창이 있습니다. 예를 들어 체크 아웃 http://www.myntra.com과 같은 제품 이미지를 마우스로 가리키면 ** 빠른보기 ** 버튼이 표시됩니다. 이 유형의 윈도우를 구현하는 방법을 알고 싶습니다. 페이 스북 (facebook)조차도 메시지 전송을위한 좋은 인터페이스를 가지고 있습니다. 이러한 유형의 창은 새 창과 다릅니다. 나는 새로운 창을 만드는 법을 안다. 이게 뭐라고했는지 말해줘? html로 비슷한 것을 개발하는 방법? 팝업 창을 만드는 방법

나는 인터넷에서 검색을 시도하고 window.open() 메소드를 사용하여 샘플 팝업 창을 생성하지만이

+2

그게 당신이 [* 모달 창 *] (http://en.wikipedia.org/wiki/Modal_window)라고 부르는 것입니다. 팝업은 완전히 다릅니다. – Joseph

+1

net에서 검색을 시도하고 window.open() 메서드를 사용하여 샘플 팝업 창을 만들었지 만 다른 모습을 보여줍니다. 나는이 사이트들처럼 반투명하게 보이는 창을 만들고 싶습니다. – sachinjain024

+1

아래의 답은 모두 관련성이 있고, 다른 것들보다 기술적 인 것이지만 모두 공통점이 1 가지 있습니다 : CSS를 사용하여 "window/lightbox/dialouge "당신이 기대하는대로. 거의 확실하게 당신이 원하는 그대로의 것이 아닙니다. – KillerX

답변

2

jQuery Dialog box을 사용해보십시오. 예를 들면 다음과 같습니다 Demo

그것은, 당신은 모달 대화 상자를

+0

이 기능을 알려준 Ravi에게 감사드립니다. 이것은 멋지다 :) 나는 내 일을 계속 진행할 수 있다고 생각한다. 감사합니다. – sachinjain024

+0

대답으로 받아 들일 만한다면 –

0

I 옵션 위의 시도를 달성하기 위해 true로 Modal 속성을 설정할 수있다하지만 팝의 높이와 너비를 조정하는 등 그들과 함께 몇 가지 문제가있다 - 업 창, 일부 다른 속성 변경. jquery 대화 상자를 시도한 다음 div 요소를 만들고 div에 html 콘텐츠를 넣으려는 생각이 들었다. z- 색인을 매우 높은 수준으로 설정하고 본문 부분에 추가해야합니다. 팝업으로 이제 div 또는 팝업의 속성을 쉽게 설정할 수 있습니다. 이것은 나를 위해 완벽하게 작동합니다. 팝업을 표시하고 싶을 때마다 show() 및 hide() 메서드를 사용했습니다. 위의 모든 답변 덕분에 문제가 해결되고 지식이 향상되었습니다.

+0

좋은 생각입니다.하지만 jquery 대화 상자도 꽤 좋습니다. –

관련 문제