How to convert a fixed height/width-fixed layout to elastic?

Posted by phretor on Stack Overflow See other posts from Stack Overflow or by phretor
Published on 2010-04-01T18:11:21Z Indexed on 2010/04/01 18:13 UTC
Read the original article Hit count: 239

Filed under:

jQuery

|

fluid-layout

|

fixed

|

JavaScript

I used the same software used here http://us.gn.bartal.org/ to create a fixed width/height treemap in HTML + CSS.

I would like to make it elastic by having a JavaScript function to convert all pixels absolute positions and sizes to percentages.

How would you suggest to proceed? Is there some jQuery/Prototype/Dojo magic that I can exploit?

© Stack Overflow or respective owner

Related posts about jQuery

Microsoft and jQuery

as seen on West-Wind - Search for 'West-Wind'
The jQuery JavaScript library has been steadily getting more popular and with recent developments from Microsoft, jQuery is also getting ever more exposure on the ASP.NET platform including now directly from Microsoft. jQuery is a light weight, open source DOM manipulation library for JavaScript that… >>> More
An Introduction to jQuery Templates

as seen on Stephen Walter - Search for 'Stephen Walter'
The goal of this blog entry is to provide you with enough information to start working with jQuery Templates. jQuery Templates enable you to display and manipulate data in the browser. For example, you can use jQuery Templates to format and display a set of database records that you have retrieved… >>> More
Ajax Control Toolkit December 2013 Release

as seen on Stephen Walter - Search for 'Stephen Walter'
Today, we released a new version of the Ajax Control Toolkit that contains several important bug fixes and new features. The new release contains a new Tabs control that has been entirely rewritten in jQuery. You can download the December 2013 release of the Ajax Control Toolkit at http://Ajax.CodePlex… >>> More
jQuery show "loading" during slow operation

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to show a small loading image during a slow operation with jQuery and can't get it right. It's a BIG table with thousands of rows. When I check the "mostrarArticulosDeReferencia" checkbox it removes the "hidden" class from these rows. This operation takes a couple of seconds and I want… >>> More
Tracking download of non-html (like pdf) downloads with jQuery and Google Analytics

as seen on Developer IT - Search for 'Developer IT'
Hi folks, it’s been quite calm at Developer IT’s this summer since we were all involved in other projects, but we are slowly comming back. In this post, we will present a simple way of tracking files download with Google Analytics with the help of jQuery. We work for a client that offers… >>> More

Related posts about fluid-layout

Creating Rich Interactions Using Blend 4: Transition Effects, Fluid Layout and Layout States (Silver

as seen on Dot net Slackers - Search for 'Dot net Slackers'
In this episode, Kenny Young of the Expression Blend team demonstrates how to make some compelling interactions using Expression Blend 4 for Silverlight 4. He demonstrates some great examples using the FluidMoveBehavior, FluidLayout, LayoutStates, Transition Effects, and sample data. Kenny then dives… >>> More
jquery tabs css fluid layout

as seen on Stack Overflow - Search for 'Stack Overflow'
hi guys, quick question. I have a tabbed interface for my site but I have all the parts of the site crashing into each other. How do I achieve a fluid layout where it simply resizes when the display is smaller. I read a few articles @ alistapart and made my containing div relative to the browser… >>> More
CSS fluid layout with 2 columms

as seen on Stack Overflow - Search for 'Stack Overflow'
Ive building a website with a fluid layout. The structure is: <div id="maincontainer"> <div id="topsection"> <div class="innertube"><h1>CSS Liquid Layout #2.2- (Fluid-Fixed)</h1></div> </div> <div id="contentwrapper"> <div… >>> More
Creating a horizontal fluid layout in css that works like a table

as seen on Stack Overflow - Search for 'Stack Overflow'
Basically what i am after is a fluid solution in css, that is similar to the table layout below.The principal behind this layout is 3x3 grid where by a user can add content into the first fluid area and it will expand the complete width of the page. But if that user decides that he wants content in… >>> More
CSS: Fluid layout - footer always at the bottom, and a fluid center

as seen on Stack Overflow - Search for 'Stack Overflow'
How would you do this: http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page Except with a fluid center (vertically stretched, height 100%)? >>> More