60478_it-IT

liliconcom

pubblicazione di grafici HTML interattivi sui siti web

Ciao,

Vorrei inserire file HTML JMP interattivi sul mio sito web personale, ospitato da Squarespace. Sembra che l'unico modo per farlo sia 1) aprire il file HTML interattivo su Chrome, 2) copiare gli script HTML (utilizzando l'opzione "Sviluppatore" del Mac) e 3) incollare lo script in una casella di codice o in una casella "incorpora" sul mio sito web. Questo funziona (anche se ricevo sempre un messaggio di errore che indica che il codice è troppo lungo). Tuttavia, il grafico interattivo viene sempre posizionato sotto il piè di pagina, in fondo alla pagina (indipendentemente da dove ho "posizionato" la casella di codice). C'è un modo per modificare lo script in modo che inserisca effettivamente il grafico interattivo dove voglio? In alternativa, esiste un modo per "pubblicare" semplicemente un grafico interattivo su un sito web, senza bisogno di script? (So che gli hacker possono rubare i miei dati in questo modo; questo non mi preoccupa. Voglio che le persone rubino i miei dati perché è per il bene comune!).

Re: pubblicazione di grafici HTML interattivi sui siti web

Grazie @Michael_Goff per la risposta dettagliata.

Valuterò la mia opzione con l'IT locale per trovare una soluzione a lungo termine che funzioni per me.

Grazie per l'aiuto tuo e di tutti!

Adamo.

Re: pubblicazione di grafici HTML interattivi sui siti web

Ciao Adam!

Questo thread risale al 2018 e, da quando è stato pubblicato originariamente, alcune cose sono cambiate nell'ecosistema di Internet. Il motivo per cui questo scenario di incorporamento non funziona è dovuto a una modifica nelle policy di sicurezza del browser. Nel 2020, Chrome e altri browser hanno modificato il valore predefinito di una delle loro policy, denominata " Politica di riferimento ", con un valore più sicuro. Questo per contribuire a proteggere i tuoi dati. La nuova policy predefinita si chiama origine rigorosa quando origine incrociata. Nota: la policy predefinita viene utilizzata quando il server che ospita il contenuto non specifica alcuna policy diversa. Ciò significa che quando due pagine web tentano di comunicare tra loro, devono avere la stessa origine. In questo caso, l' origine indica lo stesso protocollo, nome host e porta .

Il problema riscontrato è una conseguenza di questa modifica alla policy del browser. In JMP 17, i nostri report HTML interattivi inviano un ping alla pagina padre per verificare la disponibilità di informazioni aggiuntive. Dato che questa policy è attiva, abbiamo riscontrato un errore perché non ci è più consentito accedere a quella pagina padre con la nuova policy predefinita. Abbiamo risolto questo problema con JMP 18. Questa sarebbe la soluzione più semplice per risolvere il problema.

Nel tuo caso, sembra che tu possa accedere a queste pagine HTML tramite il file system:

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

È un po' difficile fare una diagnosi completa senza guardare gli URL completi, ma alcuni browser trattano i percorsi del protocollo file:// in modo diverso rispetto alle pagine ospitate su un server web e li considerano tutti "multi-origine" l'uno dall'altro. Un modo per garantire che questi file abbiano la stessa origine è ospitarli da un server web. L'ideale sarebbe che la pagina padre avesse un indirizzo simile a https://. .com/iframe_example.html e la pagina figlio sarà ospitata da https:// .com/Counters.html.

A volte testiamo con un server web locale utilizzando un plugin di VS Code chiamato Server live . Ci permette di avviare rapidamente un server web utilizzando i contenuti di una cartella nel nostro file system. Tuttavia, per qualsiasi tipo di utilizzo in produzione, probabilmente dovreste contattare il vostro reparto IT per avviare un server web che ospiti queste pagine.

Anche in questo caso, ospitare un webserver potrebbe essere una soluzione alternativa per incorporare report HTML interattivi da JMP 17. In JMP 18 abbiamo aggiunto una correzione per evitare di incorrere in questo errore e dovresti riuscire a incorporare nuovamente queste pagine dal file system.

Grazie,

Michael Goff

Re: pubblicazione di grafici HTML interattivi sui siti web

Grazie, Adam.

Ho testato la pagina su Chrome e Firefox e si è caricata nonostante l'errore nella console. In Edge, come hai notato, e ora riesco anche a replicarlo, l'iFrame non si carica. Chiederò aiuto internamente. Restate sintonizzati.

Grazie,

~Giovanni

Re: pubblicazione di grafici HTML interattivi sui siti web

Non mi dispiace tosare qui.

sembra che non funzioni.

Re: pubblicazione di grafici HTML interattivi sui siti web

Ciao Adam,

Potrebbe esserci qualcosa nel modo in cui la tua pagina web principale include la pagina HTML interattiva che viene vista come un'eccezione non rilevata.

Ci sono molti modi per farlo. Di seguito è riportato uno dei metodi più semplici che di solito funziona:

La pagina principale conterrebbe quanto segue:

    <TITLE>iFrame Example</TITLE>


    <H1 id="toc-hId-2019574707">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>

In questo caso, bivariate.html è un file HTML interattivo esportato da JMP.

Quando questa operazione viene eseguita con un file HTML interattivo JMP 17, verrà visualizzato un errore di rete nella console,

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

ma non dovrebbe impedire il caricamento della pagina.

Se vuoi, prova questa soluzione e fammi sapere se funziona.

Se la pagina principale utilizza JavaScript per caricare la pagina HTML interattiva, potrebbe essere necessario utilizzare un blocco try/catch per gestire/ignorare l'errore di rete in modo che possa continuare a caricare la pagina.

Se hai bisogno di aiuto, contatta il supporto tecnico JMP per fornire maggiori dettagli, a meno che tu non ti senta a tuo agio a condividere i dati in questo forum.

~Giovanni

Re: pubblicazione di grafici HTML interattivi sui siti web

sono sullo stesso server (nella stessa cartella principale).

Ho anche provato a spostarli su un server diverso e sul mio desktop.

purtroppo ricevo lo stesso errore.

Adamo.

Re: pubblicazione di grafici HTML interattivi sui siti web

@AdamChoen ,

Questo errore si verifica quando la pagina web che include l'iframe si trova su un server diverso dalla pagina HTML interattiva a cui fa riferimento l'iframe. Se riesci a spostare il contenuto HTML interattivo sullo stesso server/dominio della pagina con l'iframe, questo errore dovrebbe scomparire.

In JMP 18 abbiamo aggirato questa restrizione modificando l'output HTML interattivo.

~Giovanni

Re: pubblicazione di grafici HTML interattivi sui siti web

@John_Powell_JMP

Penso che questo sia l'errore rilevante per il mio problema

DOMException non rilevata (nella promessa): Impossibile leggere la proprietà denominata 'document' da 'Window': bloccato un frame con origine "null" dall'accesso a un frame multi-origine.
in window.onload (file://isshfs.xxxxx.com/......./Tool_Counters/Counters.htm:1572:1014711)

Re: pubblicazione di grafici HTML interattivi sui siti web

@AdamChoen ,

Quando apri una pagina web in cui hai incorporato una pagina HTML interattiva da JMP 17, controlla la console del browser (fai clic con il pulsante destro del mouse, Ispeziona, quindi scegli Console) per verificare se sono stati segnalati errori.

Se ce ne sono, per favore copiateli qui così posso vedere cosa potrebbe non andare storto.

Grazie,

~Giovanni

Re: pubblicazione di grafici HTML interattivi sui siti web

@John_Powell_JMP Adam ha ricevuto una domanda a cui potresti rispondere @AdamChoen se @mntionassi qualcuno in modo che venga avvisato tramite e-mail.

Adam Choen

Livello III

29 maggio 2024 15:01 | Pubblicato in risposta a messaggio da cwillden 22-06-2018

L'iframe non funziona più con l'HTML interattivo JMP17.

apprezzare alcuni indizi TSing

Grazie, Adam

Re: pubblicazione di grafici HTML interattivi sui siti web

L'iframe non funziona più con l'HTML interattivo JMP17.

apprezzare alcuni indizi TSing

Re: pubblicazione di grafici HTML interattivi sui siti web

Ho scritto un reclamo a OneDrive per la loro incapacità di gestire i file HTML. Quando "apri" un file HTML interattivo ALL'INTERNO di OneDrive, mostra solo codice!!! Si potrebbe pensare che Microsoft sia in grado di gestire una cosa del genere...

Vorrei sottolineare, nel caso in cui un esperto/dipendente non JMP si imbatta in questo post, che i dati grezzi possono essere estratti da grafici interattivi (ovvero, un hacker potrebbe accedere ai vostri dati e riprodurli). Credo che, per questo motivo, attualmente non ci sia una grande richiesta di pubblicare questo tipo di grafici interattivi sui siti web personali (ed è per questo che questo è il primo post su questo argomento). Mi sto concentrando principalmente sulla meta-analisi di dati già pubblicati, quindi questo è un problema minore per me.

Re: pubblicazione di grafici HTML interattivi sui siti web

Questa richiesta e le risposte sono fantastiche! Grazie!

Ho provato Dropbox, GoogleDrive e OneDrive prima della mia presentazione sulla condivisione di HTML interattivo dell'anno scorso e ho dovuto segnalare alcuni risultati deludenti.

È bene sapere che esistono alternative funzionanti.

A proposito, gli iFrame funzionano anche nella community JMP!

Re: pubblicazione di grafici HTML interattivi sui siti web

A proposito, questa è anche una soluzione "accettata"; il motivo per cui non ha funzionato per me è che nessuno dei miei siti web o cloud poteva "ospitare" correttamente un file HTML interattivo. A quanto pare, il server S3 di Amazon PUÒ farlo, quindi, utilizzando il tuo script e fornendo un collegamento al grafico HTML JMP interattivo presente sul mio cloud S3, il grafico appare nella posizione corretta e non ho bisogno di incollare le 200 pagine di script.

Re: pubblicazione di grafici HTML interattivi sui siti web

Fantastico! E come nota per gli altri interessati: anche Google Drive NON FUNZIONA (i file HTML interattivi non possono essere ospitati da GoogleDrive e referenziati negli script per la visualizzazione sui siti web). Mi chiedo perché S3 sia l'unico tra questi cloud principali a supportare l'HTML interattivo (non ho provato iCloud di Apple, però). Non avrebbero dovuto già passare tutti a questo linguaggio per i tipi di file interattivi?

Il mio prossimo passo sarà quello di visualizzare sul mio sito web un report JMP con più finestre. Immagino che i passaggi necessari per farlo non saranno diversi da quelli per un singolo grafico (a patto che usi S3).

Re: pubblicazione di grafici HTML interattivi sui siti web

Sono contento che ti sia stato utile! E non dimenticare, se usi JMP Pro, puoi esportare i tuoi modelli JMP nel codice di scoring e ospitarli anche su AWS:

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

oppure incorporali (come codice di punteggio JavaScript) direttamente nelle tue pagine dinamiche HTML:

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

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

Re: pubblicazione di grafici HTML interattivi sui siti web

Ottima idea! Non so perché non ho semplicemente copiato e incollato il tuo codice prima, ma il TUO grafico viene visualizzato correttamente sul mio sito web. C'è una lunga lista di lamentele sulla gestione dei file HTML da parte di OneDrive (si aprono come script, anziché come prodotto finale all'interno di OneDrive). Ho appena provato con Dropbox e ho riscontrato lo stesso problema di OneDrive. Mi chiedo se sia perché, quando si condividono file tramite un link, il link non sembra un normale link a un sito web (come il tuo)? Ad esempio: https://www.dropbox.com/s/dwjyb5n0fk24zoo/Fit%20Y%20by%20X.html?dl=0 . È interessante notare che OneDrive ha una funzione di "incorporamento" che dovrebbe aggirare questo problema (fornisce codice HTML da copiare sul proprio sito web), ma, ironia della sorte, non funziona con l'HTML interattivo!

In ogni caso, ho appena creato un account S3 e FUNZIONA! Cavolo, non avrei mai pensato che sarebbe stato così complicato farlo, ma credo che, grazie al tuo aiuto, usare S3 per ospitare i file HTML interattivi da JMP e poi fare riferimento ai link dei file S3 sia una soluzione praticabile. Grazie mille per il tuo aiuto (e anche agli altri).

Re: pubblicazione di grafici HTML interattivi sui siti web

Potrebbe essere necessario abilitare le proprietà di visibilità in One Drive per far sì che le pagine segnalino il tipo MIME corretto.

È anche possibile che Square Space blocchi tutte le pagine esterne (o tutti i contenuti JavaScript esterni) per motivi di sicurezza.

Prova a creare un iframe che punti alla mia pagina HTML interattiva su S3. L'URL è sul mio primo post.

In questo modo saprai se il problema riguarda One Drive o SquareSpace.

Controlla anche la console JavaScript per individuare eventuali messaggi di errore: potresti trovare lì un indizio.

Re: pubblicazione di grafici HTML interattivi sui siti web

Ciao,

Sembra un buon piano, ma non funziona per OneDrive (il mio attuale dispositivo di condivisione/archiviazione file). In precedenza avevo ospitato lì il file HTML interattivo e l'avevo referenziato su Squarespace, ma sul mio sito web appare solo come un riquadro vuoto. Forse proverò con S3 più avanti, ma sembra che dovrebbe essere la stessa cosa, giusto? Forse è un problema di Squarespace...

Re: pubblicazione di grafici HTML interattivi sui siti web

Puoi ospitare l'HTML generato in S3 e da lì indirizzare il tuo iframe ad esso. Ecco un esempio:

http://blog.nascif.com/2015/08/una-carriera-di-sviluppatori-di-software-visualizzata.html

Codice rilevante:

<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: pubblicazione di grafici HTML interattivi sui siti web

È un'ottima idea, MA a quanto pare Squarespace NON la permette! Ecco cosa mi hanno detto:

"Gli utenti possono comunque scaricare i file HTML, ma non è possibile aprirli nel browser tramite un link Squarespace e avere quell'URL statico come un file .pdf."

Spero che questo tizio si sbagli, quindi proverò a trovare una soluzione alternativa per fare come hai fatto tu, cosa che sembra possibile sulla maggior parte degli altri siti web!

Altrimenti dovrò tornare a incollare le 200 pagine di codice.....

Ti farò sapere se ci riuscirò. Grazie ancora per il tuo aiuto. Pubblicare un HTML interattivo nel posto giusto in un sito web personale è sicuramente fattibile!

Anderson

Re: pubblicazione di grafici HTML interattivi sui siti 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">

Di seguito alcuni contenuti.

Nel tag iframe di apertura, inserisci il collegamento al file HTML interattivo JMP. Dovrai caricare il file su Foursquare in modo che possa trovarlo e assicurarti che il percorso sia corretto. Dovrai anche aggiungere uno stile all'iframe per ridimensionarlo a seconda delle esigenze. 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: pubblicazione di grafici HTML interattivi sui siti web

Gail,

Grazie per la risposta. Condividere il file HTML/link è facile. Quello che sto cercando di fare è far apparire il grafico interattivo sul mio sito web. Finora, ci sono riuscito copiando un'enorme quantità di codice HTML e incollandolo in un riquadro. Quello che non riesco a capire è perché il grafico interattivo venga sempre posizionato nell'area del piè di pagina, non nella posizione corretta nella pagina. Credo che questo richiederà solo qualche modifica al codice, quindi ho contattato Cameron per vedere se può aiutarmi a mostrarmi esattamente cosa deve essere modificato nel codice. L'alternativa è semplicemente dire al lettore di scorrere fino in fondo alla pagina!

Sono davvero entusiasta di questa novità. Ho persino integrato un grafico a bolle in movimento, in modo che il lettore/utente possa sperimentare con velocità, tempi, ecc. Una volta posizionato correttamente, il mio sito web sarà pieno di grafici JMP in movimento/interattivi!

Grazie per l'aiuto,

Anderson

Re: pubblicazione di grafici HTML interattivi sui siti web

Cameron,

Ho sperimentato di più con JMP e Squarespace e, per fortuna, POSSO semplicemente incollare 150 pagine di codice HTML e incorporare anche i grafici più complessi (inclusi i grafici a bolle in movimento!) nel mio sito web. Il problema persistente è il posizionamento nel footer (come ho detto l'ultima volta). Hai suggerito una soluzione che prevede l'aggiunta di un >div allo script. Alla fine del MONSTER HTML script, c'è questa riga di codice: Devo cambiare uno di quei "body" in "div" o è più complicato di così? Ho provato a cambiarli singolarmente e, una volta uniti, in div, ma, non sapendo nulla di scripting, potrei fare molto di più! Qualche idea? Allego il codice HTML di 200 pagine come riferimento.

Grazie,

Anderson

Re: pubblicazione di grafici HTML interattivi sui siti web

Ciao Anderson,

Alcune persone presso JMP stanno cercando di trovare una soluzione al tuo problema e abbiamo segnalato la necessità di un futuro miglioramento di JMP per soddisfare l'esigenza da te descritta.

Come ti ho accennato quando me l'hai chiesto per la prima volta, ecco i passaggi da condividere.

1. Crea il grafico e salvalo da qualche parte. (Lo hai già fatto).
2. Il punto è che devi condividere il file .htm. Quindi a) puoi allegarlo a un'email chiedendo loro di APRIRLO. (Ti ho inviato il mio via email. Prova ad aprirlo.) b) Puoi metterlo su un'unità condivisa e quando ci cliccano sopra, si aprirà. (Ne ho allegato uno che ho pubblicato per aprirlo con Chrome. Avrai bisogno di Chrome per aprirlo.)
3. In alternativa, puoi PUBBLICARE uno o più report e fare lo stesso con il file .html. https://www.jmp.com/support/help/14/create-a-web-report.shtml

Re: pubblicazione di grafici HTML interattivi sui siti web

Cameron,

Grazie mille per la tua risposta. Sembra proprio che sia proprio come temevo: non posso semplicemente incollare il grafico interattivo in una pagina web! Squarespace supporta CSS, Java e HTML, quindi proverò il tuo suggerimento domani. Ironicamente, Squarespace è stato progettato appositamente per evitare di dover scrivere alcunché, sebbene possa farlo in caso di necessità. Grazie ancora per il suggerimento e ti farò sapere più tardi se ho avuto successo (o meno) nel caso in cui altri utenti di JMP fossero interessati a pubblicare grafici HTML interattivi sui loro siti web! Anderson

Re: pubblicazione di grafici HTML interattivi sui siti web

Ciao @abmayfield ,

Probabilmente sarà un po' complicato. Quei file non sono progettati per essere facilmente copiati e incollati solo per incorporare il grafico in un sito web. Hai esperienza con HTML, CSS e JavaScript? Non ho mai inserito grafici JMP in un sito web, ma ho esportato un esempio di Graph Builder per vedere come è strutturato il tutto. Tutte le azioni avvengono all'interno dei tag. Il DOM vero e proprio è costituito solo dai tag head, che contengono CSS e JavaScript, e dai tag vuoti. Il JavaScript inserisce tutto il contenuto nei tag.

Se vuoi provarci, ti consiglio di ritagliare tutto all'interno del 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>