2013-06-02 2 views

답변

0

을 위해 일한다 이것을 위해 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에 보낼 수 있습니다. 그것은 모두 당신의 환경을 방해합니다.

+0

VIDEO ID를 전체 YouTube URL로 만드는 방법을 이해할 수 있습니까? 동영상 ID는 XML에 저장된 YouTube URL의 마지막 부분입니다. http://www.youtube.com/v=[Video-ID] –

+0

@FloodGravemind 너무 늦게 답변 해 주셔서 죄송합니다. 그러나 비디오의 실제 ID를 파싱하려면 정규 표현식을 사용해야합니다. 다시 말하지만, 모두 소스 파일이 어떻게 생겼는지에 달려 있습니다. – Yooakim

2

CSS로 요소를 표시하기 위해 CSS를 사용하는 방법은 없나요이

<video><title>XXXX</title><url>VIDEO ID OF YOUTUBE></url></video> 

같은 요소가 XML 파일을 Javascript를 사용해야하는 HTML 콘텐츠를 제작할 수 있습니다. 또는 클라이언트 브라우저로 보내기 전에 완료하려면 모든 서버 측 언어를 사용하십시오.

1

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 파일 내가 할

+0

무엇이 가능하고 무엇이 가능하지 않은지 아는 것이 좋습니다. –

+0

@jmeas, nice one ;-) – Yooakim

관련 문제