2008 2008년 9월 20일

XSL / XSLT에서 TEXTAREA의 축소 문제


문제 진술 :
나는 XSLs의 textareas에 관한 이러한 문제를 다퉜다. 당신이 빈 <textarea> 태그가있을 때 간단하게 말하면, 문제가 발생, 그때 그것은 <textarea />로 축소됩니다.
당신의 스타일과 TEXTAREA 값에 대한 XML 데이터에 다음과 같은 것을 가진다면, 즉 아무것도 반환하지 ...

<textarea name='description'> <xsl:value-of select="DESCRIPTION"/> </ textarea>

브라우저가 이것을 인식하지 않으므로 그것은 텍스트 영역에 실행하는 양식의 나머지 부분은 HTML하게됩니다.

가능한 해결책 :

이 필드의 클라이언트측 검증시, 추가이 여분의 공간을 돌봐줄, 가치 tag.BEWARE : XSL에서 XSL 후 비 해독 공간 ()를 추가합니다.

<textarea name='description'> <xsl:value-of select="DESCRIPTION"/> </ textarea>

또는
<xsl:value-of select="concat (DESCRIPTION,' ')"/>

또는
알 수없는 속성을 가리키는 <xsl:value-of select="@unknown" /> 태그를 삽입합니다. 이것은 사이에 아무 상관없는 경우에도 PHP XSLT 파서는, 개방 및 폐쇄 텍스트 영역 태그를 생성하도록 강요합니다.

또는
닫는 태그를 강제하기위한 공간을 포함하는 <xsl:text> 필드를 삽입합니다.

위에서 언급한 솔루션은이 문제를 해결하기 위해할지는 모르지만 그러나, 난 여전히 그들이 권리이며 그것을 해결하는 최선의 방법 확신 잘 안되 네요. 이러한 특질을 고칠 수있는 다른 더 좋은 방법이있다면 알려주 해 주시기 바랍니다.


2008 2008년 9월 14일

스타일 테스트 조건의 다양성 (XSL의 수집 : IF 및 XSL : 테스트 조건)

나 XSL을해야 할 때마다 : IF 또는 XSL : 테스트, 난 참고 도서로 돌아가있을 때만. 난 그들을 기억하고 절대 안하더군요. 거기 밖에 더 될 저처럼 누가 대신 필요할 때 언급 준비, 한 장소에서 가능 그들 모두를 가지고 싶다는 생각.

IF : 처음 접하는 ... 스타일을위한 구문

<xsl:if test="expression">
<- 내용 : 템플릿 ->
다 </ xsl : 경우>

XSL :면 / XSL : 때 테스트 컬렉션
아래 조건 설명 간단하고 셀프 모두 있습니다. 그래서 그것이 더 설명할 필요는 없을 것으로 생각

<xsl:if test="position()=last()-1">
이 목록에있는 마지막 하나의 요소가되는 경우!
다 </ xsl : 경우>

<xsl:if test="SALARY> 5000 ">
이 사람의 급여가 루피보다 큽니다. 5000
다 </ xsl : 경우>

<xsl:if test="count(JOBS)> 3 ">
이 목록에있는 3 개 이상 일자리가 있습니다!
다 </ xsl : 경우>

<xsl:if test="(@DEPT = 'SALES') 또는 (@JOINYEAR = '1997')">
이 사람은 1997입니다 가입의 판매 부서 또는 그의 년도부터입니다
다 </ xsl : 경우>

<xsl:if test="EXPERIENCE">
이 사람이 atleast 한 체험 자식 요소가.
다 </ xsl : 경우>

<xsl:if test="@HOBBY">
사람은 취미 속성을 가지고 있습니다.
다 </ xsl : 경우>

선택 / 스타일 : 동일한 텍스트 조건은 XSL을 위해 사용될 수있는 때뿐만 아니라

XSL : 선택

XSLT는 XSL :면 몇 가지 주요 차이점이 있습니다 : 선택 명령은 XSL과 유사합니다 :
• 하나의 XSL : 선택 요소는 하나 이상의 조건​​에 대해 테스트하고 해당하는 조건에 따라 결과 트리에 다른 노드를 추가할 수 있습니다.
• XSL : 요소가 조건 중 아무것도 해당하지 않으면 결과 트리에 추가하는 기본 템플릿을 가질 수 선택합니다. (XSL을 비교 : 이것은 '다른'조건도 상당이없는 경우).
• XSL : 당신이 안쪽 XSL의 원하는 잘 구성되어 요소를 넣을 수있는 동안 요소, 그것이 작동하기 위해서 필요한 구체적인 하위 요소를 가지고 선택 : 요소 경우.

<xsl:choose>
<xsl:when test="boolean-expression">
이 부울 표현은 진짜야 때 뭔가를 해주세요
다 </ xsl :시>
<달리 / XSL> <xsl:otherwise> 다른 일을
다 </ xsl : 선택>


2008 2008년 9월 13일

자바 스크립트 : 브라우저에서 편집 웹 페이지

음, 과학 등 usefull 장도없고 말을해야하지만 웹 개발자면, (또는겠나?) 언젠가 쓸모가 올 수도 있습니다. 여기 사이트에 대해 웹 페이지를 편집할 수 있도록 작은 북마크입니다.
그리고 죄송합니다! 당신은 단지 로컬 컴퓨터에 결과를 저장할 수 있습니다.

자바 스크립트 : document.body.contentEditable = '진정한'; document.designMode = '에 대한'; 무효 0


2008 2008년 9월 4일

CSS를만이 사용 (스크롤 창에 고정 유지) 고정 페이지 블록

이 게시물 문구 "강의 할머니가 계란을 빨아"에 대한 좋은 예가 될 것 ... 이것은 단지 기본 CSS의 뿐인데 있으니까. 그러나 이들을 위해, 잊기 나처럼,이 변장 축복이 될 수도 있습니다. 난 항상 (내가하는 말을 위해 직장을 잃어버릴 수있다), 그것이 정적 HTML 페이지 내용의 일부를 유지시키기위한 목적으로만 가능한 줄 알았는데 모든 과학적인 해안선, 일부 스마트 스크립트를 사용하여, (의미, 그 위치는 윈도우 스크롤을하는 겁니다) 계산 Window.scroll 이벤트를 포집하고 시간 초과 등 설정, 동적 위치를 찾는 방법

그것은 이것처럼 간단하게 되리 라곤 생각도 못했어요 .... 여기 CSS / HTML 아래에 내가 네 정적 블록, 페이지의 각 extrimities에 고정되어 하나가, TOP, 오른쪽, 아래쪽 및 왼쪽 ... 불필요한 말을하고 ...이 필요하다면 언제 하나 이상을 선택할 수 ...

CSS
. 정적 {디스플레이 : 블록, Z-인덱스 : 10; 색깔 : # FFFFFF; 오버플로우-X : 숨김, 오버플로-Y : 숨겨진; 위치 : ixed;
}
# 내용 {마진 : 100px 150px 160px 0px; 국경 : 1px 고체 # e6e6e6}

# 랩-T {가기 : 0px; 배경 : # 33CC66; 폭 : 100 %; 높이 : 55;}

# 랩 - 전 {상단 : 80px; 배경 : # FF9966; 높이 : 300px; 폭 : 150px; 테두리 : # e6e6e6 고체 2px;}

# 랩-B {하단 : 0px; 배경 : # 3333CC; 폭 : 100 %; 높이 : 55;}

# 랩-R {상단 : 80px; 배경 : # 6666FF; 높이 : 300px; 폭 : 140px; 테두리 : # e6e6e6 고체 2px; 오른쪽 : 0;}

HTML
<div의 id="contents">는 귀하 메인 페이지의 내용 </ 사업부>
<div id="wrap-b" class="static">
페이지 아래쪽에 정적 콘텐츠
</ 사업부>
<div id="wrap-t" class="static">
페이지 상단에 정적 콘텐츠
</ 사업부>

<div id="wrap-l" class="static">
페이지에 정적 콘텐츠 남아
</ 사업부>
<div id="wrap-r" class="static">
페이지 오른쪽에있는 정적 콘텐츠
</ 사업부>

여기 wroking 샘플보기


2008 2008년 9월 2일

CSS를 해킹에만 Firefox 용 자바 스크립트, CSS, HTML

많은 우리가 브라우저 specfic 해킹을 작성 할 필요가 느껴 번 (를 좋은 연습 아니지만, 우리 UI 개발자들은 훌륭한 브라우저 전쟁까지 이러한 악에 의지해야이 휴전에 온다). 아까,이 문서에서 언급했다 만이 이거야 내용은 방법만이 <IE7 IE 브라우저 볼 것입 CSS 스니펫 (snippet)을 작성.

어제, 제가 몇 가지 파이어 폭스 특정 CSS를 미리보기를 쓰고 싶다 사건을했다. 글쎄! 제가 CSS 코드는이 목적이 있는지 잘 모르겠지만, HTML이있다. 사면에도 불구하고 있습니까, HTML doesnot 패스 HTML 유효성 검사의이 조각. 그러나 anywaz! 당신이 나쁘게 나 같은 붙어있다면, 검증에 대한 - 안부 (언젠가는 우리가 잔인한 될 필요)가 없다, 당신은 Firefox 용 스타일 시트에 대한 링크를 선언하려면 다음을 사용하거나 심지어는 그냥이 블록 내에서 CSS를 코딩 수 있습니다. 코드는 다음과 같습니다

<comment> 여기에만 파이어 폭스 HTML / CSS / 스크립트 </ 코멘트> 올려


<comment>
<style>
FF에만 * / 용 / * 스타일
fieldset {국경 : 1px 고체 # dddddd;}
</ 스타일>
</ 코멘트>

나는 '순간 행복해 ...


2008 2008년 9월 1일

전달된 문자열과 일치하는 자바 스크립트 배열에서 특정 항목을 제거합니다

다음은 그 정의를 위해, 기본 자바 스크립트 배열 개체를 확장하는 빠른 방법은 ...

Array.prototype. removeItem =function(str) {
for(i=0; i<this.length ; i++){
if(escape(this[i]).match(escape(str.trim()))){
this.splice(i, 1); break;
}
}
return this;
}

그래서 지금 이런식으로 뭔가를 할 수 ...

var animals= new Array("dog","lion","cat","tiger","elephant");
animals. removeItem ('tiger');

이제 동물 배열은 "사자", "고양이", "코끼리"를 "개"를 포함하는 것이다;

추신 : 여기 그리고 너무 문자열 트림 프로토 타입입니다 ...

String.prototype.trim=function(str) {
str = this != window? this : str;
return str.replace(/^\s+/g, '').replace(/\s+$/g, '');
}


즐겨 ....


NDK 홈 | IT를 표현 | 표현 구개 | 표현 Penmenship | 표현 공포 | 표현 자신