I want to create a message bar like the one shown on top of the stack overflow site when you have new notifications. Anyone know how to do this in a good way in Rails/CSS/jQuery, or know of a tutorial somewhere?
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I want to create a message bar like the one shown on top of the stack overflow site when you have new notifications. Anyone know how to do this in a good way in Rails/CSS/jQuery, or know of a tutorial somewhere?
Here’s an example with jQuery:
http://jsfiddle.net/pJmb7/13/
Note that I can’t seem to get the z-index for the close button to supersede the “result” image in jsFiddle so it’s pretty hard to find the clickable area of the “x” to demonstrate the closing. But there’s just enough sticking out at the bottom for it to work.
If this was not in the jsFiddle sandbox it would appear at the top of the screen.