드래그 및 크기 조정이 가능한 JavaScript 팝업 창을 어떻게 만듭니 까?

문제

브라우저 간 사용을 위해 JavaScript로 드래그 가능하고 크기를 조정할 수있는 창을 만들고 싶지만 가능하면 프레임 워크를 사용하지 않으려 고합니다.

누군가 내가 사용할 수있는 링크 나 코드를 가지고 있습니까?

해결책

JQuery는 많은 멋진 유틸리티 함수에 더 초점을 맞추고 DOM 조작을 훨씬 더 쉽게 만듭니다.기본적으로 Javascript라고 생각합니다.자바 스크립트 언어 자체에 매우 유용한 추가 기능입니다.

ExtJS는 특정 API가 포함 된 GUI 구성 요소 모음입니다 ... 이와 같은 구성 요소를 쉽게 만들려면 사용하고, 그렇지 않으면 더 유연한 프레임 워크를 사용하십시오.

다른 팁

JQuery 가 좋은 방법입니다. 그리고 Jquery UI 플러그인 (예 : 드래그 가능 ), 아주 간단합니다 .. ( 데모 여기).

프레임 워크를 사용하지 않고 '순수'하게 유지하는 것은 나에게 시간 낭비 인 것 같습니다. 엄청난 시간을 절약하고 애플리케이션을 더 좋게 만드는 데 더 많은 시간을 할애 할 수있는 좋은 기능이 있습니다.

하지만 언제든지 소스를 확인하여 '영감'을 얻고 사용하지 않을 항목의 오버 헤드없이 적용 할 수 있습니다. 잘되어 있고 읽기 쉬우 며, 생각지도 못했던 크로스 브라우저 해킹을 자주 발견합니다 ..

편집 : 오, 만약 당신이 프레임 워크를 절대 원하지 않는다면, 그 소스를 확인하세요. 당신의 애플리케이션에 그것을 사용할 수 있는지 확인하세요.

때로는 환경이나 아키텍처를 선택할 수 없기 때문에 프레임 워크를 사용할 수없는 것과 같은 제약 조건 내에서 작업해야합니다 ...

프레임 워크를 완전히 피하면 많은 코드와 지루한 브라우저 테스트가 필요합니다.

프레임 워크를 고려한다면 jqDnR 플러그인과 함께 jQuery를 제안합니다.문제를 해결하거나 jQuery draggables 의 기능을 jQuery 크기 조정 가능

아주 작은 일을 위해 클라이언트에 큰 프레임 워크를 다운로드하지 않으려 고 노력하는 것뿐입니다.

제이 쿼리뿐만 아니라 ExtJS도 살펴 봤는데, 문서와 UI '모양'이 ExtJS에서 훨씬 우수하고 전문적으로 보입니다 ... jQuery를 추천하는 특별한 이유가 있습니까?

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow