Product Strategist, Experience Designer & Code Tweaker 

Facebook Twitter LinkedIn
 
 
Home » Archive for category "HTML5, CSS3, DOM & JS" (Page 5)

Archive for the ‘HTML5, CSS3, DOM & JS’ Category:


How to load a HTML file into a Div

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 outdated. Next,

(More)…

How to show a Div & hide the rest, simultaneously

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 has to be “Modal/ Hub & Spoke”

(More)…

Look Ma, All App and No Code!

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 based) based on YUI,

(More)…

Hide UnHide Divs using Display

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 Example,

(More)…

Simple Layout using CSS

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 be defined in fixed units.

 
© Muthukumar Rajamani
credit