digg.com으로 이동하여 로그인 버튼을 클릭하면 사용자 데이터 등을 넣기 위해 표시되는 작은 화면 팝업이 나타납니다.팝업에서 javascript/css/jQuery ...?
그 중 가장 좋은 방법은 무엇입니까? 내 사이트는 RoR로 작성되었으며 일부 자바 스크립트 요소가 있습니다. javascript Popup을 검색하려고 할 때 window.open (...)을 얻지 만이 "팝업"을 설정하는 방법에 대해서는 전혀 알지 못합니다.
어떻게 코딩 되었습니까? 감사! 내가 말했듯이 바보 같은 질문처럼 들리 겠지만 동안
, 내가 뭘 (팝업 실제 창 팝업이 아닌 종류의 부드러운 페이드 팝업을 산출 자바 스크립트를 모든 검색)를 검색 할 생각이 없다
여기에는 많은 이름이 있습니다. 팝업 창은 열려있는 "팝"하고 일반적으로 더 작은 크기가있는 일반 자바 스크립트 창입니다. 때로는 클릭하면 사이트 중 하나가 현재 페이지 뒤에 열리고 표시되고 광고 될 수 있습니다.
찾고 계시는 것은 대개 모달 또는 대화 상자라고합니다. 당신이 jQuery를 사용하고 있다면 이것을위한 많은 플러그인이있다. 나는 colorbox가 최신의 최상의 지원이라고 믿습니다. http://colorpowered.com/colorbox/
jQuery를 사용하지 않는다면 그리 어렵지 않습니다. 이 연습의 배경은 현재 UI 위에 html 요소를 배치하는 것입니다. digg.com에서 볼 수 있듯이 그들은 오버레이를 자신의 UI 위에 놓습니다. 상자의 위치를 지정하십시오
이렇게하면 ui 위로 가져갈 때 효과가 나타납니다. 원하는 방식으로 오버레이 스타일을 지정하면됩니다. 오버레이를 올바르게 배치하려면 페이지 크기를 계산해야하지만 그렇게 어렵지는 않습니다.
용어는 "라이트 박스"입니다. 제가 좋아하는 사람이 있습니다 : Fancybox. 양식을 포함하여 팝업에 무엇이든 넣을 수 있습니다.
내가보고 싶은 것은 jQuery Dialog Box입니다. 그것은 당신이 요구하는 거의 모든 기능을 가지고 있습니다.
어쩌면이 시도해보십시오. library. 또한 JQuery는 매우 간단한 코드를 기반으로합니다. 팝업 창, 팬시 박스, 라이트 박스 또는 무엇이든 그것을 호출하거나 애니메이션으로 표시/숨기기, 드래그 가능 및 기본 페이지의 멀티 창 지원