Items Tag › Brendon Smith AKA SeaCloud9 Design

Have you ever had to deal with the hassle of centering modal windows? I made this function to automagically center windows I call this function after I load a modal and it centers the object perfectly for every browser. It takes the hassle of wondering if something is perfectly center in every browser. The only thing I do to use it is send it the main containing div that the object should be centered in and the div that I want to be centered. It grabs the offset does a little basic math and that’s it. No more hassle with centering now it will be perfectly centered.

?View Code JAVASCRIPTfunction CenterIT(mainModal, mainContainer) { var modalW = $(mainModal).width() / 2; var windowW = $(mainContainer).width() / 2; var modalH = $(mainModal).height() / 2; var windowH = $(mainContainer).height() / 2; var centerPointW = windowW - modalW; var centerPointH = windowH - modalH; var myPoint = $(mainContainer).offset(); centerPointW = myPoint.left + centerPointW; centerPointH = myPoint.top + centerPointH; $(mainModal).css('left', centerPointW); $(mainModal).css('top', centerPointH);
}

Some Useful/Interesting Flash Links: Prefab – Highly useful tool when it comes to 3D in flash with Away3D Snook on HTML5 and Adobe Some Useful/Interesting JavaScript Links: Javascript RayCaster Burst Engine for SVG in JavaScript Canvas 3D JS3D library Parallax in CSS WebGL Example Bookmark and Share More »Powered by Bookmarkify™

February 7 2010, 4:37pm | Comments »

I posted to delicious.com

Predictive Fetch with jQuery and the ASP.NET Ajax Library

http://blog.skitsanos.com/2010/02/predictive-fetch-with-jquery-and-aspnet.html

February 6 2010, 9:39am | Comments »

I posted to delicious.com

Calling jQuery's Data() Method Without Arguments

http://www.bennadel.com/blog/1836-Calling-jQuery-s-Data-Method-Without-Arguments.htm

Tags:
jquery

February 1 2010, 11:24am | Comments »

Using Base64 #Canvas Data In #jQuery To Create #ColdFusion Images #awesome

#jQuery Get issues with IE Caching

Using jQuery To Hijack ASP.NET MVC Form Posts

jQuery Mouse Events: PageX/Y vs. ClientX/Y

Experimenting With #jQuery's Queue() And Dequeue() Methods

101 on #jQuery Selector Performance

Best #jQuery plugins

Mistakes Were Made: Making Interactive #Maps With #jQuery

10 Awesome #jQuery and #JavaScript Snippets

Coding a #CSS3 & #HTML5

WCF Data Services and jQuery

Advanced JavaScript - John Resig at FOWA Miami | Remote Synthesis

#jQuery Make your #MooTools Code Shorter, Faster, and Stronger #javascript

#jQuery #regex #filter Tips

Posting XML SOAP Requests With jQuery

ASP.NET MVC and JQuery get info to controller - Stack Overflow

#jQuery + YQL = #Awesome RSS Feeding without server side proxy script

jQuery CenterIT

Predictive Fetch with jQuery and the ASP.NET Ajax Library

Calling jQuery's Data() Method Without Arguments

Popular Tags

Search