2014-10-03 1 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/