Comments on: Lights Out – Dimming/Covering Background Content with jQuery http://buildinternet.com/2009/08/lights-out-dimmingcovering-background-content-with-jquery/ Web Design, Development, and Business Thu, 09 Feb 2012 06:54:54 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Nathan http://buildinternet.com/2009/08/lights-out-dimmingcovering-background-content-with-jquery/comment-page-1/#comment-32859 Nathan Thu, 02 Feb 2012 10:04:09 +0000 http://buildinternet.com/?p=5385#comment-32859 Hi, Great tutorial as always, thanks! I have a query about setting the message box to the middle of the screen though - I've just implemented this into a clients website who has a list of products on a page. I've used this as a lightbox to display the product details onclick. However, the message box pops up in the middle of the DIV wrapper rather than the middle of the screen, so if someone clicks on the last product on the page, they have to scroll up to see the message box. The site I've built has a static background image and the page wrapper overflows the background. Is there some script to ensure the box appears in the middle of the actual screen rather than the page - regardless of how far users have scrolled down? I hope this makes sense! Thanks in advance! Nathan Hi,
Great tutorial as always, thanks!
I have a query about setting the message box to the middle of the screen though – I’ve just implemented this into a clients website who has a list of products on a page. I’ve used this as a lightbox to display the product details onclick. However, the message box pops up in the middle of the DIV wrapper rather than the middle of the screen, so if someone clicks on the last product on the page, they have to scroll up to see the message box.
The site I’ve built has a static background image and the page wrapper overflows the background. Is there some script to ensure the box appears in the middle of the actual screen rather than the page – regardless of how far users have scrolled down?
I hope this makes sense!
Thanks in advance!
Nathan

]]> By: Ryan http://buildinternet.com/2009/08/lights-out-dimmingcovering-background-content-with-jquery/comment-page-1/#comment-32817 Ryan Fri, 27 Jan 2012 10:48:53 +0000 http://buildinternet.com/?p=5385#comment-32817 $(document).ready(function(){ $("#dim").css("height", $(document).height()); // default $("#dim").css("height", $("#msgbox").height()); // change to the height of whatever is inside "#dim", such as the height of a long message box that exceeds the bottom of the page. This will in theory make the effect not work with content less than the full height of a page that does not require scrolling. $(document).ready(function(){

$(“#dim”).css(“height”, $(document).height()); // default
$(“#dim”).css(“height”, $(“#msgbox”).height()); // change to the height of whatever is inside “#dim”, such as the height of a long message box that exceeds the bottom of the page. This will in theory make the effect not work with content less than the full height of a page that does not require scrolling.

]]> By: Victoria http://buildinternet.com/2009/08/lights-out-dimmingcovering-background-content-with-jquery/comment-page-1/#comment-31788 Victoria Wed, 26 Oct 2011 17:57:45 +0000 http://buildinternet.com/?p=5385#comment-31788 Very cool. I love your tutorials. Anyone get an answer on how to do this automatically on page load? Very cool. I love your tutorials. Anyone get an answer on how to do this automatically on page load?

]]> By: Praveen Isaac http://buildinternet.com/2009/08/lights-out-dimmingcovering-background-content-with-jquery/comment-page-1/#comment-31681 Praveen Isaac Wed, 19 Oct 2011 12:58:01 +0000 http://buildinternet.com/?p=5385#comment-31681 Thank you sam! Thank you sam!

]]> By: iPhone 4S Test Notes: No More Death Grip [Video] | Cyber-tech Support Electronics http://buildinternet.com/2009/08/lights-out-dimmingcovering-background-content-with-jquery/comment-page-1/#comment-31654 iPhone 4S Test Notes: No More Death Grip [Video] | Cyber-tech Support Electronics Mon, 17 Oct 2011 15:57:54 +0000 http://buildinternet.com/?p=5385#comment-31654 [...] TRANSACTION SYSTEMS ARCHITECTS TOTAL SYSTEM SERVICES TNS TIBCO SOFTWARE TIBCO SOFTWARE THQ TEXAS INSTRUMENTS This entry was posted in Uncategorized by Mark Shwartz. Bookmark the [...] [...] TRANSACTION SYSTEMS ARCHITECTS TOTAL SYSTEM SERVICES TNS TIBCO SOFTWARE TIBCO SOFTWARE THQ TEXAS INSTRUMENTS This entry was posted in Uncategorized by Mark Shwartz. Bookmark the [...]

]]> By: Mobile Security’s Future: 4 Expert Predictions | control.cybertech-support http://buildinternet.com/2009/08/lights-out-dimmingcovering-background-content-with-jquery/comment-page-1/#comment-31653 Mobile Security’s Future: 4 Expert Predictions | control.cybertech-support Mon, 17 Oct 2011 15:57:02 +0000 http://buildinternet.com/?p=5385#comment-31653 [...] SEMICONDUCTOR INTERNATIONAL FAIR ISAAC FACTSET RESEARCH SYSTEMS F5 NETWORKS EPICOR SOFTWARE EMULEX This entry was posted in Uncategorized by Mark Shwartz. Bookmark the [...] [...] SEMICONDUCTOR INTERNATIONAL FAIR ISAAC FACTSET RESEARCH SYSTEMS F5 NETWORKS EPICOR SOFTWARE EMULEX This entry was posted in Uncategorized by Mark Shwartz. Bookmark the [...]

]]> By: Newsstand Smooths Out iOS Mag-Reading but Could Use Some Curb Appeal | nascarracing http://buildinternet.com/2009/08/lights-out-dimmingcovering-background-content-with-jquery/comment-page-1/#comment-31652 Newsstand Smooths Out iOS Mag-Reading but Could Use Some Curb Appeal | nascarracing Mon, 17 Oct 2011 15:55:22 +0000 http://buildinternet.com/?p=5385#comment-31652 [...] PLANAR SYSTEMS PEROT SYSTEMS PALM OSI SYSTEMS ORACLE OPENWAVE SYSTEMS ON SEMICONDUCTOR NVIDIA NUANCE COMMUNICATIONS This entry was posted in Uncategorized by admin. Bookmark the [...] [...] PLANAR SYSTEMS PEROT SYSTEMS PALM OSI SYSTEMS ORACLE OPENWAVE SYSTEMS ON SEMICONDUCTOR NVIDIA NUANCE COMMUNICATIONS This entry was posted in Uncategorized by admin. Bookmark the [...]

]]> By: Apple iPhone 4S Launch Day: A Survival Guide | Cyber-tech Support Electronics http://buildinternet.com/2009/08/lights-out-dimmingcovering-background-content-with-jquery/comment-page-1/#comment-31651 Apple iPhone 4S Launch Day: A Survival Guide | Cyber-tech Support Electronics Mon, 17 Oct 2011 15:51:59 +0000 http://buildinternet.com/?p=5385#comment-31651 [...] SOLUTIONS KINGSTON TECHNOLOGY COMPANY KEY JDS UNIPHASE JDA SOFTWARE GROUP JACK HENRY and ASSOCIATES IXYS This entry was posted in Uncategorized by Mark Shwartz. Bookmark the [...] [...] SOLUTIONS KINGSTON TECHNOLOGY COMPANY KEY JDS UNIPHASE JDA SOFTWARE GROUP JACK HENRY and ASSOCIATES IXYS This entry was posted in Uncategorized by Mark Shwartz. Bookmark the [...]

]]> By: Easy and Smart Hard Drive Storage from BytePac | Cyber-tech Support Electronics http://buildinternet.com/2009/08/lights-out-dimmingcovering-background-content-with-jquery/comment-page-1/#comment-31649 Easy and Smart Hard Drive Storage from BytePac | Cyber-tech Support Electronics Mon, 17 Oct 2011 15:49:48 +0000 http://buildinternet.com/?p=5385#comment-31649 [...] SYSTEMS ADVANCED SEMICONDUCTOR ENGINEERING ALLIANCE DATA SYSTEMS ALLTEL AMAZONCOM AMERICA MOVIL AMKOR TECHNOLOGY This entry was posted in Uncategorized by Mark Shwartz. Bookmark the [...] [...] SYSTEMS ADVANCED SEMICONDUCTOR ENGINEERING ALLIANCE DATA SYSTEMS ALLTEL AMAZONCOM AMERICA MOVIL AMKOR TECHNOLOGY This entry was posted in Uncategorized by Mark Shwartz. Bookmark the [...]

]]> By: Quanta latest to license patents from Microsoft for Android, Chrome | gene1782s WordPress http://buildinternet.com/2009/08/lights-out-dimmingcovering-background-content-with-jquery/comment-page-1/#comment-31648 Quanta latest to license patents from Microsoft for Android, Chrome | gene1782s WordPress Mon, 17 Oct 2011 15:49:30 +0000 http://buildinternet.com/?p=5385#comment-31648 [...] EQUIPMENT ASSOCIATES UNITED ONLINE UNISYS TRIQUINT SEMICONDUCTOR TRIMBLE NAVIGATION LIMITED TRIDENT MICROSYSTEMS This entry was posted in Uncategorized by Mark Shwartz. Bookmark the [...] [...] EQUIPMENT ASSOCIATES UNITED ONLINE UNISYS TRIQUINT SEMICONDUCTOR TRIMBLE NAVIGATION LIMITED TRIDENT MICROSYSTEMS This entry was posted in Uncategorized by Mark Shwartz. Bookmark the [...]

]]>