IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Conception Web Discussion :

Avertissement avant d'afficher une page.


Sujet :

Conception Web

  1. #1
    Membre averti
    Homme Profil pro
    aux études mais 40 ans
    Inscrit en
    Juin 2004
    Messages
    2 010
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : aux études mais 40 ans

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 010
    Points : 308
    Points
    308
    Par défaut 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.

  2. #2
    Membre expert
    Avatar de Spartacusply
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2011
    Messages
    1 723
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2011
    Messages : 1 723
    Points : 3 274
    Points
    3 274
    Par défaut
    Utilise une page intermédiaire (comme cela est fait sur developpez).
    Un message utile vous a aidé ? N'oubliez pas le

    www.simplifions.fr - Simplifier vos comptes entre amis !

  3. #3
    Membre averti
    Homme Profil pro
    aux études mais 40 ans
    Inscrit en
    Juin 2004
    Messages
    2 010
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : aux études mais 40 ans

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 010
    Points : 308
    Points
    308
    Par défaut
    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 :-)

  4. #4
    Membre expert
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 700
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 700
    Points : 3 849
    Points
    3 849
    Billets dans le blog
    6
    Par défaut
    Là est le secret de voir le code source >:)

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    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>

  5. #5
    Modérateur
    Avatar de Vil'Coyote
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Points : 7 503
    Points
    7 503
    Par défaut
    Sinon l'utilisation d'une lightbox est envisageable.
    la vie n'est pas cirrhose des foies ...

    Avant de poster un message Rechercher n'est pas qu'une option.
    FAQ Web - Tuto Web

  6. #6
    Futur Membre du Club
    Profil pro
    Développeur Web
    Inscrit en
    Août 2011
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2011
    Messages : 5
    Points : 6
    Points
    6
    Par défaut
    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.

  7. #7
    Membre averti
    Homme Profil pro
    aux études mais 40 ans
    Inscrit en
    Juin 2004
    Messages
    2 010
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : aux études mais 40 ans

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 010
    Points : 308
    Points
    308
    Par défaut
    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...

  8. #8
    Modérateur
    Avatar de Vil'Coyote
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Points : 7 503
    Points
    7 503
    Par défaut
    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
    la vie n'est pas cirrhose des foies ...

    Avant de poster un message Rechercher n'est pas qu'une option.
    FAQ Web - Tuto Web

  9. #9
    Membre averti
    Homme Profil pro
    aux études mais 40 ans
    Inscrit en
    Juin 2004
    Messages
    2 010
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : aux études mais 40 ans

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 010
    Points : 308
    Points
    308
    Par défaut
    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 :-)

  10. #10
    Membre averti
    Homme Profil pro
    aux études mais 40 ans
    Inscrit en
    Juin 2004
    Messages
    2 010
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : aux études mais 40 ans

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 010
    Points : 308
    Points
    308
    Par défaut
    J'ai utilisé la solution de Mucho comme ceci :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    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 html : Sélectionner tout - Visualiser dans une fenêtre à part
    <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 !

  11. #11
    Modérateur
    Avatar de Vil'Coyote
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Points : 7 503
    Points
    7 503
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <meta http-equiv="refresh" content="0; URL=http://www.jeromedewarzee.eu">
    cela donne quoi?
    la vie n'est pas cirrhose des foies ...

    Avant de poster un message Rechercher n'est pas qu'une option.
    FAQ Web - Tuto Web

  12. #12
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 418
    Points
    91 418
    Billets dans le blog
    20
    Par défaut
    Ca donne rien vu que la redirection se fait en JavaScript...
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  13. #13
    Membre averti
    Homme Profil pro
    aux études mais 40 ans
    Inscrit en
    Juin 2004
    Messages
    2 010
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : aux études mais 40 ans

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 010
    Points : 308
    Points
    308
    Par défaut
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Afficher une page avant authentification
    Par fabrice91 dans le forum Apache
    Réponses: 1
    Dernier message: 02/05/2011, 13h19
  2. Valider une session avant afficher une page
    Par damien77 dans le forum JSF
    Réponses: 7
    Dernier message: 27/03/2009, 00h49
  3. Afficher une page d'attente avant d'afficher le résultat final
    Par Ghislain dans le forum Servlets/JSP
    Réponses: 6
    Dernier message: 19/10/2007, 16h44
  4. Réponses: 3
    Dernier message: 30/08/2007, 17h23
  5. Afficher une page html
    Par Nicky dans le forum C++Builder
    Réponses: 6
    Dernier message: 14/04/2004, 15h36

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo