IT를 표현

나는 상황이 그것을 commaned 때문에 주위에 파고한다고 자바 스크립트 속임수의 또 다른 작은 peice를 Heres. 나는 두 번 "windows.onload"를 구현하는 한 곳에서 내 웹 사이트 중 하나에서, 나는이 상황을했다. 나처럼 미숙한 마음 (솔직히 내가 자바 스크립트 프레임 워크와 라이브러리를 사용하고 난 이후로 내 ... 슬프지만 진실에 간단한 일을 forgotton 있고, 말을해야 할)에 와서 제일 먼저 다음과 같은 방법입니다 ...

 window.onload = onloadfn1;
 window.onload = onloadfn2;
 window.onload = onloadfn3;
 등 ...

미안하다고 말하고 있지만, 효과가 실거예요 ... 자바 스크립트의 실행 정도 과학을 논의하기 위해 싶지 않아요 ... 그러나 나의 최근 경험에 의하면, 오직 마지막 함수는 (onloadfn3) 병이 실제로 처형 당할 것입니다.

정상적인 상황에서는, 제 (잠시 후에 다시 얘기하자있는)와는 달리 당신은 mutliple onload 함수를 실행하기 위해 다음 중 하나를 할 수있다 ....

이런 사람 이었을까

 함수 doOnLoad () {
         onloadfn1 ();
         onloadfn2 ();
         onloadfn3 ();
 }
 window.onload = doOnLoad;

현재 상황의 경우, 위의 중 하나를 사용할 수 없습니다 ...
왜 windows.onload 두 번 호출하지 않고 하나의 onload 함수 내에 두 개의 함수를 호출하는 데 필요 했을까? 이게 제 문제 명세서에서 빠른 모습은 ...

"내 사이트 페이지는 워드 프레스 테마처럼 구성되어있다 .... 즉 모든 사이트 페이지에 포함된 받게 일반 Header.php과 Footer.php 있습니다. 몇 가지 일반적인 onload 기능을 할 Footer.php에서 onload 함수 implementaion가있다. 과 별개 일반 onload 함수에 의해 수행으로부터 자신 ONLOAD의 무언가를 위해 필요한 몇 페이지가 마련되어 있습니다. 제가 window.onload 처리기에 직접 콜백 함수를 지정할 경우 "Footer.php에 이전에 할당된 콜백을 과잉 향할 것이다

.... 내 문제는 이해된다 ?

글쎄! 내가 찾아낸 것이 몇 가지 해결책이 있습니다. 그들은 모두 매우 유사하며 주로 사이먼 Willison (준 솔루션의 implementions http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

해결 방법 :

간단히 사이트로이 자바 스크립트 코드를 추가 ...

 함수 addLoadEvent (FUNC) {
     VAR oldonload = window.onload;
     IF (typeof의 window.onload! = '함수') {
        window.onload = FUNC
     } 또 {
        window.onload = 함수 () {
            {(oldonload) 경우
                   oldonload ()
           }
           FUNC ()
        }
    }
 }

대신 평소 'windows.onload "의 그것을 호출

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (함수 () {
 페이지로드 *에서 실행하기 / * 더 많은 코드를
 }); 

이 코드 스니펫 (snippet)의 장점 ...
1. 주로, 그것은 이전 정의를 overridding없이 코드의 별도 부분에서 호출, 당신은 여러 windows.onload 이벤트를 가지고 있습니다
2. 정말 눈에 거슬리지입니다. 그것은 다른 스크립트 파일에 또는 별도의 파일에 배치될 수 있습니다.
3. 그것은 window.onload가 이미 설정된 경우에도 작동합니다.

문제 진술 :
나는 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> 필드를 삽입합니다.

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

나 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 : 선택>

귀하의 요건 가치 구분된 문자열을 포함하는 XML의 노드 값을 분할 경우, 개별 항목에 다음, 당신은 바로 이곳에 도달했습니다 ... 아래 예제에서 본다 구. 당신이 XML과 XSL은 약간 잘 알고있다면 ... 당신이 어떤 설명도 필요 할거라 생각하지 않아요.
XSL, 호출 템플릿 : 문자열 - 전, XSL : 또한이 예제는 XSL과 같은 스타일 기능의 사용을 포함 문자열 - 후에, 당신이 눈독들이면.

변환하기 위해 XML (food.xml) : -
작업 태그 "키워드"에서 쉼표로 구분된 문자열을 tokenize하는 것입니다 가정

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="food.xsl"?>
<food>
<date>July 2008</date>
<description>All about things we eat everyday</description>
<keywords>Fruits, Vegetables, Pulses, Meat, Cereals </keywords>
</food>

XSL (food.xsl) : -

<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" encoding="utf-8" doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN" doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/>
<xsl:template match="/">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>XSL 1.0 Delimited String Tokeniser</title>
</head>
<body>
<xsl:value-of select="food/meta"/>
<div >
<xsl:call-template name="tokenize">
<xsl:with-param name="string" select="food/keywords" />
<xsl:with-param name="delimitr" select="','" />
</xsl:call-template>
</div>
</body>
</html>
</xsl:template>
<xsl:template name="tokenize">
<xsl:param name="string" />
<xsl:param name="delimitr" />
<xsl:choose>
<xsl:when test="contains($string, $delimitr)">
<div style="border:1px solid red;">
<h3><xsl:value-of select="substring-before($string,$delimitr)" /></h3>
<xsl:variable name="data" select="substring-before($string,$delimitr)"/>
</div>
<xsl:call-template name="tokenize">
<xsl:with-param name="string" select="substring-after($string, $delimitr)" /><xsl:with-param name="delimitr" select="$delimitr" /></xsl:call-template>
</xsl:when>
<xsl:otherwise>
<div style="border:1px solid red;">
<h3><xsl:value-of select="$string" /></h3>
</div>
</xsl:otherwise>
</xsl:choose>
</xsl:template>
</xsl:stylesheet>

결과 출력 HTML : -

<div>
<div style="border: 1px solid red;">
<h3>Fruits</h3>
</div>
<div style="border: 1px solid red;">
<h3> Vegetables</h3>
</div>
<div style="border: 1px solid red;">
<h3> Pulses</h3>
</div>
<div style="border: 1px solid red;">
<h3> Meat</h3>
</div>
<div style="border: 1px solid red;">
<h3> Cereals </h3>
</div>
</div>

말할 필요도없이 그냥 원하는 구분자로 매개 변수를 "delimitr"를 변경

오늘 XSL을 만드는 동안 나는이 strage 문제를했다. 그물에 걸쳐 답변을 찾아 보았지만 아무것도 발견 couldnt .... 사실 내 생각! 나는 힘 내 문제가 뭔지, 그래서 어떤 꿈에 보여?

어쨌든! 만약 당신이 나한테 만톤 감사 것입니다 ... 너무 그리고 어떻게든이 페이지에 비행 관리 포스의 힘을하여이 똑같은 문제가 ... 그리고 당신이 실수로 이상한 운명이 페이지에 착륙하고있다면 될거야 언젠가, 당신은이 문제에 직면하는 경우 XSL 개발자, 미래 원인 동안만를 적어 볼까, 그러면 포스가 함께하길하지 않을 수 있습니다.

문제 진술 :
거기에 여러 항목을 가진 두 노드가 어디에,이 XML을 가지고이 두 노드 사이 항목은 1-1 대응 있습니다. 아래 예제에서 노드 <array의 각 항목 name="PLAYURL" /> 노드 <array에 항목 (해당 위치) 관련 name="SITENAME" />

<?xml version="1.0" encoding="utf-8"?>
<myplaylists>
<playlist>
<title>Best of Rest </title>
<array name="SITENAME">
<str>www.musicindiaonline.com</str>
<str>www.dhingana.com</str>
<str>www.raaga.com</str>
<str>www.smashits.com</str>
<str>www.desimusic.com</str>
<str>www.musicplug.in</str>
</array>
<array name="PLAYURL">
<str>http://www.musicindiaonline.com/123/</str>
<str>http://www.dhingana.com/play/123</str>
<str>http://www.raaga.com/123</str>
<str>http://ww.smashits.com/123</str>
<str>http://www.desimusic.com/123</str>
<str>http://www.musicplug.in/123</str>
</array>
</playlist>
</myplaylists>

내가 <array name="SITENAME">로 루프, 그리고 내가 <array name="PLAYURL">에서 관련 항목을 (해당 위치에서)받을하려는 자, 난, 루프를 가지고

당신이 normaly 할을 시도 것은 ...

<xsl:for-each select="myplaylists/playlist/array[@name='SITENAME']/str">
play from : <a href="{../../array[@name='PLAY']/str[position()]}"/> <xsl:value-of select="." /></a>
</xsl:for-each>

죄송합니다! 이렇게는 안되 실거예요 ... 아!! Surpised ...

이제 아마 시도 이런 게 좋습 ...

<xsl:for-each select="myplaylists/playlist/array[@name='SITENAME']/str">
<xsl:variable name="pos"> <xsl:value-of select="position()"/></xsl:variable>
play from : <a href="{../../array[@name='PLAY']/str[$pos]}"/> <xsl:value-of select="." /></a>
</xsl:for-each>


그리고 다시 이런 일을 실거예요 ... 이제 당신은 머리를 긁적 당신은 어떤 스타일을 모른다고 생각하는 모든 사람을 만나려하고 도움이 될 수있다 당신은 다른 모든 옵션을 시도 ... 그리고 여전히 작동 실거예요 ... 글쎄! 그게 전부 내게 atleast 어떻게 ...

절망 되네요! 이걸 써봐

<xsl:for-each select="myplaylists/playlist/array[@name='SITENAME']/str">
<xsl:variable name="pos-int" select="position()" />
play from : <a href="{../../array[@name='PLAY']/str[$ <xsl:for-each select="myplaylists/playlist/array[@name='SITENAME']/str">
<xsl:variable name="pos-int" select="position()" />
play from : <a href="{../../array[@name='PLAY']/str[$ pos-int ]}"/> <xsl:value-of select="." /></a>
</xsl:for-each>
]}"/> <xsl:value-of select="." /></a>
</xsl:for-each>


어떻게 될지는 나한테 물어 없다. 내가 정당한 이유가 없다 ... 어쩔한다면! 댓글을 떨어뜨리지 마십시오. 꽤 usefull 수도 있습니다. 또! 이 게시물에 대한 더 좋은 제목이있다면, 내 라인을 떨어뜨 할

지난 주 나는 클라이언트 progessive HTML / CSS 레이아웃을 만들어 IE6​​, IE7과 FF 3에서 그것을 테스트 완벽하게 정상적으로 보였습니다 ... 전까진 말이야 레이아웃은 manufacting주기 아래 추가했습니다. 그것이 실패했습니다. 페이지 레이아웃 요소는 모든 HTML 레이아웃은 XSL과 XML이 적용 ... 이거 실망을!로 전환되었다 떠돌았!

이 SH ** 고쳐야만 할 때, 월요일 아침에 대비, 지난 주말 OK 잠을 잘 수 없습니다. 그러나 이제는 이러한 가지 상황 (브라우저 만지면, 내말은) 상대의 작은 experince하는 데, 난 그것이 다른 아무것도 할하지만 DOCTYPE해야한다고 생각 했어요 .... 그런데 ...

문제 :
당신의 변화를 명시적으로 기본 DOCTYPE을 포함하므로 당신은 DOCTYPE 제어할 필요하고 레이아웃 토스 잠들어있을 것입니다.

해결 방법 :
XSLT 사양은 choise의 DOCTYPE을 설정 출력 방법을 제공합니다. 또한 저희 UI 개발자를위한, 관심있는 주제가 될 HTML 출력 방법 과 XML 출력 방법 .

글쎄! 당신은 지루해하기 전에, 여기에 수정 프로그램입니다.

예 :, 당신의 HTML 버전에 다음과 같은 DOCTYPE있다면 :. -

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

그런 다음 XSL에 다음이 필요 할 것입니다 : -

<xsl:output method="html" doctype-system="http://www.w3.org/TR/html4/loose.dtd" doctype-public="-//W3C//DTD HTML 4.01 Transitional//EN" indent="yes" />


그리고 마지막으로! 귀하의 XSLT 출력이 선택한 DOCTYPE을 충성 스러운지 확인 않습니다.

XML / XSL가 domian가 변환한다면, 우리는 (재사용 가능한 제출 예정) 라이브러리 항목을 사용하도록 동적 코드 peice 원하는 경우가 있습니다. 무슨 뜻인지, 아마이 예제의 시나리오는 더욱 분명하게 할 수 있습니다.

당신이 웹사이트를 만들고 (그리고 XML, XSL transfroms 당연히 사용) 및 페이지의 대부분은 코멘트 모듈를 가지려고하고 상상해보세요. 글쎄! 다음 중 당신이 모든 페이지 템플리트 (이 내 말을하지만, 유지 보수 및 재작업 악몽을 가지고 있겠지) 또는 더 나은에이 코드를 복사하거나 붙여넣을, 당신은 (당신의 페이지에 당신이 그것을 원하는 위치까지 멈춘 수 포함시킬 파일을 만듭니다 들) ...
그럼 어떻게 XSL 포함시킬 파일을 생성하고 다른 XSL 파일 안에 그것을 포함합니까? 방법은이 ...

그냥 몇 가지 일을 확실하게하는 방법 ... 여기가 만든 것이 파일의 간단한 목록입니다 ... 여기, 우리 음식이라는 상위 페이지로 과일과 야채에 대한 정보를 포함합니다.

1. food.xml - 변환이 적용됩니다되는 XML 데이터 파일
2. food.xsl - 우리 food.xml를 변환합니다 기본 스타일 파일,
3. inc_fruits.xsl - XSL은 과일 데이터를 렌더링 파일을 포함
4. inc_vegtables.xsl - XSL은 vetetables 데이터를 렌더링 파일을 포함

나는 많은 설명이 있다고 생각하지 말아, 위의 요소의 코드는, 자기 설명합니다 ...

FOOD.XML


<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="food.xsl"?>
<food>
<date>July 2008</date>
<description>All about things we eat everyday</description>
<fruits type="tropical">
<item name="mango" moreinfo="http://www.mango.com">Mango is the king of fruits</item>
<item name="banana" moreinfo="http://www.banana.com">Banana once a day , keeps the doctor away</item>
<item name="orange" moreinfo="http://www.orange.com">Orange is the color and rich in vitamin C</item>
<item name="Papaya" moreinfo="http://www.papaya.com">Papaya - Hot when raw, cold when ripe</item>
</fruits>

<vegetables>
<item name="spinach" moreinfo="http://www.spinach.com">Spinach is full of iron</item>
<item name="asparagus" moreinfo="http://www.asparagus.com">Asparagus contains loads of vitamin D </item>
<item name="fenugreek" moreinfo="http://www.fenugreek.com">Fenugreek is rich in vitamin C</item>
</vegetables>
</food>


<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:include href="inc_fruits.xsl" />
<xsl:include href="inc_vegetables.xsl" />
<xsl:template match="/">
<html>
<head>
<title>Title</title>
</head>
<body>
<h3><xsl:value-of select="/food/description" /></h3>
Modification Date : <xsl:value-of select="/food/date" />
<hr/>
<h5> About Fruits</h5>
<xsl:call-template name="about_fruits"/>

<hr/>
<h5> About Vegetables</h5>
<xsl:call-template name="about_vegetables"/>

<hr/>
</ BODY>
</ HTML>
다 </ xsl : 템플릿>
다 </ xsl : 스타일 시트>

<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" encoding="iso-8859-1" />
<xsl:template name="about_fruits">
<xsl:for-each select="/food/fruits/item/@*">
attribute name : <xsl:value-of select="name()"/>
attribute value : <xsl:value-of select="."/> <br />
</xsl:for-each>
</xsl:template>
</xsl:stylesheet>

<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" encoding="iso-8859-1" />
<xsl:template name="about_vegetables">
<xsl:for-each select="/food/vegetables/item/@*">
attribute name : <xsl:value-of select="name()"/>
attribute value : <xsl:value-of select="."/> <br/>
</xsl:for-each>
</xsl:template>
</xsl:stylesheet>

여기에 위의 모든 파일 (253 다운로드) 다운로드

당신이 XML과 XSL을 사용하면 특성과 스타일에 XML 노드의 값을들을 플레이해야 할 때, 그때 당신은 시간을 가로질러 왔을 수도 있습니다. 그들은 이것에 대해 긴 숨이 찬 정보가있는 사이트의 부하이며, 내가 찾은 누구는 짧고 정확한없는 것 ... 이것은 XML / XSL 튜토리얼은 아니지만 컨닝 목록의 일종을 함께 넣어 내 시도 ...

우리가 일하는 것을 예제 XML은 다음과 같습니다 ...

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="food.xsl"?>
<food>
<fruits type="tropical">
<item name="mango" moreinfo="http://www.mango.com">Mango is the king of fruits</item>
<item name="banana" moreinfo="http://www.banana.com">Banana once a day , keeps the doctor away</item>
<item name="orange" moreinfo="http://www.orange.com">Orange is the color and rich in vitamin C</item>
<item name="Papaya" moreinfo="http://www.papaya.com">Papaya - Hot when raw, cold when ripe</item>
</fruits>
</food>

그럼 XSL을 사용하여 Google 위의 XML을 변환 시작하자

예제 1 : 선택된 속성에 값 표시하기

<xsl:value-of select="/food/fruits/item[@name='orange']" /><br />
to get more information about <a href="{/food/fruits/item[@name='orange']/@moreinfo}" target="new" ><xsl:value-of select="/food/fruits/item[@name='orange']/@name" /> </a>

HTML 결과 보일까

Orange is the color and rich in vitamin C,
to get more information about <a href="http://www.orange.com" target="new">

예제 2 :를 통해 반복 및 모든 XML 속성 이름과 값 표시

<xsl:for-each select="/food/fruits/item/@*">
attribute name : <xsl:value-of select="name()"/>,
attribute value : <xsl:value-of select="."/> <br />
</xsl:for-each>

HTML 결과 보일까


attribute name : name, attribute value : mango
attribute name : moreinfo, attribute value : http://www.mango.com
attribute name : name, attribute value : banana
attribute name : moreinfo, attribute value : http://www.banana.com
attribute name : name, attribute value : orange
attribute name : moreinfo, attribute value : http://www.orange.com
attribute name : name, attribute value : Papaya
attribute name : moreinfo, attribute value : http://www.papaya.com


이 공간을보고, 나는 새로운 발견으로이 업데이 트에 반영하겠습니다 ...