How to create a BBC style (facebox?) help popup

Posted by Ian Batten on Stack Overflow See other posts from Stack Overflow or by Ian Batten
Published on 2010-04-14T11:02:24Z Indexed on 2010/04/14 11:13 UTC
Read the original article Hit count: 365

Filed under:

facebox

Hi guys,

I have tried to take apart the code, but can't seem to replicate it.

On the BBC weather homepage, http://news.bbc.co.uk/weather/, you will see a little help quetionmark in a circle in the top right corner or some of the boxes. When you click on it, it brings up a nice help popup, that looks a little like facebox.

The main thing I like about this, is the little arrow that points back to the help button to the right of the container. Facebox is just a standard square.

If anyone knows how to replicate this, some help would be greatly appreciated.

Regards, Ian

Related posts about facebox

Facebox window closes after submit

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi all I have a question regarding Facebox. When I click a certain link on my page, the Facebox modal window opens just fine. But inside this modal window I'd like to have a form that users can submit. When the users click the submit-button, the whole page refreshes, and my Facebox-window is closed… >>> More
tinymce text area in facebox modal window not allowing me to type

as seen on Stack Overflow - Search for 'Stack Overflow'
i am using facebox (a jquery modal plug-in) and tinymce for my textboxes. however when i open any modal windows, i cannot type anything within the tinymce input box. any help? <script type="text/javascript" src="resources/tinymce/jscripts/tiny_mce/tiny_mce.js"></script> … >>> More
Jquery inside Facebox

as seen on Stack Overflow - Search for 'Stack Overflow'
I have facebox setup and it works. when I load an external page with a tab based navigation (JQuery too) the modal works but the nav doesnt. If it isnt clear I actually want the tabs to be inside the lightbox. And I also have php/mysql running inside the lightbox if that can change anything. Thanks… >>> More
Facebox with other jquery in it

as seen on Stack Overflow - Search for 'Stack Overflow'
So I have facebox setup and it works. when I load an external page with a tab based navigation (JQuery too) the modal works but the nav doesnt. If it isnt clear I actually want the tabs to be inside the lightbox. And I also have php/mysql running inside the lightbox if that can change anything. Thanks… >>> More
How to style content in jQuery Facebox

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm using jQuery Facebox plugin to create some modal windows. One situation is to display errors that might occur. If JS is disabled, I do this by displaying any errors in a normal div that is styled by CSS using a class selector. If the user does have JS enabled however, that div is hidden and the… >>> More

Developer IT