Mon passage sous eCharts
Thursday 25th November 2021
Je suis passé récemment sous Apache eCharts, et j’ai eu quelques petits problèmes.
Je suis passé récemment sous Apache eCharts, et j’ai eu quelques petits problèmes.
Si vous voulez que votre site soit compatible dans un iframe, mais que ça soit juste si le parent présente la bibliothèque iframe-resizer, il y a une solution assez simple :
En JavaScript vanilla :
<script>
window.addEventListener('message', e => {
if (
String(e.data).startsWith('[iFrameSizer]') &&
!document.body.classList.contains('into-container')
) {
var script = document.createElement('script');
script.src = '**CHEMIN À CHANGER**/iframeResizer.contentWindow.min.js';
document.head.appendChild(script);
document.body.classList.add('into-container');
}
});
</script>
En TypeScript :
window.addEventListener('message', (e: MessageEvent) => {
if (
String(e.data).startsWith('[iFrameSizer]') &&
!document.body.classList.contains('into-container')
) {
var script = document.createElement('script');
script.src = '**CHEMIN À CHANGER**/iframeResizer.contentWindow.min.js';
document.head.appendChild(script);
document.body.classList.add('into-container');
}
});
Note la classe “into-container” permet de changer le CSS de la page pour l'adapter au changement de mode.
Comme j'ai zéro mémoire, je me fais un petit mémo pour la réinstaller de mon site. Cela inclus la modification du hosts, l'installation de packages, la configuration des virtuals host dans Apache, la correction de problème de droit d'accès, et le problème lié à la mise en place de la base de données.