Where or how to find this component in the web?

Question

Watch the next image:

enter image description here

As you can see is a message in a box where it can be closed and no appear everytime if it was closed.. I'm looking for something like that, but I didn't have idea about how to find it in the web.

http://jqueryui.com/accordion/ ? – adaam May 23 '13 at 18:49 — adaam, May 23 '13 at 18:49

brbcoding · Accepted Answer · 2013-05-23T19:06:05.940

I think you're looking for alerts. Bootstrap has ones that you find scattered everywhere on the web.

You'll have to set a cookie or something to hide it for good (ie if someone dismisses it and comes back later)

You could try something like this (using bootstrap alerts and the jquery cookie lib)...

$(document).ready(function(){
    $('#dismissal').click(function(){
        $.cookie('dismissed','true');
    });
    if($.cookie('dismissed') == 'true'){
        $('.alert').hide();
        alert('cookie \'dismissed\' is set, alert hidden.');
    }
});

Demo in action

score 0 · Answer 2 · answered May 23 '13 at 18:51

0

You have to set a cookie in the client browser for something like that. You could set a cookie based on user preference and check the cookie next time the user visits and then load the content based on user preferences.

answered May 23 '13 at 18:51

user1

1,063
1
8
28

I'm using MVC 4 right, how can I set that to the cookie? – Darf Zon May 23 '13 at 18:52
http://stackoverflow.com/questions/6797350/asp-net-mvc-cookie-implementation – user1 May 23 '13 at 18:54

score 0 · Answer 3 · answered May 23 '13 at 18:53

Build it in normal HTML (probably just a div with some basic styling and absolute or fixed positioning) and then use the JQuery.cookie plugin (very easy to use - check it out here) to set a cookie when the user clicks the "close" button on the div (in addition to hiding the div with jquery). Then just check for whether that cookie is set whenever the page is loaded and use that to determine whether to show the div or not.

Where or how to find this component in the web?

3 Answers3