60478_fr-FR

liliconcom

publication de graphiques HTML interactifs sur des sites Web

Bonjour,

Je souhaite intégrer des fichiers HTML JMP interactifs sur mon site web personnel, hébergé par Squarespace. Il semble que la seule façon de procéder soit : 1) d’ouvrir le fichier HTML interactif sur Chrome, 2) de copier les scripts HTML (via l’option « Développeur » de Mac), et 3) de coller le script dans une zone de code ou une zone d’intégration de mon site web. Cela fonctionne (même si j’obtiens toujours un message d’erreur indiquant que le code est trop long). Cependant, le tracé interactif est toujours placé sous le pied de page (quel que soit l’emplacement de la zone de code). Existe-t-il un moyen de modifier le script pour qu’il place le tracé interactif à l’endroit souhaité ? Autrement, existe-t-il un moyen de simplement « publier » un tracé interactif sur un site web, sans script ? (Je sais que des pirates peuvent voler mes données de cette façon ; cela ne me concerne pas. Je souhaite que des personnes volent mes données, car c’est pour le bien commun !)

Re : publication de graphiques HTML interactifs sur des sites Web

Merci @Michael_Goff pour la réponse détaillée.

Je vérifierai mon option avec le service informatique local pour trouver une solution à long terme qui me convienne.

J'apprécie votre aide et celle de tout le monde !

Adam.

Re : publication de graphiques HTML interactifs sur des sites Web

Salut Adam !

Ce fil de discussion date de 2018 et, depuis sa publication initiale, l'écosystème Internet a connu des changements. L'échec de ce scénario d'intégration est dû à une modification des politiques de sécurité des navigateurs. En 2020, Chrome et d'autres navigateurs ont modifié la valeur par défaut de l'une de leurs politiques, appelée «  Referrer-Policy », pour une valeur plus sécurisée. Cette modification vise à protéger vos données. La nouvelle politique par défaut est appelée « strict-origin-when-cross-origin ». Notez que la politique par défaut est utilisée lorsqu'aucune autre politique n'est spécifiée par le serveur hébergeant le contenu. Cela signifie que lorsque deux pages web tentent de communiquer entre elles, elles doivent avoir la même origine. Dans ce cas, l' origine désigne le même protocole, le même nom d'hôte et le même port .

Le problème que vous rencontrez est une conséquence de ce changement de politique de navigateur. Dans JMP 17, nos rapports HTML interactifs pingaient la page parente pour vérifier si des informations supplémentaires étaient disponibles. Cette politique étant en place, nous avons rencontré une erreur, car nous ne sommes plus autorisés à accéder à cette page parente avec la nouvelle politique par défaut. Nous avons corrigé ce problème avec JMP 18. Ce serait la solution la plus simple pour que cela fonctionne.

Dans votre cas, il semble que vous accédiez à ces pages HTML via le système de fichiers :

window.onload (fichier://isshfs.xxxxx.com/......./Tool_Counters/Counters.htm:1572:1014711)

Il est difficile d'établir un diagnostic complet sans consulter les URL complètes, mais certains navigateurs traitent les chemins d'accès au protocole déposer:// différemment des pages hébergées sur un serveur web et les considèrent comme des fichiers d'origines croisées. Une façon de garantir que ces fichiers proviennent de la même origine est de les héberger depuis un serveur web. La page parente devrait être sur une adresse du type https://. .com/iframe_example.html et la page enfant à héberger à partir de https:// .com/Compteurs.html.

Parfois, nous effectuons des tests sur un serveur web local à l'aide d'un plugin VS Code appelé Serveur en direct . Ce plugin nous permet de lancer rapidement un serveur web à partir du contenu d'un dossier de notre système de fichiers. Cependant, pour une utilisation en production, vous devrez probablement contacter votre service informatique pour lancer un serveur web afin d'héberger ces pages.

Encore une fois, l'hébergement d'un serveur Web serait une solution de contournement pour l'intégration de rapports HTML interactifs à partir de JMP 17. Dans JMP 18, nous avons ajouté un correctif pour éviter de rencontrer cette erreur, et vous devriez pouvoir à nouveau intégrer ces pages à partir du système de fichiers.

Merci,

Michel Goff

Re : publication de graphiques HTML interactifs sur des sites Web

Merci, Adam.

J'ai testé la page dans Chrome et Firefox, et elle s'est chargée malgré l'erreur dans la console. Dans Edge, comme vous l'avez constaté, et maintenant je peux également le répliquer, l'iFrame ne se charge pas. Je vais demander de l'aide en interne. Restez à l'écoute.

Merci,

~Jean

Re : publication de graphiques HTML interactifs sur des sites Web

Ça ne me dérange pas de tondre ici.

on dirait que ça ne marche pas.

Re : publication de graphiques HTML interactifs sur des sites Web

Salut Adam,

Il se peut qu'il y ait quelque chose dans la façon dont votre page Web principale inclut la page HTML interactive qui est considérée comme une exception non détectée.

Il existe plusieurs façons de procéder. Voici l'une des méthodes les plus simples et généralement efficaces :

La page principale contiendrait les éléments suivants :

    <TITLE>iFrame Example</TITLE>


    <H1 id="toc-hId-2019574683">iFrame Example</H1>
    <P>Below is an example of an embedded Interactive HTML file using and iframe.</P>
    <IFRAME src="https://community.jmp.com/bivariate.html" height="900" width="500" title="iframe example"></IFRAME>

Dans ce cas, bivariate.html est un fichier HTML interactif exporté depuis JMP.

Lorsque cela est fait avec un fichier HTML interactif JMP 17, une erreur réseau s'affichera dans la console,

"GET file:///C:/api/webjmp net::ERR_FILE_NOT_FOUND"

mais cela ne devrait pas empêcher le chargement de la page.

Si vous le souhaitez, essayez ceci et faites-moi savoir si cela fonctionne.

Si votre page principale utilise JavaScript pour charger la page HTML interactive, vous devrez peut-être lui faire utiliser un bloc try/catch pour gérer/ignorer l'échec du réseau afin qu'elle puisse continuer à charger la page.

Si vous avez besoin d'aide à ce sujet, veuillez contacter le support technique JMP pour fournir plus de détails, à moins que vous ne soyez à l'aise pour partager dans ce forum.

~Jean

Re : publication de graphiques HTML interactifs sur des sites Web

ils sont sur le même serveur (dans le même dossier principal).

J'ai également essayé de les déplacer vers un autre serveur et vers mon bureau.

malheureusement, j'obtiens la même erreur.

Adam.

Re : publication de graphiques HTML interactifs sur des sites Web

@AdamChoen ,

Cette erreur se produit lorsque la page web contenant l'iframe se trouve sur un serveur différent de la page HTML interactive référencée par l'iframe. Si vous pouvez déplacer le contenu HTML interactif vers le même serveur/domaine que la page contenant l'iframe, cette erreur devrait disparaître.

Dans JMP 18, nous avons contourné cette restriction en modifiant la sortie HTML interactive.

~Jean

Re : publication de graphiques HTML interactifs sur des sites Web

@John_Powell_JMP

je pense que c'est l'erreur pertinente pour mon problème

DOMException non interceptée (en promesse) : échec de lecture d'une propriété nommée « document » à partir de « Fenêtre » : blocage d'un cadre avec l'origine « null » de l'accès à un cadre d'origine croisée.
dans window.onload (fichier://isshfs.xxxxx.com/......./Tool_Counters/Counters.htm:1572:1014711)

Re : publication de graphiques HTML interactifs sur des sites Web

@AdamChoen ,

Lorsque vous ouvrez une page Web dans laquelle vous avez intégré une page HTML interactive de JMP 17, vérifiez la console du navigateur (clic droit, Inspecter, puis choisissez Console) pour voir si des erreurs sont signalées.

S'il y en a, veuillez les copier ici afin que je puisse voir ce qui ne va pas.

Merci,

~Jean

Re : publication de graphiques HTML interactifs sur des sites Web

@John_Powell_JMP Une question est arrivée à laquelle vous pourriez peut-être répondre Adam @AdamChoen si vous @mntionnez quelqu'un qui reçoit un ping par e-mail.

Adam Choen

Niveau III

29 mai 2024, 15h01 | Publié en réponse à message de cwillden 22/06/2018

Iframe ne fonctionne plus pour moi avec le HTML interactif JMP17.

apprécier quelques indices TSing

Merci, Adam

Re : publication de graphiques HTML interactifs sur des sites Web

Iframe ne fonctionne plus pour moi avec le HTML interactif JMP17.

apprécier quelques indices TSing

Re : publication de graphiques HTML interactifs sur des sites Web

J'ai adressé une réclamation à OneDrive concernant leur incapacité à gérer les fichiers HTML. Lorsqu'on « ouvre » un fichier HTML interactif dans OneDrive, seul le code s'affiche ! On pourrait croire que Microsoft pourrait gérer cette tâche…

Je tiens à préciser ici, au cas où un expert ou un employé non JMP tomberait sur cet article, que les données brutes peuvent être extraites de graphiques interactifs (un pirate pourrait donc accéder à vos données et les reproduire). Je pense que, pour cette raison, il n'y a pas actuellement une forte demande pour la publication de ce type de figures interactives sur des sites web personnels (et c'est pourquoi cet article est le premier sur ce sujet). Je me concentre principalement sur la méta-analyse de données déjà publiées, ce qui me pose moins de problèmes.

Re : publication de graphiques HTML interactifs sur des sites Web

Cette demande et les réponses sont géniales ! Merci !

J'ai essayé Dropbox, GoogleDrive et OneDrive avant ma présentation sur le partage de HTML interactif l'année dernière et j'ai dû signaler des résultats décevants.

C'est bon de savoir qu'il existe des alternatives qui fonctionnent.

Au fait, les iFrames fonctionnent également dans la communauté JMP !

Re : publication de graphiques HTML interactifs sur des sites Web

Au fait, c'est aussi une solution « acceptée » ; elle n'a pas fonctionné pour moi car aucun de mes sites web ni de mes clouds ne pouvait héberger correctement un fichier HTML interactif. Il s'avère que le serveur S3 d'Amazon peut le faire. Ainsi, en utilisant votre script et en fournissant un lien vers le tracé HTML JMP interactif trouvé sur mon cloud S3, le tracé apparaît au bon emplacement, et je n'ai pas besoin de coller les 200 pages de script.

Re : publication de graphiques HTML interactifs sur des sites Web

Génial ! Et pour les autres personnes intéressées : Google Drive ne fonctionne pas non plus (les fichiers HTML interactifs ne peuvent pas être hébergés par GoogleDrive ni référencés dans des scripts pour apparaître sur des sites web). Je me demande pourquoi S3 est le seul de ces principaux clouds à prendre en charge le HTML interactif (je n'ai cependant pas essayé iCloud d'Apple). N'aurait-on pas déjà dû migrer vers ce langage pour les types de fichiers interactifs ?

Ma prochaine étape consistera à afficher un rapport JMP avec plusieurs fenêtres sur mon site web. Je suppose que les étapes nécessaires à sa création ne devraient pas être différentes de celles d'un graphique unique (à condition d'utiliser S3).

Re : publication de graphiques HTML interactifs sur des sites Web

Ravi que cela vous ait aidé ! Et n'oubliez pas : si vous utilisez JMP Pro, vous pouvez exporter vos modèles JMP vers du code de scoring et les héberger également sur AWS.

https://dfd3m9li3aipf.cloudfront.net/index.html

ou les intégrer (sous forme de code de notation JavaScript) directement dans vos pages dynamiques HTML :

http://jmp.scoring.iris.s3-website.us-east-2.amazonaws.com/

http://jmp.valentine.s3-website-us-east-1.amazonaws.com/

Re : publication de graphiques HTML interactifs sur des sites Web

Excellente idée ! Je ne sais pas pourquoi je n'ai pas simplement copié-collé votre code avant, mais votre graphique s'affiche parfaitement sur mon site web. Il existe de nombreuses plaintes concernant la gestion des fichiers HTML par OneDrive (ils s'ouvrent sous forme de script, et non de fichier final dans OneDrive). Je viens d'essayer avec Dropbox et j'ai eu le même problème qu'avec OneDrive. Je me demande si c'est parce que, lorsque vous partagez des fichiers via un lien, celui-ci ne ressemble pas à un lien de site web classique (comme le vôtre) ? Par exemple : https://www.dropbox.com/s/dwjyb5n0fk24zoo/Fit%20Y%20by%20X.html?dl=0 . Il est intéressant de noter qu'il existe une fonctionnalité d'intégration dans OneDrive censée contourner ce problème (elle vous fournit du code HTML à copier sur votre site web), mais, ironiquement, elle ne fonctionne pas pour le HTML interactif !

Quoi qu'il en soit, je viens de créer un compte S3, et ça marche ! Je n'aurais jamais imaginé que ce serait aussi compliqué, mais je pense que, grâce à votre aide, utiliser S3 pour héberger les fichiers HTML interactifs de JMP et référencer les liens des fichiers S3 est une solution viable. Merci beaucoup pour votre aide (et à tous les autres aussi).

Re : publication de graphiques HTML interactifs sur des sites Web

Vous devrez peut-être activer les propriétés de visibilité dans One Drive pour que les pages signalent le type MIME correct.

Il est également possible que Square Space bloque toutes les pages étrangères (ou tout contenu JavaScript étranger) pour des raisons de sécurité.

Essayez de créer une iframe pointant vers ma page HTML interactive sur S3. L'URL se trouve dans mon premier message.

De cette façon, vous saurez si le problème vient de One Drive ou de SquareSpace.

Vérifiez également les messages d’erreur dans votre console JavaScript, vous pourriez y trouver un indice.

Re : publication de graphiques HTML interactifs sur des sites Web

Bonjour,

Cela semble être une bonne solution, mais cela ne fonctionne pas avec One Drive (mon périphérique de partage/stockage de fichiers actuel). J'y avais déjà hébergé le fichier HTML interactif et je l'avais référencé sur Squarespace, mais il apparaît simplement comme une case vide sur mon site web. J'essaierai peut-être S3 plus tard, mais il semble que ce soit la même chose, non ? C'est peut-être un problème lié à Squarespace…

Re : publication de graphiques HTML interactifs sur des sites Web

Vous pouvez héberger le code HTML généré dans S3 et y rediriger votre iframe. Voici un exemple :

http://blog.nascif.com/2015/08/a-software-developers-career-visualized.html

Code pertinent :

<a href="https://s3-us-west-2.amazonaws.com/jmp.examples/career/index.html</A&gt" target="_blank">https://s3-us-west-2.amazonaws.com/jmp.examples/career/index.html</A&gt</a>;" width="100%">

Re : publication de graphiques HTML interactifs sur des sites Web

C'est une excellente idée, mais apparemment Squarespace ne le permet pas ! Voici ce qu'ils m'ont dit :

« Les utilisateurs peuvent toujours télécharger les fichiers HTML, mais ils ne peuvent pas les ouvrir dans le navigateur via un lien Squarespace et avoir cette URL statique comme le ferait un fichier .pdf. »

J'espère en quelque sorte que ce type a tort, alors je vais essayer de trouver une solution de contournement pour le faire à votre façon, ce qui semble être possible sur la plupart des autres sites Web !

Sinon, je dois retourner coller les 200 pages de code.....

Je vous tiendrai au courant si j'y parviens. Merci encore pour votre aide. Publier un code HTML interactif au bon endroit sur un site web personnel est tout à fait réalisable !

Anderson

Re : publication de graphiques HTML interactifs sur des sites Web

I found a really easy solution! You can embed an html page within another html page using tags.  Here's a really simple example:</P><PRE><!DOCTYPE html> <html> <head> <title>Main Page</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="initial-scale=1.0"> <style> iframe { width: 100%; height: 600px; } </style> </head> <body> <p>Some content above.</p> <iframe src="Graph%20Builder.htm">

Quelques contenus ci-dessous.

Dans la balise iframe d'ouverture, vous créez un lien vers le fichier HTML interactif JMP. Vous devrez télécharger ce fichier sur Foursquare pour qu'il le trouve et vérifier que le chemin d'accès est correct. Vous devrez également ajouter un style à l'iframe pour le redimensionner selon vos besoins. tags, I made the iframe as wide as possible and 600 pixels tall.</P><br /><P>Here's what my result looks like.<span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="iframeexample.PNG" style="width: 592px;"><img src="https://us.v-cdn.net/6038925/uploads/images/11223i427DB074EDA86FA5/iframeexample.PNG" role="button" title="iframeexample.PNG" alt="iframeexample.PNG" /></span></P><br /><br /><br /></lingo-body>

Re : publication de graphiques HTML interactifs sur des sites Web

Gaëlle,

Merci pour votre réponse. Partager le fichier HTML/lien est facile. J'essaie d'afficher le tracé interactif sur mon site web. Pour l'instant, cela est possible en copiant une quantité importante de code HTML et en le collant dans une zone de code. Je ne comprends pas pourquoi mon tracé interactif est toujours placé en pied de page, et non au bon endroit. Je pense que cela nécessitera juste quelques ajustements au code, j'ai donc contacté Cameron pour savoir ce qu'il faut modifier précisément dans le code. L'alternative serait de simplement demander au lecteur de faire défiler la page jusqu'en bas !

Je suis vraiment enthousiaste à ce sujet. J'ai même intégré un graphique à bulles mobiles pour que le lecteur/utilisateur puisse jouer avec la vitesse, le timing, etc. Une fois le positionnement correct, mon site web sera rempli de graphiques JMP mobiles et interactifs !

Merci pour votre aide,

Anderson

Re : publication de graphiques HTML interactifs sur des sites Web

Cameron,

J'ai beaucoup joué avec JMP et Squarespace et, heureusement, je peux simplement coller 150 pages de code HTML et intégrer même les graphiques les plus complexes (y compris les graphiques à bulles mobiles !) à mon site web. Le problème persistant est son emplacement dans le pied de page (comme je l'ai mentionné la dernière fois). Vous avez proposé une solution : ajouter un élément >div au script. À la toute fin du script HTML MONSTRE, on trouve cette ligne de code : Dois-je remplacer un de ces « body » par « div » ou est-ce plus compliqué ? J'ai essayé de les remplacer séparément et de les combiner en div, mais, ne connaissant rien aux scripts, je pourrais être bien plus compliqué ! Des idées ? Je joins le code HTML de 200 pages pour référence.

Merci,

Anderson

Re : publication de graphiques HTML interactifs sur des sites Web

Salut Anderson,

Quelques personnes chez JMP tentent de trouver une solution à votre problème, et nous avons enregistré la nécessité d'une future amélioration de JMP pour répondre au besoin que vous décrivez.

Comme je l’ai mentionné lorsque vous avez posé votre première question, voici les étapes à partager.

1. Créez le graphique et enregistrez-le quelque part. (Vous l'avez déjà fait).
2. L'essentiel est de partager le fichier .htm. Donc a) vous pouvez le joindre à un e-mail et demander à l'utilisateur de l'OUVRIR. (Je vous ai envoyé le mien par e-mail. Essayez de l'ouvrir.) b) vous pouvez le placer sur un disque partagé ; il s'ouvrira lorsqu'il cliquera dessus. (J'en ai également joint un que j'ai publié pour l'ouvrir avec Chrome. Vous aurez besoin de Chrome pour l'ouvrir.)
3. Alternativement, vous pouvez PUBLIER un ou plusieurs rapports et faire de même avec le fichier .html. https://www.jmp.com/support/help/14/create-a-web-report.shtml

Re : publication de graphiques HTML interactifs sur des sites Web

Cameron,

Merci beaucoup pour votre réponse. Il semble que ce soit bien ce que je craignais : impossible de simplement coller le graphique interactif sur une page web ! Squarespace prend en charge CSS, Java et HTML, je testerai donc votre suggestion demain. Ironiquement, Squarespace est conçu pour éviter d'avoir à écrire quoi que ce soit, même s'il peut le faire en cas de besoin. Merci encore pour votre suggestion, et je vous ferai part de mon succès (ou de mon échec) plus tard, au cas où d'autres utilisateurs de JMP seraient intéressés par la publication de graphiques HTML interactifs sur leurs sites web ! Anderson

Re : publication de graphiques HTML interactifs sur des sites Web

Salut @abmayfield ,

Cela risque d'être un peu délicat. Ces fichiers ne sont pas conçus pour un simple copier-coller du graphique à intégrer à un site web. Avez-vous de l'expérience avec HTML, CSS et JavaScript ? Je n'ai jamais intégré de graphique JMP à un site web, mais j'ai exporté un exemple de Graph Builder pour voir comment tout est structuré. Tout se déroule dans les balises. Le DOM se compose uniquement des balises d'en-tête, qui contiennent le CSS et le JavaScript, et des balises vides. Le JavaScript insère tout le contenu dans les balises.

Si vous voulez essayer, je vous recommande de tout découper dans le tags and putting that into a CSS file, and then clipping out all the JavaScript in the <script> tags and saving that as a .js file.  I don't use foursquare, but I found this which may be helpful for adding your own custom CSS and Javascript: <A href="https://support.squarespace.com/hc/en-us/articles/205815928-Adding-custom-HTML-CSS-and-JavaScript" target="_self" rel="nofollow noopener noreferrer">https://support.squarespace.com/hc/en-us/articles/205815928-Adding-custom-HTML-CSS-and-JavaScript</A></P><br /><P>The JavaScript is pretty unreadable in its unformatted state.  I'm guessing it is ending up in the footer because the JavaScript just appends the content to the tag, so it will go right at the end.  You could add a <div> to the body and edit the JavaScript to to write to that div instead.</P><br /><P>Also, I'm sure there will be some conflicts with the CSS that JMP provides with your website's own styling, so that may have some unintended consequences.  If you know what you're doing, you can probably sort that out.</P><br /><P>Good luck!</P></lingo-body>