Javascript is a programming or scripting language primarily used for client-sided programming in web browsers. It can also be used as a server-side programming language but this is generally used less often. Javascript was originally created by Netscape for their browser Netscape Navigator, and is now an implementation of the ECMAScript standard. It is typically used in web browsers for form validation, floating navigation, AJAX and other nifty things to make web pages more interactive.
This post is a response to a question asked on my "Show and hide an element with jQuery – Part 1 of 2" article about how to hide text when the page loads and then show it with a button (or some other method to reveal the text at a later time).
The jQuery Facebox lightbox can be closed by clicking the close button, clicking anywhere outside the dialog or using the escape key. This post shows how to make the dialog modal so that the only way to close it is by clicking the close button. You could alternatively add a link etc into the content of the dialog which would close it, link to another page etc.
I’ve been looking at the jQuery Facebox plugin recently which is a Facebook style lightbox for loading remote content, images, local content etc. In this post I look at how to change the width of the Facebox dialog with CSS or programatically using Javascript.
I’ve been using the jQuery Facebox plugin a fair bit on various websites to show stuff in "inline" windows. On my New Zealand Running Calendar website I make the dialog the full height of the window with a scroll bar if the content is longer than the height of the window. This post shows how to do this.
jQuery’s $(window).height() and $(window).scrollTop() can be used to calculate the vertical mid point of a browser’s window. This quick post shows how to do this and then tomorrow’s post will look at vertically centering a Facebox dialog in the middle of the window using this method.
The jQuery Facebox plugin creates a Facebook like lightbox which can be used to load external pages, images or put in any content you want. It’s not perfect but it works pretty well. This post shows a basic example and the html for a page skeleton which uses Facebox. I’m posting this now because I’ll have some additional posts in the next few days using Facebox (and also some older ones here here and here).