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

JavaScript Discussion :

Boîte de dialogue javascript personnalisée ?


Sujet :

JavaScript

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2004
    Messages : 77
    Points : 46
    Points
    46
    Par défaut Boîte de dialogue javascript personnalisée ?
    Bonjour,

    Je souhaite personnaliser (style css, boutons...) la boite de dialogue "confirm" de javascript tout en gardant sa fonctionnalité de persistance.

    Ce dernier point est très important, car en effet, la boîte de dialogue se déclenchera automatiquement à la fin d'un compte à rebours et doit redonner le focus à la page appelante même si l'utilisateur traîne dans un autre onglet du navigateur ou travaille sur une autre application...

    Dans toutes les propositions que j'ai trouvé sur Internet on se penche sur le design et on oubli cet aspect de persistance qui est très important

    Des pistes?

    Merci

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    Tu n'as a priori pas recherché sur nos forums ...
    http://www.developpez.net/forums/d33...personnalisee/
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2004
    Messages : 77
    Points : 46
    Points
    46
    Par défaut
    C'est pareil, la boite n'est pas persistante
    Quand elle est affichée, on peut facilement ouvrir un nouvel onglet ou réduire le navigateur... contrairement à une boite de dialogue native:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <script type="text/javascript">
    confirm("message");
    </script>

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    pas de possibilité alors car même les modal dialog permettent l'ouverture d'autres onglets...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    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
    Par défaut
    Les boites de type alert(), prompt(), confirm() voire showModalDialog() sont implémentées par le navigateur, pas par le document. Tu ne peux pas reproduire le comportement modal via un script.
    Donc soit tu veux personnaliser et tu perds l'aspect modal, soit tu veux l'aspect modal mais tu ne peux pas personnaliser...
    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

  6. #6
    Membre du Club
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2004
    Messages : 77
    Points : 46
    Points
    46
    Par défaut
    Je vais pas lâcher l'affaire!
    J'ai trouvé 2 pistes :
    1 - Sur http://acrobatusers.com/tutorials/popup_windows_part5 on parle de messages personnalisés dans "Acrobat JavaScript" valables aussi pour le navigateur.
    On peut en fait ajouter du contenu riche dans ces boîtes de dialogue et même des images...
    2 - J'ai pensé à une autre piste, plus simple mais pas très propre, qui consiste à afficher un message alert standard en javascript et de le cacher aussitôt de façon à ne faire qu'attirer l'attention de l'utilisateur pour lui afficher ensuite le contenu cible, mais je ne sais pas comment cacher l'alert... une idée?

  7. #7
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    Si tu as du temps a perdre ... tant mieux pour toi !
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  8. #8
    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
    Par défaut
    Citation Envoyé par 3psilOn
    valables aussi pour le navigateur.
    For this reason, Acrobat 6.0 introduced a method for creating custom dialogs.
    On doit pas lire l'anglais de la même façon...

    Citation Envoyé par 3psilOn
    afficher un message alert standard en javascript et de le cacher aussitôt
    Tu peux toujours essayer...
    Reviens nous dire quand tu te seras rendu compte que c'est pas possible...
    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

  9. #9
    Membre du Club
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2004
    Messages : 77
    Points : 46
    Points
    46
    Par défaut
    Merci pour vos encouragements les gars vos commentaires remontent le moral

  10. #10
    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
    Par défaut
    Ben désolé, mais on t'a déjà dit que ce que tu souhaites faire n'est pas possible... On va pas pouvoir rendre ça possible juste pour te faire plaisir !
    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

  11. #11
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Points : 15 059
    Points
    15 059
    Par défaut
    Citation Envoyé par Bovino Voir le message
    Ben désolé, mais on t'a déjà dit que ce que tu souhaites faire n'est pas possible... On va pas pouvoir rendre ça possible juste pour te faire plaisir !
    Désolé de te faire contre dire.


  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 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    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
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Points : 22 933
    Points
    22 933
    Billets dans le blog
    125
    Par défaut
    Citation Envoyé par 3psilOn Voir le message
    Bonjour,

    Je souhaite personnaliser (style css, boutons...) la boite de dialogue "confirm" de javascript tout en gardant sa fonctionnalité de persistance.

    Ce dernier point est très important, car en effet, la boîte de dialogue se déclenchera automatiquement à la fin d'un compte à rebours et doit redonner le focus à la page appelante même si l'utilisateur traîne dans un autre onglet du navigateur ou travaille sur une autre application...

    Dans toutes les propositions que j'ai trouvé sur Internet on se penche sur le design et on oubli cet aspect de persistance qui est très important

    Des pistes?

    Merci
    Le comportement de la boîte de dialogue "confirm" est obsolète à l'ère des navigateurs à onglets.

    Rien ne doit empêcher l'utilisateur d'exécuter une action plus urgente sur un autre onglet.

    Exemple : répondre à un courriel urgent dont il vient d'avoir la notification.

    Un dialogue modal doit bloquer l'action en cours dans un onglet, il ne doit jamais bloquer le navigateur.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  14. #14
    Membre du Club
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2004
    Messages : 77
    Points : 46
    Points
    46
    Par défaut
    Oui... mais si l'utilisateur choisit qu'il en soit ainsi?
    C'est que dans l'ère des navigateurs à onglets on propose aussi aux utilisateurs de personnaliser eux-même le comportement de leurs applications web

Discussions similaires

  1. [À télécharger] Une boîte de dialogue personnalisée
    Par pottiez dans le forum Téléchargez
    Réponses: 0
    Dernier message: 09/11/2010, 15h36
  2. Personnaliser un code Affichage boîte de dialogue
    Par learnup dans le forum VBA Access
    Réponses: 4
    Dernier message: 05/11/2010, 23h17
  3. Réponses: 2
    Dernier message: 16/08/2010, 14h51
  4. Réponses: 4
    Dernier message: 18/02/2007, 22h29

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