Avertissement avant d'afficher une page.

Version imprimable

03/09/2014, 14h40
Yepazix

Avertissement avant d'afficher une page.

Bonjour tout le monde,

Je voudrais prévenir mes visiteurs avant d'afficher une page mais je ne sais pas trop comment faire.
Le topo est le suivant :

Le visiteur sont sur un de mes site disons par exemple www.jeromedewarzee.com
ils cliquent dans le menu sur AGENDA et là ils sont redirigés sur le site de l'agenda qui lui est commun a plusieurs artistes.

Ce que je voudrais c'est que quand ils cliquent sur Agenda un message s'affiche du genre "Vous quittez maintenant le site de [variable] et allez être redirigé sur le site d'IMAGISCENE, vous y retrouverez l'agenda complet de tous les artistes que nous produisons" et ensuite je voudrais qu'au bout de quelques secondes le message disparaisse et la page agenda s'affiche.

Je sais qu'il y a beaucoup de manière de faire ça, dont 99% de mauvaises.
Ce que je voudrais c'est un truc efficace et qui ne plante pas et ne déclenche pas les anti-popup.
Bref un truc du genre de ce qu'on voit quand on fait www.developpez.com :-)

Savez vous m'aider ?

Merci.
03/09/2014, 16h10
Spartacusply

Utilise une page intermédiaire (comme cela est fait sur developpez).
03/09/2014, 16h53
Yepazix

Heu oui ça bien sur mais comment faire pour que cette page s'affiche un certain temps puis passe automatiquement à la page agenda ensuite ?

Là est la question :-)

Là est le secret de voir le code source >:)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Developpez.com</title>
<meta http-equiv="refresh" content="5; URL=http://www.developpez.net/forums/">
</head>
<body>
<p>Les forums de Developpez.com sont accessibles à l'adresse <a href="http://www.developpez.net/forums/">http://www.developpez.net/forums/</a>.
<script type="text/javascript">
window.location.href = 'http://www.developpez.net/forums/';
</script>
</body>
</html>

04/09/2014, 11h27
Vil'Coyote

Sinon l'utilisation d'une lightbox est envisageable.
05/09/2014, 14h50
mistify34

Je pencherais plus pour la solution de Vil'Coyote.
Pourquoi tu ne le fais pas en Javascript ?
Ce sera plus sympa au niveau du rendu pour l'internaute car le message sera affiché sur la même page sans redirection.
Tu peux faire ça facilement en jQuery ou autre.
05/09/2014, 21h19
Yepazix

C'est quoi une light box ?
Moi je m'en fou un peu de à quoi ca ressemble ce que je veux surtout c'est qu'il n'y ai pas de problèmes avec les bloqueurs de popup et co...
09/09/2014, 11h44
Vil'Coyote

avant de poser la question et les commentaires tu aurais pus prendre le temps de faire une petite recherche non ?

http://plugins.jquery.com/tag/lightbox/

et oui cela n'est pas bloqué car ce n'est pas une pop up
10/09/2014, 00h44
Yepazix

Je maitrise assez mal l'anglais et je ne comprends pas grand chose à cette page.
Mais je fais des essais sur ce que vous proposez pour le moment et je vous remercie de votre aide qui de surcroit est en Francais :-)

J'ai utilisé la solution de Mucho comme ceci :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <!doctype html> <html> <head> <meta charset="utf-8"> <title>VOUS QUITTEZ LE SITE D'IMAGISCENE</title> <meta http-equiv="refresh" content="45; URL=http://www.jeromedewarzee.eu"> </head> <body> <p>Vous quittez le site d'IMAGISCENE et allez être redirigé vers le site de Jérôme de Warzee <a href="http://www.jeromedewarzee.eu">http://www.jeromedewarzee.eu</a>. <script type="text/javascript"> window.location.href = 'http://www.jeromedewarzee.eu'; </script> </body> </html>
Mais j'ai un souci !

Ca redirige bien sur la bonne page mais au bout d'une seconde.
J'ai essayé de changer la valeur de content mais rien n'y fait.
Je me suis dit aussi qu'il fallait peut être fermé les guillemets comme ça :

Code:

<meta http-equiv="refresh" content="45"; URL=http://www.jeromedewarzee.eu">

Mais la encore c'est sans effet.
J'ai essayé de sauver le fichier comme pre.php et pre.html.

Je ne comprends pas !

10/09/2014, 15h48
Vil'Coyote

Code:

<meta http-equiv="refresh" content="0; URL=http://www.jeromedewarzee.eu">

cela donne quoi?
10/09/2014, 17h02
Bovino

Ca donne rien vu que la redirection se fait en JavaScript...

Oui en fait j'ai pigé entretemps mon erreur.
Je suis champion du monde pour faire le navet et piger des trucs mais pas les mettre en oeuvre dans l'environnement qu'il faut.
Donc au final j'ai fait :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html dir="ltr" lang="fr-FR"><head><!-- Created by Espace Imagi SPRL -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">
<?php header ("Refresh: 10;URL=index.php");?>
<body>
<div id="art-main">
<BR><BR><BR><BR>
<p style="text-align: center;font-family: Arial; color: rgb(0, 0, 0); font-size: 20px;">
<BR><BR><BR><BR>
Vous quittez le site Internet d'IMAGISCENE.
<BR><BR>
Vous allez être redirigé dans quelques secondes vers le site Internet de Jérôme de Warzee.
<BR><BR>
Si votre navigateur ne prends pas en charge cette fonction, cliquez <a href="./index.php" style="font-size: 22px; color: rgb(18,208,37); text-decoration:bold;" title="Cliquez ici">ici</a> pour accéder au site.
<BR><BR>
</p>

</div>

</body></html>

Et ca marche nikel comme vous pouvez le voir ici :

www.jeromedewarzee.com/pre.php

Merci de votre participation a ce post.
A peluches...