xml에서 데이터를 가져 오는 방법 (iframe에서) ONTO 상위/동적 폴더

Question

이 사이트에서 거의 100 개의 게시물을 읽은 후 필자가 원하는 것과 비슷한 것을 묻는 사람을 찾으려고 할 때 포기하고 나 자신에게 물어보기로했습니다. 이 게시물의 나머지 부분은 아마 전문가들에게는 어리 석 으리라 생각합니다. 그러나 여기에 있습니다.

내가 만든 CSS 스타일에 대해 일종의 "라이브 데모"를 설정하려고합니다. 아이디어는 모든 스타일의 드롭 다운 목록과 함께 약 100px 높이의 헤더가있는 정적 페이지를 갖는 것입니다. 사용자가 목록에서 스타일 이름을 선택하면 해당 스타일이 나머지 뷰포트 (/styles/xx/index.html)를 차지하는 iframe에로드됩니다.

는 드롭 다운 목록에 추가하여, 나는

원래 난 그냥 각 내부 .xml 파일을 포함에 대한 생각 등 저자, 다운로드 링크, 지원, 등의 각 스타일에 대한 몇 가지 데이터를 나열하고 싶었다 스타일 폴더에 있지만 iframe 내에서 데이터를 가져 오는 방법을 알아낼 수는 없습니다.

은 내가 http://www.kanestyles.com/example.jpg

빨간색의 텍스트 견딜 내 제한 설명하는 기술을 만들 달성하기 위해 노력하고있어 최대 모형을 내가 다른 스타일이에서 선택 될 때마다 업데이트 할 원하는 것을 그려 놨 드롭 다운 목록.

내가 읽었던 대부분의 사람들과 달리 나는 아직 죽지 않았 음을 알아야한다. 나는 절대적으로 그것을 특정 방식으로 가질 필요가 없다는 것을 의미한다. 그리고 나는 사용자들에게 CSS 템플릿의 데모를 빨리 보여줄 수있는 방법에 대한 제안을 완전히 공개한다.

미리 도움을 청하십시오!

Answer 1

1. XML 파일을 사용하지 않지만 정보를 부모에게 적극적으로 푸시하는 JavaScript 파일은 어떻습니까?

   parent.document.getElementById("author").innerHTML = "John Steinbeck"; parent.document.getElementById("rating").innerHTML = "5 out of 10";

또는 2 어떻게 XML 파일을 사용하지만, 자바 스크립트 파일이 기능을 포함하지 않는 약 :

getinfo = function() { return {'Author':'John Steinbeck','Rating' : '5 out of 10' ... } } 

당신이 다음 부모 요소에서 배열에 액세스 할 수 있습니다를 , 그리고 직접 데이터를 얻을.

두 아이디어를 모두 레이아웃하는 더 좋은 방법이 있습니다. 하지만 기본 아이디어를 보여줍니다.