API Gsguma

by gsguma

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css">
<select>
    <option>Opcao 1</option>
    <option>Opcao 2</option>
    <option>Opcao 3</option>
    <option>Opcao 4</option>    
</select>

CSS

body { font-size:75% }

JavaScript

/*------------------------------------------------------------
  Simple Dialog jQuery UI
 -------------------------------------------------------------
  Param:
   Message (HTML)
   Function Callback
   Icone [1][''][NULL]
   Zindex
------------------------------------------------------------*/
function Alert(m, f, i, z) {
    $.fx.speeds._default = 500;
    var o, icon;

    z = z ? z : 5000;
    o = "aviso_" + z;
    icon = i ? '<span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>' : '';
    if (($('#' + o).length) <= 0) {
        $("<div id='" + o + "'>").appendTo("body");
    }

    $('#' + o).html('<p>' + icon + m + '</p>');
    $('#' + o).dialog({
        //width: 'auto', //Bug IE7
        autoOpen: false,
        modal: true,
        show: "fade",
        hide: "fold",
        title: "Aviso",
        zIndex: z,
        buttons: {
            "Ok": function() {
                $(this).dialog("close");
                eval(f);
            }
        }
    });

    $('#' + o).dialog('open');
}


/*----------------------------------------------------------
  Question Dialog jQuery UI
 -----------------------------------------------------------
  Param:
   Message (HTML)
   Function Callback
   Icone [1][''][NULL]
   Zindex

  Return:
   true or false
----------------------------------------------------------*/
function Alert_Q(m, f, i, z) {
    $.fx.speeds._default = 500;
    var o, icon;

    z = z ? z : 5000;
    o = "aviso_" + z;
    icon = i ? '<span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>' : '';

    if (($('#' + o).length) <= 0) {
        $("<div id='" + o + "'>").appendTo("body");
    }

    $('#' + o).html('<p>' + icon + m + '</p>');
    $('#' + o).dialog({
        //width: 'auto', //Bug IE7
        autoOpen: false,
        modal: true,
        show: "fade",
        hide: "fold",
        title: "Aviso",
        zIndex: z,
        buttons: {
            "Sim": function() {
           ...