Mark

I downloaded your plugin and am attempting to put together a very simple page. The problem is that I keep getting the message TypeError: $.Zebra_Dialog is not a function. I’ve made sure that the .js file is being loaded, but in Firefox Firebug, it doesn’t show up in the script list. Very unusual.

Here is my example page:

Dialog Test

$(document).ready(function() {
$.Zebra_Dialog(‘The Page display is completed!’);
});

Any help would be appreciated!

Thanks, Mark

new $.Zebra_Dialog("", {
  'type': 'information',
  'title': 'Processing',
  'buttons': false,
  'modal': false,
  'position': ['right - 20', 'top + 20'],
  'auto_close': 2000
});

$(document).ready(function () {
  $("#anchor").click(function(e) {
    e.preventDefault();
    $.Zebra_Dialog('The link was clicked');
  });
})

<a href="#" rel="nofollow">Link</a>

/*CSS*/
.overlay
{
  display: none; /*Hide Overlay*/
  height:100%;
  width:100%;
  position:fixed;
  left:0;
  top:0;
  z-index:1 !important; /*Set higher if needed*/
  background-color:black;
  opacity: .5;
}

/*AJAX*/
$(document).on('click', '#save', function () {
  var requestData = {
    invnum: $("#invnum").html(),
    notes: $("#notes").html()
  };
  $.ajax({
    url: '/Process/Notes',
    type: 'POST',
    data: JSON.stringify(requestData),
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    beforeSend: function () {
      $(".overlay").show(); /*Show overlay*/
      new $.Zebra_Dialog("", { /*Can use preload image or replace with text*/
        'type': 'information',
        'title': 'Please Wait...',
        'buttons': false,
        'modal': false,
        'auto_close': 2000
      });
    },
    success: function() {
      $(".overlay").hide(); /*Hide overlay on success*/
    }
  });
});

I found your plugin, looks nice.

I do a lot af AJAX calls. Is it possible to block the screen and show a ‘Please wait…’ notification? (and in a callback unblock the screen and show the result)?

THanks, Stephan

I have the following between the “head” section of my site: (please find screenshot below)

http://postimg.org/image/a4izxb80r/

It does not show any dialog box when clicking on a link.

Any help will be much appreciated.

Many thanks.

$(document).ready(function() {
new $.Zebra_Dialog(‘Hello’)
});

When I run it, all I get is the lower half of a dialog box positioned at the top of my screen. Can you help?

Thanks,
Robert

Thank you for the dialogs, they are very useful.
I want to ask if this can be expanded somehow to add the functionality of progressive disclosure.

Please let me know if it’s built in / possible to write in?
Many thanks!