XML 권 의 실전 금 낭(1):동적 정렬

동기:정렬 기능 은 우리 페이지 의 데 이 터 를 더욱 인성 화 시 켰 고 우리 가 사이트 에서 본 보편적 인 기능 효과 이다.기 존의 자동 정렬 은 대량의 스 크 립 트 코드 로 이 루어 졌 기 때문에 일반 애호가 들 에 게 는 어 려 운 일이 다.하지만 XML 로 처리 하면 훨씬 간단 합 니 다.자신의 페이지 를 더욱 화려 하 게 만 들 었 습 니 다.하하,당신 도 설 레 지 않 습 니까?재료:XML 볼 륨 의 동적 정렬 은 두 개의 파일 이 있 습 니 다.paixu.xml 과 paixu.xsl 역할:페이지 를 새로 고치 지 않 은 상태 에서 사용자 자신의 수요 에 따라 데 이 터 를 다시 정렬 하여 표시 하고 데이터 상호작용 기능 을 효과적으로 향상 시 켜 자신의 페이지 를 더욱 화려 하고 다 채 롭 게 합 니 다.  효과:여기 탐색  코드:paixu.xml      1    Sailflying    간단 한 정렬    2002-1-11 17:35:33    XML 테마        2    flyingbird    너 에 게 시집 가 는 것 은 너 를 아 프 게 하 는 것 이다    2001-09-06 12:45:51    관수 에센스        3    가 자    정규 표현 식 UBB 포럼 에서 의 응용    2001-11-23 21:02:16    웹 프로 그래 밍 에센스        4    태 을 랑    연말 클래식 키 파티 완전 매 뉴 얼 v 0.1    2000-12-08 10:22:48    포럼 관수 구역        5    mmkk    Asp 오류 정보 집합    2001-10-13 16:39:05    javascript 스 크 립 트   paixu.xsl XML 권 의 실전 금 낭(1):동적 정렬function taxis(x) { stylesheet=document.XSLDocument; source=document.XMLDocument; sortField=document.XSLDocument.selectSingleNode("//@order-by");sortField.value=x; Layer1.innerHTML=source.documentElement.transformNode(stylesheet); }

XML 롤 의 실전 금 낭(1):동적 정렬

<<
><<<번호이름테마발표 시간분류
 설명:1)paixu.xml 은 데이터 파일 이 므 로 모두 가 문제 가 없 을 것 이 라 고 믿 습 니 다.2)paixu.xsl 은 형식 파일 이 므 로 주의해 야 할 부분 이 몇 가지 있 습 니 다.  (1)스 크 립 트 중:sortField=document.XSLDocument.selectSingleNode("//@order-by");역할 은 order-by 속성 이 있 는 첫 번 째 노드 를 찾 는 것 입 니 다.따라서 해당 하 는 노드 는그래서 처음 onLoad 할 때 order-by 의 value 값 은 blueID。우 리 는 order-by 의 value 값 을 다시 정의 함으로써 정렬 의 목적 을 달성 합 니 다. Layer1.innerHTML=source.documentElement.transformNode(stylesheet); 역할:XML 데 이 터 를 변환 한 후 Layer 1 을 변경 하기 때문에 매개 변수'bluename'후,이름order-by 의 value 값 을'blue'로 변경 합 니 다.name',즉'bluename'은 정렬 방식 입 니 다.이 어 Layer 1 의 innerHTML 값 을 다시 표시 함으로써 새로운 정렬 내용 을 표시 합 니 다.(2)텍스트 중:order-by 이것 은 적 으 면 안 됩 니 다.그렇지 않 으 면 찾 을 수 없습니다.효 과 는 요?보 세 요!!또한 대부분의 XML 교과서 에 표 시 된 코드 에 encoding="gb 2312"를 추가 하 는 경 우 는 드 물기 때문에 우 리 는 XML 에서 중국 어 를 사용 할 때 오 류 를 보고 할 수 있 습 니 다.그 이 유 는 이 설명 을 쓰 지 않 았 기 때 문 입 니 다. 후기:여러분 들 은 동태 적 인 정렬 을 잘 알 고 생각 을 완성 한 후에 우리 의 실현 기법 이 매우 간단 하 다 는 것 을 알 게 될 것 입 니 다.order-by 의 수 치 를 수정 하고 다시 표시 하 는 것 입 니 다.동적 조회 와 동적 페이지 나 누 기 기능 에서 우 리 는 여전히 이 사고방식 에 따라 완성 한 것 이다.

좋은 웹페이지 즐겨찾기