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

Webdesign & Ergonomie Discussion :

pop up avec assombrissement page


Sujet :

Webdesign & Ergonomie

  1. #1
    Membre du Club
    Inscrit en
    Mai 2003
    Messages
    73
    Détails du profil
    Informations forums :
    Inscription : Mai 2003
    Messages : 73
    Points : 54
    Points
    54
    Par défaut pop up avec assombrissement page
    Bonjour,

    J'aimerais utiliser un systeme de pop up sur mon site.
    Sur ma page A, j'ai un lien. J'aimerais que quand l'utilisateur clique dessus, ma page A devienne sombre et qu'un pop up s'ouvre.
    Quand l'utilisateur ferme le pop up, ma page A devient a nouveau claire.

    Je ne sais pas comment cela s'appelle au juste. J'espere que vous voyez de quoi je parle

    Est ce que quelqu'un pourrait me dire comment faire cela?

    Merci

    Mickael

  2. #2
    Expert confirmé
    Avatar de pc75
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    3 662
    Détails du profil
    Informations personnelles :
    Âge : 68
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Septembre 2004
    Messages : 3 662
    Points : 4 047
    Points
    4 047
    Par défaut
    Bonjour,

    Fais une recherche avec "lightbox"

  3. #3
    Membre extrêmement actif
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    1 616
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 616
    Points : 3 965
    Points
    3 965
    Par défaut
    Citation Envoyé par micknic Voir le message

    Je ne sais pas comment cela s'appelle au juste.
    Fenêtre modale ou dialogue modal, JqueryUI fait ça très bien
    Émotion
    Infantilisation
    Culpabilisation

    Christophe Alévèque - 18 Mars 2021

  4. #4
    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 220
    Points
    91 220
    Billets dans le blog
    20
    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

  5. #5
    Membre extrêmement actif
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    1 616
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 616
    Points : 3 965
    Points
    3 965
    Par défaut
    Tu mérites un +1, ne serait ce que pour l'article

    mais
    En particulier, les exemples ne sont pas compatibles avec Internet Explorer 8 et inférieurs.
    A mon grand désespoir, je me traine ces navigateurs à supporter pour mes clients, IT d'entreprise oblige
    Émotion
    Infantilisation
    Culpabilisation

    Christophe Alévèque - 18 Mars 2021

  6. #6
    Expert confirmé
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Points : 5 443
    Points
    5 443
    Par défaut

    sur la même idée que bovino : Créez une fenêtre modale avec CSS et jQuery
    Pensez à
    lire les règles du forum effectuer une recherche préalable
    utiliser la balise code (#) éditer votre code sur Codepen, Dabblet, Jsfiddle
    clore votre post avec le bouton

  7. #7
    Membre extrêmement actif
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    1 616
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 616
    Points : 3 965
    Points
    3 965
    Par défaut
    Rodolphe... si micknic ne sait pas comment s'appelle ce type d'élément d'interface, la recherche sur ce sujet va être difficile.

    Edit : pas les yeux en face des trous
    Émotion
    Infantilisation
    Culpabilisation

    Christophe Alévèque - 18 Mars 2021

  8. #8
    Membre du Club
    Profil pro
    Chef de projet NTIC
    Inscrit en
    Novembre 2012
    Messages
    53
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations professionnelles :
    Activité : Chef de projet NTIC
    Secteur : Distribution

    Informations forums :
    Inscription : Novembre 2012
    Messages : 53
    Points : 48
    Points
    48
    Par défaut merci
    Merci a tous pour vos conseils.
    J'ai suivi la procedure avec CSS/target et cela fonctionne tres bien.

    En effet je ne savais pas que cela s'appelle une fenetre modale donc difficile de faire une recherche par thème

    Encore une petite question. Est ce que je sais envoyer un paramètre a ma fenêtre? Je m'explique.

    Sur ma page A, j'ai 4 liens. Quand l'utilisateur clic sur un des 4 liens, une fenetre modale s'ouvre. Entre mes 4 fenêtres modales, il n'y a que le texte qui change. Donc je voudrais faire un seul fichier avec le <div> dedans et y inclure un truc du genre:
    if param = linkA1 display xxxx
    elseif param = linkA2 display yyyyy
    .....

    Est ce possible?

    Merci

    Mickael

  9. #9
    Membre extrêmement actif
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    1 616
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 616
    Points : 3 965
    Points
    3 965
    Par défaut
    oui
    Émotion
    Infantilisation
    Culpabilisation

    Christophe Alévèque - 18 Mars 2021

  10. #10
    Membre du Club
    Profil pro
    Chef de projet NTIC
    Inscrit en
    Novembre 2012
    Messages
    53
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations professionnelles :
    Activité : Chef de projet NTIC
    Secteur : Distribution

    Informations forums :
    Inscription : Novembre 2012
    Messages : 53
    Points : 48
    Points
    48
    Par défaut passer un paramètre
    Merci. Un petit indice sur comment faire?

Discussions similaires

  1. Pop-up avec fermeture et action sur page maître
    Par Mind-x dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 04/08/2008, 13h42
  2. [C#] Redimensionnement auto pop up avec datagrid
    Par kalan dans le forum ASP.NET
    Réponses: 2
    Dernier message: 04/08/2005, 08h51
  3. [MFC] Pb avec les pages de propriétés
    Par Yoshette dans le forum MFC
    Réponses: 7
    Dernier message: 01/04/2005, 14h22
  4. problème avec une page web sous firefox!
    Par 3psilOn dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 24/11/2004, 11h49

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