Exporter du contenu vers un autre site


Insertion des derniers articles parus

1° solution : iFrame


Avantage : simplicité côté site cible.
Inconvénients : Sécurité controversée. Complexité côté site source (obligation de re-créer la présentation du site cible).
Pas RWD (H et L fixes) : on est contraint d’adopter une largeur réduite afin que l’iFrame ne soit pas tronqué sur les tablettes les plus courantes.

Code de l’iFrame à insérer :

<iframe src="https://www.reseau-healthtech.fr/?page=export_articles_if" sandbox="allow-top-navigation" width="768" height="960" frameborder="0" scrolling="no"></iframe>


2° solution : Ajax (RWD)


Avantage : simplicité côté site source. RWD. S’intègre automatiquement dans le zoning et le stylage du site cible.
Inconvénients : du code javascript ou jQuery à insérer dans le site cible (fourni plus bas).

Code à insérer (pur javascript) :

<div id="insert"></div>

<script type="text/javascript">

var url="https://www.reseau-healthtech.fr/?page=export_articles_js";
var xhr = null;
if (window.XMLHttpRequest || window.ActiveXObject) {
   if (window.ActiveXObject) {
       try {
           xhr = new ActiveXObject("Msxml2.XMLHTTP");
       } catch(e) {
           xhr = new ActiveXObject("Microsoft.XMLHTTP");
       }
   } else {
       xhr = new XMLHttpRequest();
   }
}
xhr.open('GET', url, true);
xhr.responseType = 'document';
xhr.onload = function () {
 if (xhr.readyState === xhr.DONE) {
   if (xhr.status === 200) {
       document.getElementById('insert').innerHTML = xhr.response.body.innerHTML;
   }
 }
};

xhr.send(null);

Export d’un pêle-mêle des personnes

1° solution : iFrame

Code à insérer :

<br />
<iframe src="https://www.reseau-healthtech.fr/?page=pelemele_if" sandbox="allow-top-navigation" width="768" height="340" frameborder="0" scrolling="no"></iframe>

2° solution : Ajax (RWD)

Code à insérer :
Comme précédemment, en remplaçant :
var url="https://www.reseau-healthtech.fr/?page=export_articles_js" ;
par :
var url="https://www.reseau-healthtech.fr/?page=pelemele_js" ;

Insertion du menu horizontal

1° solution : iFrame

Code à insérer :

<iframe src="https://www.reseau-healthtech.fr/?page=export_menu_if" sandbox="allow-top-navigation" width="100%" height="58" frameborder="0" scrolling="no"></iframe>

2° solution : Ajax

Code à insérer :
Comme précédemment, en remplaçant :
var url="https://www.reseau-healthtech.fr/?page=export_menu_js" ;
par :
var url="https://www.reseau-healthtech.fr/?page=export_menu_js" ;

Nota : le menu prendra les styles du cite cible.

Autres possibilités

<iframe src="https://www.reseau-healthtech.fr/?page=pelemele_entites_if" sandbox="allow-top-navigation" width="768" height="760" frameborder="0"></iframe>


<iframe src="https://www.reseau-healthtech.fr/?page=export_membres_if" sandbox="allow-top-navigation" width="100%" height="900" frameborder="0" scrolling="yes"></iframe>