Créer une boite de message smart en CSS3





Ajouter les styles suivant dans la page HTML ou dans la feuille de style rattachée :



        .bouton_2013

        {

            font-size:18px;

            padding:3px;

            font-weight:bold; 

        }

        .modalDialog

        {

            position: fixed;

       font-family: Verdana, Arial;

       font-size:18px;

       top: 0;

       right: 0;

       bottom: 0;

       left: 0;

       background: rgba(0,0,0,0.5);

       z-index: 99999;

       opacity:0;

       -webkit-transition: opacity 200ms ease-in;

       -moz-transition: opacity 200ms ease-in;

       transition: opacity 200ms ease-in;

       pointer-events: none;            

        display:none;

        }

        .modalDialog:target {

       opacity:1;

       pointer-events: auto;

        }

        .modalDialog > div {

       width: 400px;

       position: relative;

       margin: 15% auto;

       padding: 5px 20px 13px 20px;

       border-radius: 8px;

       background: #fff;

       background: -moz-linear-gradient(#fff, #ddd);

       background: -webkit-linear-gradient(#fff, #ddd);

       background: -o-linear-gradient(#fff, #ddd);

        }



Dans le body de la page HTML :



   <div id="openModal" class="modalDialog">

<div style="text-align:center;">

<p style="text-align:left;">

            <asp:Label ID="message_retour" runat="server"></asp:Label>

        </p>

        <input type="button" class="bouton_2013" value="OK" onclick="window.location='default.aspx';" />

</div>



    </div>



La valeur en gras doit être modifiée suivant l'action que vous voulez produire, ici l'appui sur le bouton provoque le chargement de la page d'accueil du site.



Côté code ASP.NET (.aspx.cs) :



            //remplissage du message

            message_retour.Text = "Votre message a bien été envoyé. Nous vous contacterons très rapidement.";

            //affichage de la boite

            string csname1 = "RemarqueScript";

            Type cstype = this.GetType();

            ClientScriptManager cs = Page.ClientScript;

            string cstext1 = "window.location.href='#openModal';document.getElementById('openModal').style.display = 'block';";

            cs.RegisterStartupScript(cstype, csname1, cstext1, true);

Commentaires

Enregistrer un commentaire

Posts les plus consultés de ce blog

The vaccine is not the right technology

Image
  Using lies to solve a problem inevitably leads to great disappointment. For example, some people advance their watches by 5 minutes to be on time: that’s a lie. It is better to work on the way you organize yourself or approach a meeting. Others (the whole world) have decided to change the time relative to the sun to save energy or to have longer fun in the evening. Result: every year physical and psychological disturbances, a disconnection from our environment and our internal clock. All these lies put together create a big disturbance. Vaccines before 2019 injected an inactivated virus into the body making it believe it was being attacked. It’s as if parents were doing an exercise for their child: I hit you so that you prepare for an attack, rather than making them do sports to get in better physical shape. mRNA vaccines transform the cells in our body into makers of “decoy viruses”. This is the equivalent of parents teaching lies to their children (for example: “smoking is good...
Lire la suite

Le vaccin n’est pas la bonne technologie

Image
Utiliser le mensonge pour résoudre un problème, aboutit forcément à une grande déception.  Par exemple certains avancent leur montre de 5 minutes pour être à l’heure : c’est un mensonge. Il vaut mieux travailler sur sa façon de s’organiser ou d’appréhender un rendez-vous.  D’autre (le monde entier) a décidé de changer l’heure par rapport au soleil pour faire des économies d’énergie ou pour s’amuser plus longtemps le soir. Résultat : tous les ans des perturbations physiques et psychologiques, une déconnexion de notre environnement et de notre horloge interne. Tous ces mensonges mis bout à bout créent une grande perturbation.  Les vaccins d’avant 2019 injectaient dans le corps un virus inactivé lui faisant croire qu’il se faisait attaquer. C’est comme si des parents faisaient un exercice à leur enfant : je te donne des coups pour que tu te prépares à une agression, plutôt que de lui faire faire du sport pour être en meilleure forme. Les vaccins à ARN messager transforment l...
Lire la suite

Scénario d'une gestion durable de l'humanité imaginée par un informaticien

Image
Je me suis aidé de bard.google.com pour établir ce scénario des plus probables. Année 2020 L'humanité est confrontée à une crise globale. La population mondiale a atteint 8,5 milliards d'habitants, et les ressources naturelles sont en train de s'épuiser. Les changements climatiques provoqués ont entraîné des catastrophes naturelles de plus en plus fréquentes et destructrices. Une nouvelle élite mondiale se prend pour le Messie annoncé et décide de prendre les choses en main. Elle lance un programme de gestion durable de l'humanité, visant à réduire la population mondiale à 500 millions d'habitants. Le premier objectif du programme est de collecter le code génétique de chaque personne. Cela est fait au moyen de tests antigéniques obligatoires, qui sont effectués à intervalles réguliers. Les données génétiques collectées sont utilisées pour identifier les individus les plus vulnérables, tels que les personnes âgées, les personnes malades, les personnes en surpoids. Le...
Lire la suite