Creare Pop-up in homepage 
Author: Fernando N.
Visited 1766,
Followers 1,
Shared 0
Salve a tutti, avrei necessità di creare un messaggio popup in homepage per inserire un messaggio urgente riguardante le disposizioni a seguito del Coronavirus e delle decisioni prese dalla nostra azienda in merito.
Ho ricercato un pò sul forum e ho trovato soluzioni riguardanti "messaggio pubblicitario", funzione del X5 Website, ma non è ciò che mi serve, in quanto permette solo di inserire un'immagine, ed avendo in questo testo due link a siti esterni, vorrei creare un pop up con testo. E' possibile???
Posted on the
... per un'idea, in EXTRA puoi usare un miei semplici metodi con > DIV_CUSTOM+IFRAME che orami hanno fatto storia...
... e forse ancora più semplice, potresti usare uno ShowBox del programma con apertura automatica tramite con piccolo script...(*)
... nell'IFRAME o nello ShowBox andrebbe importata una semplice pagina del progetto, nascosta e composta senza applicare la grafica del sito: ●Crea la pagina senza applicare il Modello...
... (*) ... per questo caso devi postare il link della HOME ed il link derlla pagina nascosta...
.
Author
Ciao KolAsim, grazie mille.
Ho optato per lo showbox....son andato quindi ad impostarlo, ma non ho capito bene come importare la pagina, forse mi serve il piccolo script.
Di seguito,
homepage: www.accerta.it/index.html
e
la pagina per la showbox
www.accerta.it/Covid.html
... Passo_3 nelle Proprietà della Pagina HOME (index.html) | Sezione Esperto | ▪Codice personalizzato: (3°) ▼Prima della chiusura del tag HEAD ... incolla questo codice:
<script>
$( document ).ready(function() {
x5engine.imShowBox({ swipeImg: 'res/imSwipe.png', closeImg: 'res/imClose.png', startIndex: 0, media:[{type: 'iframe', url: 'http://www.accerta.it/Covid.html' width: 800, height: 600, description: ''}]});
});
</script>
............
... per togliere il banner cookie (ripetitivo) nella pagina Covid.html :
... Passo_3 nelle Proprietà della Pagina nascosta (Covid.html) | Sezione Esperto | ▪Codice personalizzato: (3°) ▼Prima della chiusura del tag HEAD ... incolla questo codice:
<style> #bottom-alertbox-container {display: none} </style>
.
Author
Ciao, grazie per l'aiuto, purtroppo ho seguito passo passo le tue istruzioni, senza successo.
E' come se nulla fosse cambiato, resta tutto uguale....qualche altro suggerimento???
... mi sembra strano, ...purtroppo non posso provare...
... allora prova con il mio DIV_CUSTOM tuttofare; ...codice da incollare nella 6^ opzione: ▼prima dell chusura del tag body
<!-- DIV_CUSTOM - pannello ESPERTO | codice personalizzato | prima della chiusura di BODY - by KolAsim - INIZIO --><div id="messaggioK" style="position:fixed;z-index:100000;width:80%;height:80%;margin-left:10%;top:10%;border-radius: 15px;background-color: rgba(255 , 255, 0 , 0.8);text-align:center;"><a id="X" style="position:absolute;width:33px;height:33px;top: 0px;right: 0px;font-size: 30px;font-weight: bold;text-decoration: none;color: green;z-index:2;border-radius: 25px; border-width:2px; border-style:solid;background:Beige;" onmouseover="this.style.color='red'" onmouseout="this.style.color='green'" href="javascript:void(0)" onclick="chiudiK()"> × </a> <iframe src="http://www.accerta.it/Covid.html" style="position:relative;height:100%" width="100%" height="480"></iframe></div><script>function chiudiK () {document.getElementById("messaggioK").style.display="none";}</script><!-- DIV_CUSTOM - by KolAsim - FINE -->
.
Author
Perfetto, questo funziona.
Solo una cosa, volendo mettere un bordo nero alla finestra???
Ho provato con
border-style: solid; border-color: black;
Ma non cambia, lo vedo sempre senza bordi neri.
Grazie ancora
border: 5px solid #000000;
... ho visto il box funziona... OK ...
... silver (grigio) forse starebbe meglio di black, poi comunque sceglierai a tua preferenza...
...sostituisci o completa quello cha hai già inserito tu con questa stringa:
border-style: solid; border-width: 2px; border-color: silver;
.
Author
Grazie a tutti! Funziona.
... se vuoi provare a fare un ultimo tentativo con lo showbox, ... prova mettere in un posizione in fondo alla pagina HOME, un pulsante, testo o immagine che sia, con il comando/collegamento di apertura della pagina Covid.html nello showbox, e poi avvisa per poter controllare per un eventuale codice di apertura automatica...
... se provvisoriamente togli la protezione alla pagina, sarebbe meglio...
.