< dConstruct Ho! | JsPopUp Version 1.5 ist auf dem Weg >

2007-09-10 Spaltenhöhen mit jQuery synchronisieren

Seit Dirk Jesse Feuer an der jQuery Flamme gefangen hat, ist er nicht mehr zu stoppen. Nachdem Chris letzte Woche seine YUI Umsetzung einer Spaltenhöhen-Synchronisierung gepostet hatte dauerte es nicht lange bis klar war, dass sowas auch für YAML und damit in jQuery her musste.

Das kleine Script haben wir jetzt als jQuery-Plugin mit dem klangvollen Namen SyncHeight umgesetzt und kann folgenderweise auf Elemente jeder Art angewandt werden:


$(document).ready(function(){
   $('.subcolumns &gt; div').syncHeight();
   $(window).resize(function(){
      $('.subcolumns &gt; div').syncHeight();
   });
});
 

Runtergeladen kann das Script entweder hier in meinem Subversion Trunk oder gezippt bei Dirk.

Trackbacks
No Trackbacks

Comments

No comments
Add Comment

Standard emoticons like :-) and ;-) are converted to images.
E-Mail addresses will not be displayed and will only be used for E-Mail notifications

To prevent automated Bots from commentspamming, please enter the string you see in the image below in the appropriate input box. Your comment will only be submitted if the strings match. Please ensure that your browser supports and accepts cookies, or your comment cannot be verified correctly.
CAPTCHA

Gravatar/Favatar/Pavatar/MyBlogLog author images supported.
You can use [geshi lang=javascript/css/html4strict/php]your code[/geshi] tags to embed source code snippets