https://www.motoroso.com/public/js/action-prompt.js

1/*
2* Selects each element with .action class and adds an appropriate
3* Call to Action prompt immediately following that element
4*
5* After creation, enables QTip for each prompt to be triggered
6* by associated element with .action class
7*/
8$('.action').each(function() {
9    // Creates prompt messages
10    var action = $(this).data("action");
11    var profile = $(this).data("profile");
12    var template = $("#action-container").html();
13    var actionPrompt = _.template(template, {"action": action, "profile": profile});
14    $(this).after(actionPrompt);
15    // Prevents clicks from launching links
16    $(this).click(function(e) {
17        e.preventDefault();
18        e.stopPropagation();
19    });
20
21    // Creates QTip interactions based on prompts
22    $(this).qtip({
23        content: {
24            text: $(this).next('.action-prompt')
25        },
26        position: {
27            my: 'left center',
28            at: 'right center',
29            //viewport: $(window),
30            adjust: {
31                method: 'flip shift',
32                resize: true
33            },
34            viewport: $(window)
35        },
36        style: {
37            classes: 'qtip-light qtip-shadow qtip-custom',
38            width: false,
39            tip: {
40                corner: true,
41                width: 20,
42                height: 10
43            }
44        },
45        show: 'click',
46        hide: {
47            event: 'unfocus click'
48        }
49    });
50});