2013-11-21 2 views
0

죄송합니다. 지금은 몇 시간 동안이 주변에 작품을 찾고있다 CSS로 스타일이 지정된 HTML 페이지에 XML 요소를 삽입

은 (자기는 HTML CSS 등을 가르쳤다)

나는 사람들이 내가 실행 여행을 예약하는 상점의 역할을하도록 설계 웹 페이지를 구축해야 .

나는 그들이 HTML 매번 편집에서 저를 저장합니다 (페이지에 데이터를 채울 수 있도록 HTML 페이지와 연결됩니다 XML 파일을 작성하고 싶습니다.

을 내가 텍스트 사진하지만 아무것도 예를 찾을 수 있습니다 (정보는 테이블에 표시되어서는 안됩니다.)

여기 제가 지금까지 가지고있는 내용입니다. 웹 튜토리얼에서 복사 했으므로 W3 학교 'app'에서 원했던 것을 수행했지만 적용했습니다. 이 부분은 스크립트 부분에서 0이 의미하는 바를 확신하지 못합니다.

고맙습니다.

SCRIPT 

    <script type="text/xml" src="checking.xml"> 
    if (window.XMLHttpRequest) 
     {// code for IE7+, Firefox, Chrome, Opera, Safari 
     xmlhttp=new XMLHttpRequest(); 
     } 
    else 
     {// code for IE6, IE5 
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
     } 
    xmlhttp.open("GET","checking.xml",false); 
    xmlhttp.send(); 
    xmlDoc=xmlhttp.responseXML; 

    document.getElementById("TRIPINFO").innerHTML= 
    xmlDoc.getElementsByTagName("DATE")[0].childNodes[0].nodeValue; 
    document.getElementById("TRIPINFO").innerHTML= 
    xmlDoc.getElementsByTagName("DESTINATION")[0].childNodes[0].nodeValue; 
    document.getElementById("TRIPINFO").innerHTML= 
    xmlDoc.getElementsByTagName("DESC")[0].childNodes[0].nodeValue; 
    document.getElementById("TRIPINFO").innerHTML= 
    xmlDoc.getElementsByTagName("PRICE")[0].childNodes[0].nodeValue; 


    </script> 

    HTML 

    <p class="destpictext"> 
<span style="background-color:#2f2fae" id="DATE"> </span> <br /> 
<span style="background-color:#2f2fae"id="DESTINATION"> </span> <br /> 
<span style="background-color:#2f2fae" id="DESC"> </span> <br /> 
<span style="background-color:#2f2fae" id="PRICE"> </span> </p> 
    </div> 
+0

[jQuery ajax] (http://api.jquery.com/jQuery.ajax/) –

+1

에서 "내가 가지고있는 것"부분을 잊어 버렸습니다. 템플릿이나 데이터 소스로 xml 파일을 사용하려고하는지 알 수 없습니다. 템플릿 엔진 서버 측을 구현할 때마다 html을 만들 필요가 없습니다. – Anthony

+0

http://coding.smashingmagazine.com/2012/12/05/client-side-templating/ – Anthony

답변

1

XML을 웹 페이지에 직접 삽입 할 수 없습니다. XML은 웹 개발자에게 그렇게 많이 사용되지 않습니다. PHP와 데이터베이스 같은 Server Side Scripting 언어를 사용하여 상점의 항목을 가져 오는 것이 가장 좋습니다. 자바 스크립트와

  1. : http://api.jquery.com/jQuery.ajax/이 (로드), http://api.jquery.com/jQuery.parseXML/는 (구문 분석) PHP로

  2. 당신이 정말로 웹 페이지에 XML을 삽입 할 그러나 경우에, 그것을 할 수있는 두 가지 좋은 방법이 있습니다 : http://php.net/manual/en/book.xml.php

나는 PHP를 사용합니다.

+0

나는 정말로 더 많이 배울 필요가 있다고 생각한다. – user3015838

+1

항상 xslt가 있습니다! – Anthony

+0

여기에 XML을 삽입하려고 시도한 코드가 있습니다 – user3015838

관련 문제