2014-10-03 8 views
0

나는 그래프가있는 웹 사이트를 운영 중이고 그 중 일부는 다른 웹 사이트에 삽입 될 수 있습니다. 다른 도메인에있을 수 있습니다..웹 사이트의 일부분을 다른 웹 사이트 및 다른 도메인에 임베드 할 수 있도록 허용

은 기본적으로 그래프가 고유하고 아이디, 예를이 : 다른 웹 사이트에서

... 
<HTML> 
... 
<div id ="group1" name="G1" style="width: 900px; height: 300px; margin: 0 auto"> 
    <div id="graph_1" style="width: 400px; height: 300px; float: left"> </div> 
    <div id="graph_2" style="width: 400px; height: 300px; float: left"></div> 
</div> 

<div id ="group2" name="G2" style="width: 900px; height: 300px; margin: 0 auto"> 
    <div id="graph_3" style="width: 400px; height: 300px; float: left"> </div> 
    <div id="graph_4" style="width: 400px; height: 300px; float: left"></div> 
</div> 

.... 
</HTML> 

을, 내가 다른 개발자가 쉽게 무언가를 추가 할 수 싶습니다 다른 도메인

수 웹 페이지의 특정 부분을 잡을 수있는 iframe과 같은 간단한 방법으로 예를 :하지만이 작동하지 않습니다

... 
     <iframe src="http://www.myWebAddress/page.html/#graph_1" --> 
     scrolling="no" frameborder="no" width="400" height="300"> 
    </iframe> 
... 

, 그것은 전체 페이지를 포함! 이 작업을 수행 할 수있는 소스 (내 페이지)에서 수행 할 수있는 변경 작업은 무엇입니까?

감사합니다.

답변

0

그래프 만 포함 된 새로운 고유 페이지가 생성 된 경우에만 가능합니다. 그런 다음 iframe 내부에서 사용하십시오.

<iframe src="http://www.myWebAddress/page.html?showonly=graph_1" 
    scrolling="no" frameborder="no" width="400" height="300"> 
</iframe> 

은 JS에서 좋은 위젯을 만들 http://alexmarandon.com/articles/web_widget_jquery/

또는 새로운 에지 웹 구성 요소 방법, 여기 읽어 https://hacks.mozilla.org/category/web-components/