Fendy Ahmad

I’ve created a mixture of Javascript and CSS codes to change the location attribute of an image.

The picture can be dynamically changed without reloading the page. This is very good example if you are planning to create a CSS element and change its properties without loading the entire page.

As per usual, this code only work with browsers that support DOM. Basically, there is number of things of CSS properties can be changed. My example is only to change the top and left property respectively.

A short example of changing the CSS property using javascript is being described below.

<script type=”text/javascript”>
function changeCssProp() {
document.getElementById(”contentDiv”).style.display = “none”;
}
</script>

<div id=”contentDiv” style=”display: block“>Some Text</div>

You can see more demo at this page.

Complete zipped file is available here.

I’ve done it.

–>

Subsequent to my previous post about Windows XP Login Page, I’ve modifed the original dhtmlgoodies.com XP Widgets to have the post-login page. It is actually a web page that looks like the My Computer window on Windows XP.

The modification that I made was adding the scroll-drop-down menu to its left panel. So you can add fully functioning menu into that box.

Please take note that the original dhtmlgoodies.com Javascript isn’t small in size.

You can further see the demo here. Click at the Products to see the menu effect.

Files are available in zipped format and can be downloaded here.

I learned it.

–>

I’ve created a web login page derived from Window XP login screen.

The page is designed fully in CSS fluid table-less layout. I did not check for all browser compatibility. But as far as I know, it should be displaying properly with Firefox 1.5+ and Win IE5.5+.

To see demo page, click here.

You can download the source with its auxiliary files here.

I’ve done it.

–>