Boîte de dialog JQuery

Code à mettre dans l’entête (<head></head>) :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>  



    <script type="text/javascript">

        function Avertissement(titre, valeur, x, y) {

            document.getElementById("dialog").title = titre;

            document.getElementById("dialog").innerHTML = valeur;

            $("#dialog").dialog({

                position: [y, x],

                modal: false,

                buttons: [

                    {

                        text: "OK",

                        click: function () { $(this).dialog("close"); }

                    }

               ]

            });

        }

    </script>



Code à mettre dans le corps (<body></body>) :

<div id="dialog" title="" style="display:none;"></div>



Appel Javascript :



Depuis un code côté serveur (ASP.NET C#) :

string csname1 = "RemarqueScript";

Type cstype = this.GetType();

ClientScriptManager cs = Page.ClientScript;

string cstext1 = "Avertissement('Avertissement','remarque',100,0);";

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



Depuis un code côté client (HTML) :

Avertissement('Avertissement','remarque',100,0);

Commentaires

Posts les plus consultés de ce blog

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

Le vaccin n’est pas la bonne technologie

Le contrat Pfizer passé avec l'Europe le 20/11/2020