Génération du bloc de code iFrame
- Last UpdatedOct 04, 2024
- 2 minute read
Vous pouvez générer le bloc <iframe> pour un symbole directement dans le navigateur Web. Le bloc de code peut être utilisé sur un site externe pour afficher des graphiques industriels en exécution.
-
Naviguez jusqu'au graphique.
-
Sélectionnez l’icône Partager
.
-
Dans la zone Objet détenteur, spécifiez l'Objet détenteur du graphique.
-
La liste des propriétés personnalisées prises en charge est affichée. Sélectionnez une propriété personnalisée et attribuez une valeur.
Toutes les valeurs seront vérifiées d'après le type de donnée. Par exemple, si une a propriété personnalisée nécessite une valeur entière, vous ne pouvez saisir des caractères.
-
Sélectionnez Prise en charge d'origines croisées pour utiliser le script sur n'importe quel client Web, que ce soit sur les machines locales ou distantes.
Le code HTML incorporé varie en fonction des options sélectionnées.
-
Sélectionnez Copier.
-
Vous pouvez alors coller le code généré dans un fichier .html de votre site Web
<iFrame src="http://<hostname>/InTouch/?iframe=true&symbol=Sym1?crossOrigin=1" id="symbol" width="640px" height="480px" customProperty='[{"n":"CP1","v":"True","t":1},{"n":"CP2","v":"24.5","t":6},{"n":"CP3","v":"Orange","t":7}]' onload="postMsg()"></iFrame>
<script type="text/javascript">
function postMsg(){
var iframe=document.getElementById('symbole') ;
var obj={} ;
for (var i=0; i<iframe.attributes.length; i++) {
obj[iframe.attributes[i].nodeName]=iframe.attributes[i].nodeValue ;
}
var win=iframe.contentWindow ;
win.postMessage(obj, obj['src']);
};
</script>
If Language = Français (France)
<iFrame src="http://<hostname>/InTouch/?localeid=1036&iframe=true&symbol=Sym1" id="symbol" width="640px" height="480px" onload="postMsg()"></iFrame>
<script type="text/javascript">
fonction postMsg(){
var iframe=document.getElementById('symbole') ;
var obj={} ;
for (var i=0; i<iframe.attributes.length; i++) {
obj[iframe.attributes[i].nodeName]=iframe.attributes[i].nodeValue ;
}
var win=iframe.contentWindow ;
win.post Médiat(obj,'*') ;
};
</script>