Inserire contenuti html prodotti da software 
Author: Mariano D.Ho necessità di inserire, a scopo didattico, dei cruciverba prodotti con Crossword Compiler e quiz prodotti con Hot Potatoes.
I programmi esportano correttamente quanto richiesto, io copio l'intera cartella all'interno della cartella di lavoro del sito sul mio PC, poi eseguo un link dalla pagina del sito al file *.html del pacchetto che voglio includere.
Cliccando sul file html all'interno della cartella, i contenuti sono visibili correttamente, ma non lo sono quando lancio l'anteprima oppure quando faccio l'upload su Internet.
Per quanto riguarda i cruciverba, si apre la pagina html, ma non c'è il cruciverba (come se non venisse caricato/trovato il file con il cruciverba stesso); riguardo a Hot Potatoes accade qualcosa di simile: si apre il file html indice, ma poi non vengono trovate le risorse ad esso collegate.
Ripeto tutto ok accedendo direttamente alle cartelle, ma non riesco a caricarle correttamente su Incomedia.
Dove sbaglio? Come risolvere?
Grazie
se metti un link e/o il codice e la procedura che utilizzi è meglio
1) ... devi creare nel PC una cartella chiamata "testcruciverba";
2) ... posizionare in questa cartella tutti i files a sevizio del cruciverba, e supponendo che la pagina HTML si chiami cruciverba.html;
3) ... nel progetto metti un pulsante collegato con File o URL e digita cruciverba.html;
4) ... esporta il Progetto su DISCO, in questa stessa cartella chiamata "testcruciverba";
5) ... nella struttura di questa cartella dovresti trovare a pari livello di ROOT la index.html del progetto e la pagina cruciverba.html;
6) ... avvia la INDEX del progetto, e prova il collegamento...
7) ... la pagina cruciverba.html puoi farla vedere anche nella pagina del progetto tramite IFRAME, che funzionerebbe solo in esportazione avvenuta...
...!...per poter valutare di cosa si tratti, dovresti pubblicare in rete la pagina indipendente e funzionante del cruciverba, postando qui il LINK...!...
... il metodo più semplice per incorporare ed immediato è via IFRAME, ma i codici SCIRPT/CSS/HTML possono anche essere incorporati nel progetto tramite i pannelli Esperto ed HTML...
.
Author
No, non funziona. E' che non ne comprendo il perché ...
Se io linko ad un file html (come richiamare un index.html) perché questo file perde i suoi collegamenti con altri contenuti? Poi, se lo lancio manualmente dentro la cartella progetto, tutto funziona benissimo.
Io pensavo ci fossero problemi di software che non importava tutto il materiale, ecco perché ho inserito diligentemente le cartelle dentro la cartella principale del progetto e, successivamente, ho collegato.
Come potrei/dovrei fare con iframe?
Grazie
PS cosa e come linkare il progetto per farlo esaminare?
posta il link del file online che funziona...
come ti è stato già detto:
Author
Scusate, questo è il link alla cartella che contiene tutto ciò che serve per metterlo on line:
https://drive.google.com/drive/folders/1hVV6Z5HHDJnmJldiAUko_cenl37TK50N?usp=sharing
Grazie
Mariano
... ... da parte mia, ...essendo una implementazione EXTRA! del programma, ...come già detto, DEVI pubblicare in rete nel tuo spazio web la pagina html funzionante, e poi mettere qui il link, per esempio: www.tuosito.it/cruciverba.html ... così si potrà visualizzare nel browser per poter valutare...
... quando e se vedrò il link, forse! mi rifarò sentire, ...altrimenti da parte mi come non detto...
ciao
.
Author
Bene, questo è il link alla pagina web: www.siscom.it/scuolac
Grazie ancora
la pagina non è responsive e si basa su dei javascript...
comunque
devi copiare l'intero contenuto della cartella
CrosswordCompilerApp
nella root del tuo sito.
poi metti questo in oggetto HTML della pagina dove vuoi che ti appaia il cruciverba
<script src="CrosswordCompilerApp/raphael.js"></script><script src="CrosswordCompilerApp/crosswordCompiler.js"></script><script src="cruciverba_unit_3.js"></script><script>
$(function(){ $("#CrosswordCompilerPuz").CrosswordCompiler(CrosswordPuzzleData,null, {SUBMITMETHOD:"POST",PROGRESS : "" , ROOTIMAGES: "CrosswordCompilerApp/CrosswordImages/" } );});</script>
<div id="CrosswordCompilerPuz"></div>
la mia prova la trovi qui:
http://pcuty.altervista.org/aura/cruci.html
(facendo così funziona solo online)
e questa (per KolAsim) la pagina originaria
http://pcuty.altervista.org/aura/cruciverba_unit_3.html
Author
Grazie Claudio, ma sbaglierò qualcosa, perché non mi funziona...
Se ho ben capito ho copiato l'interno della cartella "CrosswordCompilerApp" dentro la cartella principale del sito da esportare ed inserito oggetto html con codice che mi hai gentilmente fornito, ma non va.
Poi mi chiedo: ogni volta devo rifare la stessa procedura "sporcando" la root (copiare l'intero contenuto della cartella e non la cartella). E ogni volta posso caricare un cruciverba per pagina? Quando riuscirò a farlo funzionare...
... mi sono espresso male...
Devi copiare tutta la cartella e tutto il suo contenuto
Quindi nella root avrai una cartella
CrosswordCompilerApp
con le varie sottocartelle
Author
Mi spiace, Claudio, ma non mi funziona neppure ora... Pensa che ho aggiornato anche il software per cruciverba all'ultima versione (speravo in qualche miglioria...)
Sicuramente non ho compreso bene quello che avete suggerito.
Comunque faccio così:
Grazie ancora e scusate se ho frainteso qualche indicazione
sul PC ?
queste prove vanno fatte online ...
Se vuoi provare in locale ...
fai esporta su disco
supponiamo che esporti in
c:\tuosito
la cartella con tutto il contenuto la metterai in
c:\tuosito\CrosswordCompilerApp
E per esportarla online la cartella
CrosswordCompilerApp
devi usare un ftp esterno come filezilla
...!... per me non c'è nessun cruciverba funzionante...!...
... altrimenti poteva anche andar bene quello che avevi fatto se questa pagina funzionasse: https://www.siscom.it/scuolac/files/cruciverba_unit_3.html
... devi pubblicare il cruciverba che funzioni in modo indipendente dal progetto, esportando tutti i files e cartelle a servizio con un client FTP di terze parti, o più semplicemente con il FileManager del tuo server, come detto anche da Claudio...
.
Author
Ho usato filezilla ed ho esportato sulla root (ho fatto varie prove), ma mentre se raggiungo con indirizzo diretto il cruciverba, questo funziona (https://www.siscom.it/scuolac/cruciverba_web/cruciverba_unit_3.html), non riesco a farlo funzionare con WebSite né rimanendo con il link settato come fatto finora, né linkando direttamente all'indirizzo web (URL con percorso completo), né con o senza script.
La procedura mi sembra per niente fluida, visto che mi occorre per uso didattico (e dovrei metterne molti), viste le difficoltà varie incontrate e non ancora risolte, penso proprio di desistere...
Non capisco come mai WebSite (software mooolto friendli) non consenta un approccio più diretto e facilitato per affrontare queste esigenze legate al sito web.
Vi ringrazio per la pazienza e dovete scusarmi se non ho capito subito che dovevo usare un ftp, ma come potevo ben interpretare i vostri suggerimenti (DEVI pubblicare in rete nel tuo spazio web la pagina html funzionante...) se...proprio quello era il mio problema: non riesco ad avere la mia pagina (html) del sito funzionante!
Ecco perché ho condiviso con voi la cartella dal mio Drive.
Grazie ancora e buona serata
Website con pochissimi click ti permette di creare un sito web , quello che vuoi fare tu non centra...
Hai visto la mia prova ? Da me funziona...
se...proprio quello era il mio problema: non riesco ad avere la mia pagina (html) del sito funzionante!
Metti il link della pagina dove dici di aver incorporato le istruzioni che ti ho detto
E indica dove hai pubblicato la cartella completa che ti dicevo prima...
Author
da me pure https://www.siscom.it/scuolac/cruciverba_web/cruciverba_unit_3.html
ma non incorporato alle mie pagine
... per prima cosa devi conoscere bene il programma...
... come funziona qui ADESSO il tuo collegamento, funzionerà anche se applicato a qualsiasi testo o pulsante che sia...
... quindi, come avevi fatto prima, potresti aprire nello showbox...
...!... ma in pratica, hai già risolto con le istruzioni di Claudio: >> http://pcuty.altervista.org/aura/cruci.html
...
.
si... ok ... ma ripeto qual'è la pagina dove hai incorporato il codice che ti ho detto ?
Author
home
posta anche l'immagine della griglia di pagina...
e ma che altezza hai impostato all'oggetto html ? perchè io lo vedo alto 20px !!!
l'oggetto html deve coprire un'intera riga ed avere altezza sufficiente altrimenti non ci sta il cruciverba etc...
Author
questo non lo sapevo! ora lo faccio
Author
non so come caricare la struttura pagina, invio cattura schermo
è sufficente anche solo che occupi una sola riga l'oggetto html...
l'importante che nelle impostazioni dell'html ci sia altezza adeguata , non ricordo se con la tua c'è auto
altrimenti imposta almeno 500px nelle proprietà dell'oggetto html
Author
è sufficente anche solo che occupi una sola riga l'oggetto html... ho voluto fare le cose in grande
Author
Visto che stiamo facendo prove, il link lo lascio collegato all'interno della cartella nella directory del sito salvato nel PC oppure faccio collegamento esterno (http://www.siscom.it/scuolac/cruciverba_web/cruciverba_unit_3.html)?
non preoccuparti di quel link...
Almeno ora c'è lo spazio per il cruciverba ...
Non si vede perchè manca sicuramente ancora un file questo
cruciverba_unit_3.js
recuperalo dalla gdrive e copialo (questo va copiato proprio nella cartella principale NON nella sottocartella CrosswordCompilerApp e poi vediamo se va...
...ora mi scollego per un po' ...
a dopo...
spero di tornare che hai risolto...
Author
Nella root ci sono due cartelle: una quella che mi hai detto (CrosswordCompilerApp) che no ha quel file e un'altra, che ho messo per le varie prove dove si sono tutti, come puoi vedewre dalla cattura che ho fatto
si quel file
cruciverba_unit_3.js
va copiato nella root principale del tuo sito... scuolac
oppure se vuoi lasciarlo dove è ora modifica qui il file html (penso che dovrebbe funzionare anche così...)
da
<script src="cruciverba_unit_3.js"></script>
a così
<script src="cruciverba_web/cruciverba_unit_3.js"></script>
Author
ora nella root c'è anche il file che mi dici
infatti vedo che ora funziona....
Author
io no
Author
ora sì
si che si vede
Author
Quindi ricapitolando:
mettere nella root la cartella di esportazione "aperta" e fare il collegamento nella cartella (chiusa) che ho salvato nella directory di salvataggio del sito nel PC.
Poi mettere lo script (largo una riga, con altezza almeno 500 pixel)
Questo per ogni cruciverba che carico!?
Andranno in conflitto?
Devo togliere i vecchi?
Veramente macchinoso.
Grazie comunque per la professionalità
il macchinoso dipende da come hanno fatto il codice quelli del cruciverba...
se ho capito bene il file
cruciverba_unit_3.js
è quello che contiene il cruciverba... quindi se ne hai degli altri basta che li copi nella root
aggiungi un altro oggetto html
cambi nelle istruzioni il nome del file cruciverba_unit_3.js con quello nuovo
e puoi avere tutti i cruciverba che vuoi in una pagina o nel sito...
se ritieni risolto , chiudi il post con corretto (spunta verde) sulla risposta che ti ha risolto...
con il pollice in su puoi mettere "utile" se qualche risposta ti è stata utile...
Se hai altre domande non inerenti apri un nuovo post...
ora vado...
buona serata
Author
ok. Grazie ancora. Molto chiaro!
Pensa che ho pure oggi comprato l'aggiornamento del software del cruciverba perché dicevano che era migliorata l'esportazione web...