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

The vaccine is not the right technology

Le vaccin n’est pas la bonne technologie

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