<head>
<script language="JavaScript">
function showCell() {
document.getElementById('cellName').style.visibility='visible';
}
</script>
<style type="text/css">
#cellName {visibility:hidden; }
</style>
</head><body>
<table border="1" id="myTable">
<tr><td height="50">text<td></td></td></tr>
<tr><td>text</td><td id="cellName">This will appear when the below link is clicked</td></tr>
</table>
<a href="#" onclick="showCell()">link</a>
</body>
</html>
OR
<html>
<head>
<style>tr#hide{display:none}</style>
<script>
function hide()
{document.getElementById('hide').style.display = 'none'}
function show()
{document.getElementById('hide').style.display = 'block'}
</script>
</head>
<body>
<table>
<tr><td onClick=show()>[show]</td></tr>
<tr id=hide><td>Hidden</td></tr>
<tr><td onClick=hide()>[hide]</td></tr>
</table>
</body>
</html>
Style hidden
Blender Links
Blender is the free open source 3D content creation suite, available for all major operating systems under the GNU General Public License.
http://www.youtube.com/user/kipitku Dragonrose
http://www.youtube.com/results?search_query=blender+art&page=2
Logo design Links
http://logoscda.com/categoriaslogos.php Free logos clipart.
http://www.logodiver.com/ - Logo designer.
http://www.youtube.com/results?search_query=inkscape&search_type=&aq=f Video tutorials
inkscape Links
http://www.inkscape.org An Open Source vector graphics editor, with capabilities similar to Illustrator, CorelDraw, or Xara X, using the W3C standard Scalable Vector Graphics (SVG) file format.
Inkscape supports many advanced SVG features (markers, clones, alpha blending, etc.) and great care is taken in designing a streamlined interface. It is very easy to edit nodes, perform complex […]
list CSS
Basic list styling is very simple. Say you start with this simple to-do list:
<ul>
<li>Read emails</li>
<li>Write book</li>
<li>Go shopping</li>
<li>Cook dinner</li>
<li>Watch Scrubs</li>
</ul>
The first thing you want to do is remove the default bullets and zero down the margin and
padding:
ul {
[…]
Creating buttons and rollovers CSS
Anchors are inline elements, which means they only activate when you click on the con-
tent of the link. However, there are instances when you want to create more of a button-
like effect with a larger clickable area. You can do this by setting the display property of
the anchor to block, and then changing the width, […]
link CSS
The easiest way to style a link is to use the anchor type selector. For instance, this rule will
make all anchors red:
a {color: red;}
a:link {color: blue;} /* Makes unvisited links blue */
a:visited {color: green;} /* Makes visited links green */
a:hover, a:active { color: red;}
One of the first […]
CSS drop shadows
The first thing you need to do is create the drop shadow graphic. I created my drop
shadow graphic using GIMP. Create a new GIMP file, the dimensions of
which are as large as the maximum size of your image. I created a file that’s 800 pixels by
800 pixels just to be on the safe side. Unlock […]
JavaScript Timer
The setInterval() method calls a function / evaluates an expression at specified intervals (in milliseconds).
The setInterval() method will continue calling the function until clearInterval() is called or the window is closed. The ID value returned by setInterval() is used as the parameter for the clearInterval() method.
Syntax
setInterval(code,millisec[,”lang”])
Parameter Description
code Required. A pointer to a function or the […]
Object Oriented Programming in JavaScript
http://mckoss.com/jscript/object.htm
The first version of this paper, written in 2003, had several shortcomings, not the least of which was that the techniques described were specific to Internet Explorer. I’ve updated and improved on the original, to document the current state of the art, especially in light of the extensive interest in AJAX technology and the increasing […]
Mountaintop corners CSS
The basic markup is similar to the previous method; it requires four elements to apply the
four corner masks to:
<div class="box">
<div class="box-outer">
<div class="box-inner">
<h2>Headline</h2>
<p>Content</p>
</div>
</div>
</div>
The CSS is also very similar:
.box {
width: 20em;
background: #effce7 url(images/bottom-left.gif)
no-repeat left bottom;
}
.box-outer {
background: url(images/bottom-right.gif) no-repeat right bottom;
padding-bottom: 5%;
}
.box-inner {
background: url(images/top-left.gif) no-repeat left top;
}
.box h2 […]
Flexible rounded-corner box CSS
The previous examples will all expand vertically if you increase your font size. However,
they do not expand horizontally as the width of the box has to be the same as the width
of the top and bottom images. If you want to create a flexible box, you will need to take a
slightly different approach. Instead of […]
Rounded-corner boxes CSS
One of the first criticisms leveled against CSS-based designs was that they were very
square and boxy. To get around this, people started creating designs that incorporated
more organic curved shapes. Rounded-corner boxes very quickly became one of the most
sought-after CSS techniques around. There are various ways of creating rounded-corner
boxes. Each approach has its strengths and weaknesses, […]
Background image basics CSS
Applying a background image is easy. Say you want your website to have a nice tiled back-
ground. You can simply apply the image as a background to the body element:
body {
background:url(pattern.gif);
}
Gradients are very fashionable at the moment so you may want to apply a vertical gradient
to your page instead. To do this, create […]
Line boxes and clearing CSS
Line boxes next to a floated box are shortened to make room for the floated box, and flow
around the float. In fact, floats were created to allow text to flow around images
To stop line boxes flowing around the outside of a floated box, you need to apply a clear
to that box. The clear property can […]
Floating CSS
The last positioning model is the float model. A floated box can either be shifted to the
left or the right until its outer edge touches the edge of its containing box, or another
floated box. Because floated boxes aren’t in the normal flow of the document, block
boxes in the regular flow of the document behave as […]
Fixed positioning CSS
Fixed positioning is a subcategory of absolute positioning. The difference is that a fixed
element’s containing block is the viewport. This allows you to create floating elements that
always stay at the same position in the window.
The weblog […]
Absolute positioning CSS
Relative positioning is actually considered part of the normal flow positioning model, as
the position of the element is relative to its position in the normal flow. By contrast,
absolute positioning takes the element out of the flow of the document, thus taking up no
space. Other elements in the normal flow of the document will act as […]
Relative positioning CSS
Relative positioning is a fairly easy concept to grasp. If you relatively position an element,
it will stay exactly where it is. You can then shift the element “relative” to its starting point
by setting a vertical or horizontal position. If you set the top position to be 20 pixels, the
box will appear 20 pixels below the […]
The visual formatting model
People often refer to elements such as p, h1, or div as block-level elements. This means
they are elements that are visually displayed as blocks of content, or “block boxes.”
Conversely, elements such as strong and span are described as inline elements because
their content is displayed within lines as “inline boxes.”
It is possible to change the type […]
