묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
XML 파일 로딩 완료시 이벤트 호출
2003.04.20 12:04
제목 그대로입니다.
지금 제작하는 사이트에서 XML 파일을 로딩합니다.
XML 파일의 로딩 속도가 느린 관계로 (외국 사이트의 정보를 XML로 코딩해서 뱉어주는거기에) 로딩 중이라는 메시지를 띄워주고 싶습니다.
일단 띄우는건 어렵지 않으나 XML 로딩 완료때 없애주는것이;;
body, xml, table에 onload 걸어봤으나 소용 없었습니다.
혹시 아시는 분 알려주시면 감사하겠습니다.
적용시키고자 하는곳은 XML 데이터 바인딩이며 <XML ID="***"></XML> 태그를 이용해서 XML 태그를 선언하고 자바 스크립트의 ***.src="XXX.xml" 과같은 방식을 이용해 XML을 불러옵니다. (Dynamic Javascript와 비슷합니다)
아시는분 알려주시면 감사하겠습니다. 그럼..
지금 제작하는 사이트에서 XML 파일을 로딩합니다.
XML 파일의 로딩 속도가 느린 관계로 (외국 사이트의 정보를 XML로 코딩해서 뱉어주는거기에) 로딩 중이라는 메시지를 띄워주고 싶습니다.
일단 띄우는건 어렵지 않으나 XML 로딩 완료때 없애주는것이;;
body, xml, table에 onload 걸어봤으나 소용 없었습니다.
혹시 아시는 분 알려주시면 감사하겠습니다.
적용시키고자 하는곳은 XML 데이터 바인딩이며 <XML ID="***"></XML> 태그를 이용해서 XML 태그를 선언하고 자바 스크립트의 ***.src="XXX.xml" 과같은 방식을 이용해 XML을 불러옵니다. (Dynamic Javascript와 비슷합니다)
아시는분 알려주시면 감사하겠습니다. 그럼..
onreadystatechange 이벤트를 이용하시면 됩니다.
아래는 샘플입니다. 실행해 보면 몇번의 상태가 변할때마다 이벤트가 연속적으로 발생하는데
필요한 부분만 캐치해서 원하는 코드를 삽입해 주시면 되겠습니다.
<script language="javascript">
<!--
function xmlDataController()
{
switch (objXMLData.readyState)
{
case "uninitialized" :
alert("Uninitialized...");
break;
case "loading" :
alert("Loading...");
break;
case "loaded" :
alert("Loaded...");
break;
case "interactive" :
alert("Interactive...");
break;
case "complete" :
alert("Complete...");
break;
}
}
-->
</script>
<xml id="objXMLData" src="musicvideo.xml" onreadystatechange="xmlDataController()"></xml>