Afficher une Boîte d'affichage à l'ouverture d'une page
Auteur : Laurent D.Bonjour à toutes et tous,
Cela fait bien longtemps que je n'ai pas posé de question ici
Je souhaiterais, à l'ouverture de ma page d'accueil, afficher automatiquement une boîte d'affichage, dont le contenu est une page cachée.
J'ai essayé d'activer la page d'accès, en renseignant le code html suivant :
<iframe src="anniversary.html" style="border:5px solid red;" frameborder="0" height="800px" width="990px" scrolling="no" title=""></iframe>
Premièrement, ç'est moins beau que la boîte d'affichage, et deuxièmement, j'ai systématiquement des ascenseurs, malgré le style scrolling="no".
Je trouve très dommage que cette page d'accès ne permette que l'afichage d'une image, ou d'une animation, ou d'une vidéo ou enfin du code html. Cà s'appelle quand même page d'accès !
Donc j'ai bien conscience devoir placer un code après l'ouverture de la balise <body> dans les propriétés avancées de ma page d'accueil, mais quel code ?
Toutes suggestions et pistes pour me mettre sur la bonne voie seront les bienvenues !
Merci,
Laurent
(It > Fr) ... avec le code EXTRA, vous pouvez utiliser la ShowBox, ou mon DIV_CUSTOM ...
... si ma participation vous intéresse, postez ici le LIEN de la page HOME et le LIEN de la page anniversaire.html
.
ciao
.
Auteur
(Fr > It)
Ciao KolAsim,
Grazie per essersi interessato al mio problema.
Ecco i link alla home page e alla pagina dell'anniversario:
https://www.danteagostini.com/fr/index.php
https://www.danteagostini.com/fr/anniversary.html
Grazie ancora per il vostro aiuto !
Buona giornata,
Laurent
... per ShowBox, in questa posizione incolla il codice che segue:
>> Étape 3 - Plan > Fenêtre Propriétés de la page > Les options de la Section Avancées | ▪Code personnalisé: > 3^option > Avant la balise de fermeture </HEAD>:
................
<script>
$(document).ready(function () {
x5engine.imShowBox({ swipeImg: 'res/imSwipe.png', closeImg: 'res/imClose.png', startIndex: 0, media:[{type: 'iframe', url: 'https://www.danteagostini.com/fr/anniversary.html', width: 800, height: 600, description: ''}]});
});
</script>
..........................
.
ciao
.
Auteur
Ciao KolAsim,
Mi dispiace, ma questo codice non funziona.
L'ho adattato da un epu su questo sito di test.
https://test.debconcept.fr
Grazie,
Laurent
... mi pare! ... che hai messo una parentesi graffa "}" in più alla fine...
... e manca una virgola "," dopo l'URL ***.html', <
... per sicurezza, incolla il mio codice nel blocco note, e poi lo selezione e lo copi dal blocco note stesso...
.
ciao
.
ps: ... per l'URL relativo basterebbe anniversary.html .... anzichè ../anniversary.html
.
Auteur
Ciao KolAsim,
Sì, ho copiato male lo script. Così l'ho fatto di nuovo, facendo molta attenzione.
Purtroppo, lo ShowBox non viene ancora visualizzato all'apertura della pagina index.php.
Puoi sempre vederlo con questo link: https://test.debconcept.fr
Buon week-end,
Laurent
ciao, ... il codice adesso lo hai applicato correttamente...
... il codice vedo che funziona, ma forse il problema sta nel peso della pagina lenta ad aprirsi...
... ho modificato il codice aggiungendo un ritardo di 6 secondi (6000)m, che potrai valutare, aumentare o diminuire, per esempio 3000...
... provalo, ed avvisami per controllare:
<script>
$(document).ready(function () { setTimeout(function(){
x5engine.imShowBox({ swipeImg: 'res/imSwipe.png', closeImg: 'res/imClose.png', startIndex: 0, media:[{type: 'iframe', url: 'anniversary.html', width: 800, height: 600, description: ''}]}); }, 6000);
});
</script>
ciao
.
ps: ... in caso di problemi, passeremo ad usare il mio insuperabile DIV_CUSTOM ;-)
.
Hello Laurent,
Ici sur ma demo tu trouveras ce que tu cherches je pense.
https://wsx5demo.afsoftware.fr/popup-on-loading.html
Enjoy !
Axel
Bonjour Laurent, tu peut essayer come ca:
<iframe src="../fr/anniversary.html" style="border:5px solid red" frameborder="0" height="300px" width="90%" scrolling="no" title=""></iframe>
just au desous du cadre ou tu met le code html, il faut regler les dimensions du div qui va contenir le iframe; moi j'ai mis 1000x334 px et ca marche bien avec les mesures que j'ai donnee a l'iframe.
En cette maniere tu va voir ton compteur de la page cachee dans la page d'entree.
Auteur
Buona sera, KolAsim,
Grazie mille! Ora funziona perfettamente.
Buon fine settimana.
Et merci Axel et Fabio ! Vos exemples m'ont bien aidé
Laurent
... ho visto, funziona, e grazie anche a te per il TEST ... ...
... se vuoi, una piccola pillola; ...nella pagina anniversary.html puoi mettere questo codice per nascondere la barra dei cookies:
<style> #bottom-alertbox-container { display:none !important } </style>
.
... ciao e buon proseguimento...
.