WebSite X5Help Center

 
Laurent D.
Laurent D.
User

Afficher une Boîte d'affichage à l'ouverture d'une page  fr

Auteur : Laurent D.
Visité 1480, Followers 2, Partagé 0  

Bonjour à toutes et tous,

Cela fait bien longtemps que je n'ai pas posé de question ici wink

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

Posté le
11 RéPONSES - 1 UTILES - 1 CORRECT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(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
.

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

... 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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Laurent D.
Laurent D.
User
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

Lire plus
Posté le de Laurent D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Laurent D.
Laurent D.
User
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

Lire plus
Posté le de Laurent D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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 ;-)

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Fabio B.
Fabio B.
User

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.

Lire plus
Posté le de Fabio B.
Laurent D.
Laurent D.
User
Auteur

Buona sera, KolAsim,

Grazie mille! Ora funziona perfettamente.
Buon fine settimana.

Et merci Axel et Fabio ! Vos exemples m'ont bien aidé wink

Laurent

Lire plus
Posté le de Laurent D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ho visto, funziona, e grazie anche a te per il TEST ... wink...

... 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...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪