WebSite X5Help Center

 
fulvio C.
fulvio C.
User

Iframe responsive  it

Auteur : fulvio C.
Visité 2621, Followers 1, Partagé 0  

Ho la necessità di pubblicare un file HTML , che viene creato dinamicamente ogni giorno da un altro programma, in maniera RESPONSIVE sui vari formati supportati da X5 Evolution V 17.0.4

Ecco il mio ultimo tentativo (ma non va):

Nella linguetta Codice Html:



Nella linguetta Esperto:

@media screen and (min-width: 700px) {
 .resp-container {
  overflow: hidden;
  padding-top: 50.25%;
  position: relative;
}

.resp-iframe {
   border: 0;
   height: auto;
   left: 0;
   position: absolute;
   top: 0;
   width: 120%;
   max-width: 100%;
}}


@media screen and (max-width: 699px) {  
 .resp-container {
  overflow: hidden;
  padding-top: 5%;
  position: relative;
}

.resp-iframe {
   border: 0;
   height: auto;
   left: 0;
   position: absolute;
   top: 0;
   width: 60%
   max-width: 100%;
   
}}

Allego l'esempio del file. Spero che riusciate a darmi una mano.

Grazie

Posté le
45 RéPONSES - 1 UTILES
fulvio C.
fulvio C.
User
Auteur

Pardon, nel Codice Html:

<div class="resp-container">
<iframe class="resp-iframe" src="reports/sentiment.html" scrolling="no" frameborder="no" style="border:none; overflow:hidden; display:bloc" allowTransparency="true"></iframe>
</div>

Lire plus
Posté le de fulvio C.
fulvio C.
fulvio C.
User
Auteur

Inoltre, dato che non posso caricare il file in formato HTML, ve lo posto qui. Notare che ci sono dei grafici e delle icone linkate, che dovranno essere visibili nella colonna di destra della tabella.


<html>
<head><title>Sentiment</title></head>
<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Lucida Console;font-size:12px; color: #595751; padding:0px 10px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:black;}
.tg th{font-family:Lucida Console;font-size:14px; color: #595751; font-weight:normal;padding:0px 10px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:black;}
.tg .tg-zv4m{color:#23678C;border-color:#ffffff;text-align:left;vertical-align:top}
.tg .tg-zv5m{border-color:#ffffff;text-align:center;vertical-align:bottom}
.tg .tg-zv6m{border-color:#ffffff;text-align:center;vertical-align:top}
.tg .tg-f0vd{color:#0B3E66;border-color:#ffffff;text-align:left;vertical-align:top}
</style>

<table class="tg">
  <tr>
    <th class="tg-f0vd">share: </th>
    <th class="tg-zv4m">A2A SPA</th>

    <th class="tg-zv5m" rowspan="2"><img src= graphA2ASPA.png></th>
  </tr>

  <tr>
    <td class="tg-f0vd">titolo: </td>
    <td class="tg-zv4m" content="width=600">A2A, 10 anni all'insegna della sosteniblit: le cifre del gruppo</td>
  </tr>

  <tr>
    <td class="tg-f0vd">estratto: </td>
    <td class="tg-zv4m content="width=600""> Roma, 19 ott. (askanews)  Mentre sono in corso i festeggiamenti per lanniversario del Gruppo A2A con due eventi a Milano e Brescia, la multiutility fornisce in una nota le cifre di un decennio di performance ambientali, economiche e sociali. E a partire dal 2008, infatti, che A2A redige un repor</td>


    <td class="tg-zv6m"><img src="icons/sm2.jpg" width="50" height="50"></td>
  </tr>
</br></br></table>

<table class="tg">
  <tr>
    <th class="tg-f0vd">share: </th>
    <th class="tg-zv4m">BANCA MEDIOLANUM</th>

    <th class="tg-zv5m" rowspan="2"><img src= graphBANCAMEDIOLANUM.png></th>
  </tr>

  <tr>
    <td class="tg-f0vd">titolo: </td>
    <td class="tg-zv4m" content="width=600">Banca Mediolanum torna sui minimi di febbraio 2016 - Traderlink</td>
  </tr>

  <tr>
    <td class="tg-f0vd">estratto: </td>
    <td class="tg-zv4m content="width=600"">Banca Mediolanum ha violato il 5 ottobre in area 5,67 ilsupporto offerto dai minimi di novembre 2016 e di giugno, inviando un segnalepreoccupante. Solo da recuperi oltre area 5,70 verrebbero i primi indizipositivi, da confermare poi comunque oltre i 6 euro. In quel caso target a6,24, gap del 28 sett</td>


    <td class="tg-zv6m"><img src="icons/sm2.jpg" width="50" height="50"></td>
  </tr>
</br></br></table>

<table class="tg">
  <tr>
    <th class="tg-f0vd">share: </th>
    <th class="tg-zv4m">BANCO BPM</th>

    <th class="tg-zv5m" rowspan="2"><img src= graphBANCOBPM.png></th>
  </tr>

  <tr>
    <td class="tg-f0vd">titolo: </td>
    <td class="tg-zv4m" content="width=600">Banco Bpm tonfo del 5% dopo breve sospensione al ribasso - FINANZA.COM</td>
  </tr>

  <tr>
    <td class="tg-f0vd">estratto: </td>
    <td class="tg-zv4m content="width=600"">Ban co Bpm tonfo del 5% dopo breve sospensione al ribasso </td>


    <td class="tg-zv6m"><img src="icons/sm0.jpg" width="50" height="50"></td>
  </tr>
</br></br></table>

<table class="tg">
  <tr>
    <th class="tg-f0vd">share: </th>
    <th class="tg-zv4m">BPER BANCA</th>

    <th class="tg-zv5m" rowspan="2"><img src= graphBPERBANCA.png></th>
  </tr>

  <tr>
    <td class="tg-f0vd">titolo: </td>
    <td class="tg-zv4m" content="width=600">BPER Banca viola un importante supporto - Traderlink</td>
  </tr>

  <tr>
    <td class="tg-f0vd">estratto: </td>
    <td class="tg-zv4m content="width=600"">BPER Banca viola a 3,43 la base del canale decrescente disegnato dai massimi di maggio. A meno di un pronto recupero oltre area 3,55 che farebbe sperare in rimbalzi verso i 4 euro, dove transita la media esponenziale a 50 giorni, il rischio di un proseguimento della fase di debolezza  elevato. Sott</td>


    <td class="tg-zv6m"><img src="icons/sm1.jpg" width="50" height="50"></td>
  </tr>
</br></br></table>

<table class="tg">
  <tr>
    <th class="tg-f0vd">share: </th>
    <th class="tg-zv4m">BREMBO</th>

    <th class="tg-zv5m" rowspan="2"><img src= graphBREMBO.png></th>
  </tr>

  <tr>
    <td class="tg-f0vd">titolo: </td>
    <td class="tg-zv4m" content="width=600">Piazza Affari: le vendite travolgono Brembo | Teleborsa.it</td>
  </tr>

  <tr>
    <td class="tg-f0vd">estratto: </td>
    <td class="tg-zv4m content="width=600"">     (Teleborsa) - Si muove in profondo rosso l' azienda italiana produttrice di impianti frenanti per veicoli , che  in forte flessione, mostrando una perdita del 2,19% sui valori precedenti.  Lo scenario su base settimanale di Brembo rileva un allentamento della curva rispetto alla forza espressa</td>


    <td class="tg-zv6m"><img src="icons/sm0.jpg" width="50" height="50"></td>
  </tr>
</br></br></table>
</html>

Lire plus
Posté le de fulvio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

...!... per poter io valutare dovrei vedere il LINK reale della pagina ospite...!...

... ma, se la pagina chiamata in iframe risiede sul tuo stesso server,  puoi anche arrivarci da solo sfruttando, adattando e personalizando, la mia idea postata qui:

https://helpcenter.websitex5.com/fr/post/202768#comment12

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
fulvio C.
fulvio C.
User
Auteur

grazie Kolasim,

ho provato la cosa che mi hai suggerito ma non mi sembra che funzioni correttamente.

Trovi la pagina di prova a : http://www.fertes.eu/test/sentiment.html

La pagina ospite è quindi : http://www.fertes.eu/test/reports/sentiment.html

(si hanno lo stesso nome, e non so se mi convenga, ma sono files diversi)

ps. mi puoi spiegare perchè suggerisci di inserire lo stile nella pagina, prima della chiusura del tag Head, piuttosto che nella sezione Esperto che aggiorna il CSS relativo?

Lire plus
Posté le de fulvio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
fulvio C.
... ... ... ...  ps. mi puoi spiegare perchè suggerisci di inserire lo stile nella pagina, prima della chiusura del tag Head, piuttosto che nella sezione Esperto che aggiorna il CSS relativo?

... ... puoi usare sia le proprietà dalla pagina come hai già fatto,  che il pannello esperto dell'oggetto codice html con le opportune modifiche del caso (css senza tag style)...

... comunque, ad occhio e croce!, ... ...sostituisci il precedente codice che hai messo in </HEAD>  con questo:

<style> #imCell_2, #imCell_2 div{ width:100% !important; } </style<script> window.onload = function (){K =document.getElementById('sentiment').offsetHeight; document.getElementById('imHTMLObject_25_02').style.height = K + 100 +"px";} window.onresize = function(){ window.location.href = window.location.href; } </script>

... e sostituisci il codice IFRAME con questo, url relativo:

<iframe id="sentiment" name="sentiment" width="100%" height="300" src="reports/sentiment.html" onload="iframeLoaded()" style="position:absolute;width:100%;top:0px;left:0px"> </iframe>

... o con questo, url assoluto:

<iframe id="sentiment" name="sentiment" width="100%" height="300" src="http://www.fertes.eu/test/reports/sentiment.html" onload="iframeLoaded()" style="position:absolute;width:100%;heightX:300px;top:0px;left:0px"> </iframe>

... eventualmente, quando avrai fatto, avvisa per andare a controllare...

...!... considera che non ho il programma per provare e che è un escamotage unico, ed ovviamente, potrai apprezzare l'eventule elasticità verticale dell'IFRAME solo in RETE ...!...

...!... correggi anche il codice della pagina esterna, che presenta diversi errori...!...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
fulvio C.
fulvio C.
User
Auteur

Aggiornato e FUNZIONA !!! grazie

Ne approfitto per aggiungere alcuni punti che non mi sono chiari:

- se nell'Oggetto spunto il flag Abilita Altezza Automatica non si vede più nulla. Non facendolo, però, mi perdo l'effetto "fisarmonica" perchè l'altezza dell'Oggetto rimane quella impostata nelle sue Proprietà;

- vorrei che la tabella si centrasse nello schermo (nice to have), ma temo che con "position:absolute" ciò non sia più possibile, è corretto?

- inoltre, al di fuori della discussione, se vedi la pagina su cellulare (chrome) troverai che la pagina si espande a destra (bianca) ben oltre i limiti del testo (???)

Lire plus
Posté le de fulvio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... dal footer devi eliminare questa immagine testuale:

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
fulvio C.
fulvio C.
User
Auteur

giusto... in origine era testo ed evidentemente nella conversione dalla v.11 alla v.17 del programma questo è stato trasformato in img e la cosa mi era sfuggita. Grazie di nuovo

Lire plus
Posté le de fulvio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... apri la tabella esterna su Firefox e nel codice sorgente Ctrl+U noterai tutti gli errori nel codice, che dovrai eliminare e regolarizzare...

... per rendere il contenuto della tabella a tutta larghezza, o cambi i valori attuali, ...oppure nel tag style aggiungi:

td:nth-child(2) {width:100% !important}

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
fulvio C.
fulvio C.
User
Auteur

... ho aggiornato il sito di test ma non mi pare che ci siano miglioramenti in quanto alla larghezza della pagina.

Ad ogni modo ti ringrazio ancora per le dritte e per la pazienza:

- per gli errori, vedrò di studiarmi qs https://developer.mozilla.org/it/docs/Tools/Debugger e poi sistemarli per bene,

- per la tabella (che creo da phyton) forse è meglio che intervenga in origine, allargandola a tutta pagina quando la creo, e lasciando che sia poi il tuo codice ad ottimizzarla /responsivizzarla per le varie visualizzazioni

Lire plus
Posté le de fulvio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
fulvio C.
... ho aggiornato il sito di test ma non mi pare che ci siano miglioramenti in quanto alla larghezza della pagina. ... ... ...

... adesso non posso; ...in serata al  mio rientro darò un'occhiata ai tuoi link...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... per una prova temporanea, scarica e sostituisci la tua pagina esterna con >> questa, (temporanea!)!...

... c'è qualche tag deprecato! da decenni, ma sempre funzionante, e non contiene errori...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
fulvio C.
fulvio C.
User
Auteur

Fatto, ma non vedo sostanziali miglioramenti.

Lire plus
Posté le de fulvio C.
fulvio C.
fulvio C.
User
Auteur
fulvio C.
Fatto, ma non vedo sostanziali miglioramenti.

...o meglio troverai 2 pagine: sentiment (originale) e sentimentKolasim (che linka il tuo sito)

Lire plus
Posté le de fulvio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
fulvio C.
Fatto, ma non vedo sostanziali miglioramenti.

... sul mio PC/Firefox la differenza sta in quello che hai scaricato che appare centrato nella tua pagina...

... volendo si potrebbe ottenere in >> tutta largezza ... Ctrl+F5 ...  (temporaneo!) ...

.

(... nel tuo secondo esempio c'è un tag </center> vedovo...)

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
fulvio C.
fulvio C.
User
Auteur

Si ho notato i vari errrori e sistemati a mano (anche nella pagina di test online)... Ora devo implementare le medesime modifiche sul programma python che genera la tabella, ma non sarà un problema.

Ti ringrazio ancora.

Lire plus
Posté le de fulvio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK ... ciao ...

... per il codice IFRAME, sembra che con l'ultimo aggiornamento siano stati risolti i problemi relativi al contenitore del codice HTML; ...se puoi puoi controllare e verificare, (mio codice a parte!)...

...

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
fulvio C.
fulvio C.
User
Auteur

Ciao Kolasim.... sto lavorando alla modifica dei reports in python... per cui al momento non ho particolari aggiornamenti sul tema

...però....

anche il mio sito ha un problema analogo a quello della discussione https://helpcenter.websitex5.com/fr/post/196884 in quanto come hai visto anche tu carica delle immagini e dei reports che vengono generati quotidianamente dal backend ed inviati al sito sovrascrivendo quelli del gg precedente.

Ecco ora ho il problema di evitare il caching delle immagini e potrei operare in uno dei due modi che elenco:

1. invece di caricare le immagini dall'Oggetto immagine di X5, le carico come Oggetto iframe, in qs modo credo che si possa evitare il caching della stessa;

2. utilizzando il file .htaccess come visto nella discussione di cui sopra (però qui il problema è che il dominio ora è Windows e dovrei farlo con web.config di ASP.NET, salvo richiedere la modifica del dominio in Linux/Apache)

Posso chiederti un consiglio? grazie in anticipo

Lire plus
Posté le de fulvio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

1) - penso anche io che con l'IFRAME si possa by-passare la cache, ... ma è sempre da verificare;

2) - te lo sconsiglio; ... al limite, se proprio vuoi,  potresti documentarti tra questi risultati di ricerca;

.....................................................................

... questi sono due miei personali metodi per ingannare la cache per le immagini:

  • 1° - per ogni immagine con il proprio ID----------------------------------

<img id="k1" src="nomeimmagine.jpg" width="100" />
<script>var now = new Date (); document.images.k1.src += '?'+ now.getTime (); </script>

----------------------------------------------------------------------------

  • 2° - per tutte le immagini della pagina, con la stessa estensione---(*.jpg)!------

<script> onload = function(){ var N = new Date();var N = N.getTime();
document.body.innerHTML = document.body.innerHTML.replace(/.jpg/ig, '.jpg?'+N);} </script>

-------------------------------------------------------------------------

ciao

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
fulvio C.
fulvio C.
User
Auteur

Ok, grazie mille, per tua info (e, se vuoi, anche verifica) ho aggiornato il sito di prova al http://fertes.eu/test/index.html

Spero di aver posizionato correttamente lo script (il secondo), ovvero prima della chiusura del tag head.

Ciao

Lire plus
Posté le de fulvio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... non vedo immagini PNG, se non solo il LOGO in intestazione, per cui il codice sarebbe superfluo...

... il codice attuale è errato; quello corretto per il PNG è questo:

<script> onload = function(){ var N = new Date();var N = N.getTime();
document.body.innerHTML = document.body.innerHTML.replace(/.png/ig,'.png?'+N);} </script>

-----------------------------------------------------------------

... nel codice IFRAME elimina queste parti in grassetto:

heightX:300px;top:0px;left:0px; td:nth-child(2) {width:100% !important}

... la pagina importata in IFRAME, > questa, ...aprila nel browser Firefox, ed aziona Ctrl+U ...ti verranno messi in evidenza gli errori nel codice sorgente a cui dovrai porre rimedio...

.

ciao

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
fulvio C.
fulvio C.
User
Auteur

ciao Kolasim

Ok fatto e sistemati anche tutti gli errorini della tabella presentata in homepage e di tutte quelle in archivio/previsioni (le altre le farò successivamente).

Ora però ho notato un comportamento strano che credo che sia dovuto allo script di renaming dei files png:

- su tutti i dispositivi: se faccio il refresh della pagina l'immagine scompare (evidentemente per via del rename virtuale),

- su cellulare android: oltre a questo, noto che la pagina non viene più caricata da chrome (strano!)

Per questo puoi verificare la home page ed ancor più nella pagina archivio/benchmark dove l'immagine sparisce anche caricando un report dal menu a tendina.

Forse serve un altro pezzettino di codice tale che se la pagina non trova il file immagine nella cache se lo vada a ricercare sul server?

ps. Inoltre, sempre in merito al cellulare, non riesco a sistemare la larghezza della pagina a dx.

Lire plus
Posté le de fulvio C.
fulvio C.
fulvio C.
User
Auteur

Oltre a questo ho un altro problemino, legato alle impostazioni di X5, che non riesco a comprendere.... I due menu a discesa si non si aprono dalla pagina Home, ma solamente passando prima tramite un altra pagina... Come mai? questo non accadeva con la ver.11 ed ora, con la ver.17, si...

grazie di nuovo

Lire plus
Posté le de fulvio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... codice tabella: ... OK ...

... regolare su mobile-Android + Chrome ...

... in quella pagina hai solamente queste immagini PNG, apparentemente tutte rinominate dal mio codice:

http://www.fertes.eu/test/images/logo2.png?1543512169338

http://www.fertes.eu/test/images/9DEF54E6D26D724C723B562C4D3FA978.png?1543512169338

http://www.fertes.eu/test/images/linea_0t1l9mz6.png?1543512169338

http://www.fertes.eu/test/images/linea.png?1543512169338

... questa non è nel codice della pagina, ma di sfondo:

... il problema dello scroll laterale penso che dipenda dalle  quel diagramma che hai posizionato in fondo alla pagina...

... sempre in quella pagina probabilmente non appare il menu a discesa perchè non hai fatto una esportazione completa con il programma...

.

ciao

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
fulvio C.
fulvio C.
User
Auteur

ciao Kolasim, anzitutto devo ringraziarti per il tempo che stai dedicando alle mie questioni..

In merito alle problematiche

 ‪ KolAsim ‪ ‪
... regolare su mobile-Android + Chrome ...

a me pare che, successivamente ai refresh, carichi l'immagine in maniera random, alle volte si ed altre no (?)

 ‪ KolAsim ‪ ‪

... in quella pagina hai solamente queste immagini PNG, apparentemente tutte rinominate dal mio codice:

Ok.

Secondo te si può fare anche con gli html che carico negli iframe che hai visto, o rischierei di 'sminchiare' ad es i links del menu?

 ‪ KolAsim ‪ ‪

... il problema dello scroll laterale penso che dipenda dalle quel diagramma che hai posizionato in fondo alla pagina...

ci sto lavorando... ti aggiornerò

 ‪ KolAsim ‪ ‪

... sempre in quella pagina probabilmente non appare il menu a discesa perchè non hai fatto una esportazione completa con il programma...

Ho esportato tutto un paio di volte e continua a presentarsi il problema (anche nel browser interno di X5). Non so se ci sia un comando nel programma che abiliti i menu di livello a seconda della pagina corrente in cui ci si trova ... (?)

Lire plus
Posté le de fulvio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... per quelle immagini dette, fisse e sempre uguali, non ti servirebbe il mio codice...

 ... io non ho notato inceppamenti, e considera che il codice dovrebbe caricare le immagini come fosse la prima volta, quindi non immediatamente rifacendo il downloads...

... non ho mai provato, ma il codice potrebbe essere abbinato a tutte le estensioni *.html della pagina,quindi ai link ed url...

... per le pagina in iframe, devi verificare se venisse by-passata la cache, altrimenti potresti applicare il mio codice direttamente nella pagina esterna...

... se il menu della HOME in Anteprima risulta regolare, e se hai fatto una esportazione regolare e completa al Passo_5, ...non dovrebbe presentarsi il problema dei sotto livelli; ... al limite rifai una NUOVA HOME (index.html), rinominando (Proprietà) e nascondendo quella attuale...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
fulvio C.
fulvio C.
User
Auteur
... per quelle immagini dette, fisse e sempre uguali, non ti servirebbe il mio codice...  ... io non ho notato inceppamenti, e considera che il codice dovrebbe caricare le immagini come fosse la prima volta, quindi non immediatamente rifacendo il downloads...

le uniche che mi interessano per ora sono la report.png e la report2.png della Home e della Benchmark; sono queste che si caricano randomly, non quelle dello sfondo (seppur anch'esse png).

Ora però le ho momentaneamente eliminate per provare a verificare se il problema dello scroll laterale dipenda da esse, ma evidentemente non è così. Sarà qualcosa collegato alla conversione dalla versione precedente di X5 (non responsive) a quest'ultima?

... non ho mai provato, ma il codice potrebbe essere abbinato a tutte le estensioni *.html della pagina,quindi ai link ed url...

... per le pagina in iframe, devi verificare se venisse by-passata la cache, altrimenti potresti applicare il mio codice direttamente nella pagina esterna...

buona idea, ci proverò alla prossima modifica del progrmma che li genera

... se il menu della HOME in Anteprima risulta regolare, e se hai fatto una esportazione regolare e completa al Passo_5, ...non dovrebbe presentarsi il problema dei sotto livelli; ... al limite rifai una NUOVA HOME (index.html), rinominando (Proprietà) e nascondendo quella attuale...

Fatto. A quanto pare c'è qualcosa nello script che inibisce l'apertura delle dropdown.

Nel sito di test troverai 2 pagine Home:

  • Home è la nuova copia, dove ho modificato il tuo codice da "replace(/.png/ig,'.png?'+N)" a "replace(/.png,'.png?'+N)", in questo modo il menu viene caricato correttamente
  • Home2 è quella precedente, che non carica il dropdown

Pensi che la modifica che ho apportato renda inutile il tuo script?

O forse sarebbe meglio posizionarlo non nell'header ma più in basso nel body?

Lire plus
Posté le de fulvio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... non avendo programmi, non  so perchè, ma dal tuo esempio si evince che quel mio codice è incompatibile con il menu a livelli di WebSiteX5, mi dispiace, e quindi, o fai a meno dei livelli, o dovrai usare lo script alternativo, oppure cercare altre possibili soluzioni...

... le immagini PNG che hai nominato, mi sembra che non facciano parte del codice html della pagina...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
fulvio C.
fulvio C.
User
Auteur

Ho provato ad utilizzarlo in maniera puntuale:

.replace('report.png','report.png?'+N).replace('report2.png','report2.png?'+N)

ma anche in qs modo va in conflitto col menu a discesa....

Boh cercherò un'altra strada. Grazie di tutto. ciao

Lire plus
Posté le de fulvio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... se le immagini PNG fossero nel corpo della pagina, escludendo quindi header/menu dallo script, questo potrebbe forse funzionare senza interferire con i livelli del menu...

... come ultima prova, prova quindi a postare il link di un esempio con immagini PNG nel corpo della pagina, che nelle precedenti non c'erano! ...e poi si vedrà l'eventuale da farsi...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
fulvio C.
fulvio C.
User
Auteur

Ho provato entrambe le strade, ma non mi pare che funzioni ne una ne l'altra:

- pagina Home, lo script è nel body e comunque il dropdown non compare,

- pagina Home2, carico l'immagine (ma non riesco a farla visualizzare interamente) in un iframe, con lo script a seguire, ma anche in questo caso non funziona

A questo punto penso che mi rimangano 2 strade:

- utilizzare il file web.config di ASP.NET, oppure

- portare i report in una pagina dedicata, dentro al dropdown, dove inserire il tuo codice

Lire plus
Posté le de fulvio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... nella pagina test non ho trovato png nel corpo pagina per verificare ...

... in alterntiva il primo script potrebbe funzionare...

... per altre alternative, valuta un po' tu...

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
fulvio C.
fulvio C.
User
Auteur

Ho messo il primo - pagina Home - e mi sembra che ora sia tutto Ok ... mi pare anche il renaming, ma se hai voglia di controllare anche tu mi faresti un piacere.

Ottijmo. grazie Kolasim

Lire plus
Posté le de fulvio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
fulvio C.
mi sembra che ora sia tutto Ok ... mi pare anche il renaming,... ...

... ancora no! ...

... l'immagine "k1" che hai  messo in alto con codice EXTRA, potrebbe funzionare se assegni il SRC relativo ad essa, in quanto adesso non viene trovata; ...manca il nome della cartella images nel percorso; ...invece il PNG a fondo pagine è escluso dal codice...

... adesso che, come ti avevo richiesto prima qui,  hai inserito nel corpo della pagina, in fondo, una imm. PNG (report2.png), allora il mio codice potrebbe funzionare senza interferenze per tutte le PNG nel corpo pagina,  modificandolo in questo modo:

<script> window.onload = function(){ var N = new Date().getTime();
var objK = document.getElementById("imContent").innerHTML;
var strgK = objK.replace(/.png/g, '.png?'+N);
document.getElementById("imContent").innerHTML = strgK;} </script>

...

... oppure, come hai già fatto (k1), puoi continuare ad usare il codice per ID individuali per ogni immagine...

.

...  in un modo o nell'altro, adesso dovresi essere a posto...

.

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Tommaso Tarallo
Tommaso Tarallo
User

Ciao a tutti, io vorrei un codice per un iframe responsive in altezza per pagine dello mio stesso dominio. Quale ê il codice? Grazie 

Lire plus
Posté le de Tommaso Tarallo
fulvio C.
fulvio C.
User
Auteur

ciao Kolasim,

ho aggiornato sia la pagina Home, che la Home2. In entrambe il menu di livello funziona correttamente. Mi pare che anche il discorso del renaming (che controllo col comando "about:cache" e poi verificando il nome file) si a posto, ma ti chiederei ancora il piacere della controverifica. grazie

ciao SitiWeb App,

il codice di Kolasim più in alto, che ho votato come OK, dovrebbe fare al caso tuo.

Lire plus
Posté le de fulvio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
fulvio C.
... ...  ti chiederei ancora il piacere della controverifica. ... ... ...

... >>  report2.png?1543830459010

1) ... x HOME: ... OK per l'immagine EXTRA in alto; ...ovviamente no! per quella in basso non essendoci il relativo codice;

2) ... x HOME2: ... OK per l'immagine nel corpo pagina, quella in basso, e dovrebbe funzionare anche per altre eventuali PNG inserite in altre sezioni sempre nel corpo pagina...

... grazie anche a te per i test che hai effettuato...

...(...undecided... mi è rimasta strana l'interferenza sui livelli, e buono a sapersi; ... mah!...foot-in-mouth...)

.

ciao

.

ps.: ... mo dovresti dedicarti alla conversione in responsive...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
fulvio C.
fulvio C.
User
Auteur

Adesso la versione in inglese del sito live (non quella /test/) dovrebbe essere ok e responsive.

Devo ancora sistemare la larghezza di alcuni reports ed il problema dello scroll laterale ma per il momento, e grazie al tuo aiuto, mi ritengo abbastanza soddisfatto.

Lire plus
Posté le de fulvio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... correggi il codice iframe che porta errore...

... ho visto la home, ma il diagramma in basso non è in PNG letto dalla pagina...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
fulvio C.
fulvio C.
User
Auteur

Non la vedevi perchè l'avevo protetta dalla copia ed appariva in questo modo:

<divid="imCell_12" class="" data-responsive-sequence-number="3"><divid="imCellStyleGraphics_12"></div><divid="imObjectImage_12"><divid="imObjectImage_12_container"></div></div><script> x5engine.boot.push(function () { $('#imObjectImage_12').addClass('imlazyloading').trigger('imLazyLoadingStart'); new x5engine.mediaObject({ 'url': '211206165160216183098179188164161165224157143162163198', 'protect': true, 'load': function ( o ) { $('#imObjectImage_12_container').html( $(o.DOMObject()).css({ 'position': 'relative', 'left': 0, 'top': 0 }) ); $('#imObjectImage_12').trigger('imLazyLoadingEnd'); } }); }); </script></div>

Immagino che in questa maniera lo script del renaming sia assolutamente inutile...

Ora ho rimosso la protezione, corretto gli errori della Home e ripubblicata

Lire plus
Posté le de fulvio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

...OK >> report2.png?1543920651344  ... (...e nessun apparente errore! ...)

..............................................

... per il Copyright, in alternativa  EXTRA, puoi prendere spunto dai miei storici esempi:

> 1 |  > 2 | > 3 > 4 

... con protezioni più o meno estese, tutte semplici e personalizzabili...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
fulvio C.
fulvio C.
User
Auteur

grazie Kolasim...

per tua info, ho provato ad aprire la una delle pagine protette con Notepad++ anzichè da browser. Vedi allegato.

Lire plus
Posté le de fulvio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ti serve solo il codice <script>***</script>  che c'è dal rigo 10 al 14 ...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
fulvio C.
fulvio C.
User
Auteur

grazie mille Kolasim. per ora le lascierò così, ho copiato il codice e valuterò più avanti se proteggerle o no.

Lire plus
Posté le de fulvio C.