>  기사  >  웹 프론트엔드  >  070823 ie7_javascript 기술과 호환되는 [메시지 프롬프트 상자] 구성 요소를 업데이트했습니다.

070823 ie7_javascript 기술과 호환되는 [메시지 프롬프트 상자] 구성 요소를 업데이트했습니다.

WBOY
WBOY원래의
2016-05-16 19:09:28940검색

팁: 8.23에서는 IE 7의 표시 오류 버그가 수정되었습니다. 다운로드한 친구는 다시 다운로드하시기 바랍니다. 죄송해요!

업데이트 안내:
2007-08-23 11:50
1. IE7.0에서 버튼 텍스트 정렬이 잘못된 BUG 수정 (다운로드 소스코드가 업데이트 되었습니다. 다운로드 받은 친구들) , 다시 다운로드하시기 바랍니다).
2. 일부 js 프로그램 코드를 수정했습니다. (팝업박스 높이는 초기화시에만 계산됩니다.)

2007-08-23 21:30
1. 원래 3개의 소개를 작성하지 않았습니다. 7. 일부 친구들도 눈치채지 못했을 수도 있습니다. 여기에 추가하세요!

========================================== == ==========
얼마 전 회사에서는 Windows 2000의 기본 회색 메시지 구성 요소(경고/확인)를 대체하기 위해 작은 구성 요소를 작성해야 했습니다. 주로 IE 브라우저용이라 처음에 나오는 코드가 FF에서는 동작하지 않아서 오늘 공유하려고 합니다.. 호환성을 위해 코드 수정하는데 거의 1시간 정도 걸렸습니다. 및 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
참고: 네트워크 공간의 속도로 인해 데모를 열 때 이미지 로딩이 느려질 수 있습니다. 처음으로 데모를 보려면 나중에 이미지를 다운로드하거나 소스 코드를 로컬로 다운로드하십시오.
소스코드 다운로드:
로컬 다운로드

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.