Tag Archives: frameset

Here is a tutorial that addresses more Javascript DOM ideas and builds on three previous tutorials that looked at Sliding Menus via the tutorials ending with More Javascript DOM Tutorial. Framesets are a good way to organize HTML that work well with the scenario where a menu controls content, all presented together on the one webpage. It is amazing that the arrangement of this could involve so few changes from the same basic content of our Sliding Menus tutorials, and yet the look is considerably different. Thanks to Wikipedia for the data about Mountain Heights on Earth which helped with the content of this tutorial. This tutorial also touched on the idea of transparency with a png background image using GIMP, and I found this link really helpful. Let’s see some HTML/Javascript/CSS Frameset Primer Tutorial code in live action for this tutorial where you use a Frameset design to present Montain Heights application. Link to some downloadable HTML programming code … rename to frameset_supervisor.html supervises frameset_content.html. Here is a new link to show the way that the Sliding Menu code changed and became the Frameset Content code … sliding_menus_plus-frameset.html. Regarding this topic I really like and got help from “JavaScript & Ajax” seventh edition by Tom Negrino and Dori Smith Previous More Javascript DOM Tutorial below … Here is a tutorial that addresses more Javascript DOM ideas and builds on two previous tutorials HTML/CSS/Javascript Sliding Menus Primer Tutorial and JavaScript and the DOM Tutorial. Some of the salient points about Javascript DOM are: Javascript DOM can make the use of HTML form elements obsolete, so that you can alter the current webpage without a change of page key to successful easy Javascript DOM use involves HTML elements with id= definitions mapped to use of var v=document.getElementById([ideq]); v.style.display=’block’; type of usage can use Javascript DOM using HTML elements with class= definitions mapped to use of var vs=document.getElementsByClassName([classeq]); vs[0].style.display=’block’; HTML element additions are easily achieved for <start id=’el’>HTML contents</start> style HTML elements after “contents” via (syntax like) var xel=document.getElementById(‘el’); xel.innerHTML = xel.innerHTML + ” are extended.”; … please note that there is no such HTML element as <start> but hopefully you get what I mean by HTML elements with the three parts of start, innerHTML, and /start HTML element “plugins” are easily achieved for <start id=’el’>HTML contents</start> style HTML elements in the middle of “HTML contents” via (syntax like) var xel=document.getElementById(‘el’); xel.innerHTML … Continue reading →