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

Comment éviter que deux divisions se chevauchent ?

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