CODEWITHSUNDEEP
javascriptjqueryjquery-plugins
Brian Mains
Brian Mains

Reputation: 50728

Programmable Callout JQuery Plugin

I noticed on Facebook recently, that to introduce its new features, a callout appeared for the various new features (6 of them). The callout appeared on the left to identify the first feature. As you "X"ed it out, the next callout appeared to highlight the next feature, and so on. This was awesome, so I wanted to add this feature to my site. Is there a plugin available just for the callout part, which I can show, hide, and reposition?

Thanks.

Upvotes: 1

Views: 6127

Answers (3)

ggozad
ggozad

Reputation: 13105

There are several jQuery plugins that do that effectively. Here are some that come to mind:

Google for growl-like notifications for more, there's plenty around.

Upvotes: 2

Monero Jeanniton
Monero Jeanniton

Reputation: 499

I have created a plugin that will allow you to do just this. You can find it there: https://github.com/devmnrj/myAlert

Here is a little JS code demo:

<script type="text/javascript">
    var myAlert = new MyAlert();
    window.onload = function(){
        $("#anchor").on("click", function(e){
            myAlert.show({'x':e.pageX, 'y':e.pageY}, {
                'header': "<em>Hello!</em><br/><small>I am a header</small>",
                'body': "I am the body of the dialog, so i should be bigger. Yeah, more text here. I can also update me <a>here</a>.",
                'footer': "footer: goodbye!"
            });
        });
    };
</script>

Upvotes: 1

Brian Mains
Brian Mains

Reputation: 50728

I ended up going for QTip 2: http://craigsworks.com/projects/qtip2, as @d_inevitable mentioned.

Upvotes: 1

Related Questions