[메시지 프롬프트 구성 요소], IE6/7&&FF2_javascript 기술과 호환 가능

작성자: yemoo
출처: WWW.AJAXBBS.NET
출시일: 2007-09-03

원본 주소: http://www.ajaxbbs.net/blog/post/100/

특별 참고 사항: 이는 서버측 컨트롤이 아닌 클라이언트측 컨트롤(예: asp.net 컨트롤 등)에서만 사용되는 js 구성 요소입니다. 이 구성 요소는 메시지 프롬프트를 아름답게 하기 위해 수정되었습니다.

PS: 모두가 실용적인 가치를 지닌 더 많은 제안이나 의견을 제공할 수 있기를 바랍니다. 적절하다면 계속 개선하고 수정하겠습니다.
============================================= === ===================
얼마 전 회사에서는 기본 회색 메시지 구성 요소(경고/확인)를 대체하기 위해 작은 구성 요소를 작성해야 했습니다. 회사측에서 개발한 시스템이 주로 IE 브라우저용이라 처음에 나온 코드는 ff에서는 동작하지 않네요. 최대한 벽돌을 피하기 위해 오늘 공유하려고 합니다. 코드 호환성 수정에 시간이 소요됩니다. 현재 ie6.0에서 실행 중입니다. FF2.0 및 FF2.0에서는 정상적으로 실행됩니다. 다른 브라우저에서는 테스트되지 않았습니다. 이것에 많은 시간이 걸립니다. 대부분의 요구 사항을 충족합니다.

구성 요소 소개:

1. 호출 메서드를 먼저 클래스로 캡슐화한 다음 호출 메서드를 여러 개의 간단한 메서드 호출로 변환할 필요가 없습니다. 전화할 때 new를 사용하세요. 호출 방법은 명확하고 간단합니다.
2. IE6.0&&FF2.0과 호환됩니다.
3. 현재 Vista, QQ, ExtBlue, BlackColl 3개, 4개의 스킨이 제공됩니다. 관심이 있는 경우 스타일 시트 파일을 수정하여 새 스킨을 정의할 수 있습니다.
4. 4가지 메시지 유형을 제공합니다. 메시지 프롬프트, 성공 정보, 오류 정보, 쿼리 정보입니다.
5. 메시지 상자가 나타나면 페이지의 다른 요소 작동을 차단하고 iframe 아래의 페이지 선택 및 선택을 자동으로 숨기고(무제한 선택 숨김) iframe 및 기타 요소를 마스킹합니다.
6. 페이지 선택 제어 상태가 복원되면 원래 상태로 유지됩니다. 즉, 원래 선택이 숨겨져 있으면 메시지 상자가 팝업되고 닫힌 후에도 선택이 숨겨지고 원래 선택만 유지됩니다. 선택이 표시됩니다.
7. 메시지 구성요소가 팝업되면 키보드의 Tab 키와 스페이스바의 작동이 차단됩니다(키보드의 페이지 요소 작동 방지). Enter 키를 누르면 메시지의 "확인" 버튼을 클릭한 것으로 처리됩니다. 요소.


사용 소개:
1. 먼저 페이지에 ymPrompt.js를 소개합니다.
2. 그런 다음 필요한 메시지 함수를 호출합니다.
(1)Alert(content,width,height,title,okFunc,cancelFunc) //메시지 프롬프트 유형
(2)SucceedInfo(....) //성공 메시지 유형
(3)ErrorInfo(...) //오류 메시지 유형
(4)ConfirmInfo(....) //쿼리 메시지 유형

네 가지 방법 매개변수 정확히 동일합니다:

content: 메시지 구성 요소에 의해 표시될 콘텐츠입니다.
너비: 메시지 상자의 너비입니다. 설정하지 않은 경우 너비가 조정됩니다.
높이: 메시지 상자의 높이를 설정하지 않은 경우 null로 설정하세요.
title: 메시지 구성 요소 제목
okFunc: OK 버튼을 클릭했을 때 실행되는 함수 이름.
CancelFunc: 취소 또는 닫기 버튼을 클릭했을 때 실행되는 함수 이름입니다.

데모 보기: http://www.ajaxbbs.net/test/ymPrompt/demo.htm
참고: 네트워크 공간의 속도로 인해 데모를 열 때 이미지 로딩이 느려질 수 있습니다. 처음으로 데모를 보려면 나중에 이미지를 다운로드하거나 소스 코드를 로컬로 다운로드하십시오.
소스 코드를 다운로드하려면 여기로 이동하세요: http://www.ajaxbbs.net/blog/post/100/