Archive for the ‘Code is Poetry’ Category

How to load a HTML file into a Div

Friday, June 8th, 2007

Used an “onclick function” and successfully loaded a HTML file into a Div. JavaScript: onclick=function(){ var el=document.getElementById("x") el.innerHTML="iframe src=\"http://muthuonline.com/about_muthu\" >" < div id="x"> Wish there was an easier method like having a src for a div. However had issues setting the iframe width. After getting this done, i was told that iframe kinda ...

How to show a Div & hide the rest, simultaneously

Wednesday, June 6th, 2007

Encountered an interesting issue while working on the “Accordion Menu” Problem : Multiple Divs get thrown up, when multiple links get clicked. The hierarchy of these Divs is determined by the Z-index. Divs with lower Z-index value, get hidden behind Divs with higher Z-index value. Either the navigation ...

Look Ma, All App and No Code!

Tuesday, May 29th, 2007

YUI simply rocks! Yahoo also serves up code for FREE! ( But err…. if you use code directly from Yahoo’s servers, you are likely to encounter some latency) Here’s a wierd idea on what Yahoo can do next with YUI… Come up with http://designer.yahoo.com/yui Build an WYSIWYG IDE (could be web ...

Hide UnHide Divs using Display

Thursday, May 24th, 2007

Now that a simple layout using divs is created, its time to play hide and seek. See Example >> Defined a variable “var = east” and assigned to “Div Id= east” using document.getElementById.” The entire layout is split into multiple Divs like North, East, West and South. And then the Plot thickens…. See another ...

Simple Layout using CSS

Tuesday, May 22nd, 2007

Here’s a simple layout designed using div tags. See Example >> I split up the entire layout into Divs and named them as North, East, West and South. Used ‘North’ as a “Class” and the rest as “IDs”. Realized that for “Overflow” to work, height of the div needs to ...