난 당신이 XML을 읽을하고자하는 경우, 스타일링을위한CSS를 사용하여 XML 요소를 URL로 변환하는 방법은 무엇입니까?
<a href="http://www.youtube.com/videoid">XXXX</a>
난 당신이 XML을 읽을하고자하는 경우, 스타일링을위한CSS를 사용하여 XML 요소를 URL로 변환하는 방법은 무엇입니까?
<a href="http://www.youtube.com/videoid">XXXX</a>
을 위해 일한다 이것을 위해 CSS를 사용하는 방법을 모른다. 그러나 XSLT 스타일 시트를 사용하여이 작업을 수행 할 수 있습니다. 너가 원하는게 그거야? 그런 다음이 유사한 스타일 시트는 당신을 도울 수 있습니다 :
<?xml version="1.0" encoding="utf-8" ?>
<items>
<video>
<title>XXXX</title>
<url>VIDEO ID OF YOUTUBE></url>
</video>
<video>
<title>XXXX</title>
<url>VIDEO ID OF YOUTUBE></url>
</video>
</items>
정확하게 변환이 때 말을하기 어렵다 할 방법이 다음과 같이 XML 입력 파일을 보이는 것으로 가정
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl"
>
<xsl:output method="html" indent="yes"/>
<xsl:template match="/" >
<body>
<xsl:apply-templates select ="/items/video"/>
</body>
</xsl:template>
<xsl:template match="video" >
<li>
<a>
<xsl:attribute name="href">
<xsl:value-of select="./url" disable-output-escaping="yes" />
</xsl:attribute>
<xsl:value-of select="./title"/>
</a>
</li>
</xsl:template>
<xsl:template match=
"*[not(@*|*|comment()|processing-instruction())
and normalize-space()=''
]"/>
<xsl:template match="text()"/>
</xsl:stylesheet>
나는 당신의 요구 사항에 대해 모른다. XSLT 변환은 여러 가지 방법으로 수행 할 수 있습니다. XML 입력 파일이 정적 인 경우 웹 브라우저에서 변환을 수행 할 수 있습니다. XML 파일이 서버에 있으면 aweb 페이지에 변환을 작성하고 HTML을 webbrowser에 보낼 수 있습니다. 그것은 모두 당신의 환경을 방해합니다.
CSS로 요소를 표시하기 위해 CSS를 사용하는 방법은 없나요이
<video><title>XXXX</title><url>VIDEO ID OF YOUTUBE></url></video>
같은 요소가 XML 파일을 Javascript를 사용해야하는 HTML 콘텐츠를 제작할 수 있습니다. 또는 클라이언트 브라우저로 보내기 전에 완료하려면 모든 서버 측 언어를 사용하십시오.
Nicklas가 지적했듯이 많은 사람들이 Css를 스타일링과 그 이상을위한 것으로 생각합니다. 보다 일반적으로, 그것은 귀하의 정보를 표현하기위한 것입니다. 이것은 너무 멀리 또는 CSS의 범위 내에 있는지 여부를 말하기가 어려운 프린지 경우입니다. 단순히 프레젠테이션을 변경하는 것입니까, 아니면 더 많은 것을하고 있습니까?
Nicklas와 같이 많은 사람들이 여러분이하고 싶은 일이 CSS의 의도 된 목적을 뛰어 넘을 것이라고 주장합니다. 그리고 아마도 Nicklas에 동의 할 것입니다. 대부분의 경우에 대해 이것이 사물에 대해 생각해보기에 덜 이상적인 방법이라는 것을 알았을 것입니다. 말했다와
, it is possible#url:before {
display: inline-block;
content: "<a href=\"http://www.youtube.com/";
}
#url:after {
display: inline-block;
content: "\">";
}
#text:after {
display: inline-block;
content: "</a>";
}
참고 : 나는 JsFiddle를 만들기 위해이 예제에서는 HTML을 사용하지만 같은 전략은 XML 파일 내가 할
무엇이 가능하고 무엇이 가능하지 않은지 아는 것이 좋습니다. –
@jmeas, nice one ;-) – Yooakim
VIDEO ID를 전체 YouTube URL로 만드는 방법을 이해할 수 있습니까? 동영상 ID는 XML에 저장된 YouTube URL의 마지막 부분입니다. http://www.youtube.com/v=[Video-ID] –
@FloodGravemind 너무 늦게 답변 해 주셔서 죄송합니다. 그러나 비디오의 실제 ID를 파싱하려면 정규 표현식을 사용해야합니다. 다시 말하지만, 모두 소스 파일이 어떻게 생겼는지에 달려 있습니다. – Yooakim