Nothing Special   »   [go: up one dir, main page]
Scribd Logo
Importer

Bienvenue sur Scribd !

  • 32 vues

    TP2 JavaScript

    Transféré par

    Yamina Gh

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd

    TP2 JavaScript

    Transféré par

    Yamina Gh
    32 vues4 pages

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    32 vues4 pages

    TP2 JavaScript

    Transféré par

    Yamina Gh

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    sur 4

    Polytechnique Sousse (2020-2021) Doctorante : Yamina Ghobni

    TP2 : Boîte de dialogue Alert,

    Confirm, Prompt en Javascript


    1. Javascript Dialog Box
    Javascript fournit trois boîtes de dialogue (Dialog Box) importantes qui comprennent la boîte de
    dialogue Alerte (alert) pour les utilisateurs, la boîte de dialogue Confirmation d'une affaire et la boîte de
    dialogue qui demande au utilisateur de saisir des données.

    2. Alert Dialog Box


    Alert Dialog Box est principalement utilisée pour afficher une notification, un avertissement ou une
    erreur aux utilisateurs. En principe, vous ne pouvez pas personnaliser l'icône (icon) ou le titre de la boîte
    de dialogue, .... vous ne pouvez fournir que le message que la boîte de dialogue va afficher. De
    plus, Alert Dialog Box ne contient qu'un seul bouton OK pour fermer une boîte de dialogue.

    Afin d'afficher Alert Dialog Box vous appelez la fonction alert(message),dont le message est le
    contenu que la boîte de dialogue va afficher.

    alert-example.html

    <!DOCTYPE html>
    <html>
    <head>
    <title>Alert Dialog Box</title>
    <script type="text/javascript">
    function testAlertDialog() {
    alert("Something Error!");
    }
    </script>
    </head>
    <body>
    <h2>Alert Dialog Box</h2>

    <button me!</button>


    </body>
    Polytechnique Sousse (2020-2021) Doctorante : Yamina Ghobni

    </html>

    3. Confirmation Dialog Box

    Confirmation Dialog Box (La boîte de dialogue de confirmation) sert à demander à l'utilisateur
    de confirmer quelque chose. Cette boîte de dialogue est très simple, vous ne pouvez pas
    personnaliser l'icône ou le titre de la boîte de dialogue, vous pouvez seulement fournir un
    message demandant à l'utilisateur de confirmer. Cette boîte de dialogue a 2
    boutons OK et Cancel.

    Afin d'afficher Confirmation Dialog Box vous appelez la fonction confirm(message) dans
    laquelle le message est une demande à un utilisateur de confirmer. Si l'utilisateur clique sur le
    bouton OK, cette fonction renvoie true, sinon si l'utilisateur clique sur le bouton No, cette
    fonction renvoie false.

    confirm-example.html

    <!DOCTYPE html>
    <html>
    <head>
    <title>Boîte de dialogue de confirmation</title>
    Polytechnique Sousse (2020-2021) Doctorante : Yamina Ghobni

    <script type="text/javascript">
    function testConfirmDialog() {
    var result = confirm("Voulez-vous continuer?");
    if(result) {
    alert("OK Leçon suivante!");
    } else {
    alert("Bye!");
    }
    }
    </script>
    </head>
    <body>
    <h2>Boîte de dialogue de confirmation</h2>
    <button me!</button>
    </body>
    </html>

    4. Prompt Dialog Box


    Prompt Dialog Box est utilisé pour que des utilisateurs saisissent des information. Cette boîte
    de dialogue est très simple, elle comprend Text Field (Champ de texte) pour que des utilisateurs
    saisissent des informations. La boîte de dialogue contient deux boutons OK et Cancel.

    Pour afficher une Prompt Dialog Box vous appelez la fonction prompt(message,
    defaultValue) dans laquelle le message est un message pour des utilisateurs, defaultValue est
    la valeur par défaut pré-remplie dans le Text Field.
    Si un utilisateur clique sur OK, la fonction renvoie des contenus sur Text Field, si non, lorsque
    l'utilisateur clique sur Cancel la fonction renverra null.

    prompt-example.html
    <!DOCTYPE html>
    <html>
    <head>
    <title>Prompt Dialog Box</title>
    <script type="text/javascript">
    function testPromptDialog() {
    var result = prompt("Enter you age:", "20");
    if(result != null) {
    alert("Your age is " + result);
    Polytechnique Sousse (2020-2021) Doctorante : Yamina Ghobni

    }
    }

    </script>
    </head>
    <body>
    <h2>Prompt Dialog Box</h2>
    <button me!</button>
    </body>
    </html>

    Vous aimerez peut-être aussi