I needed to make a single page “house-for-sale” announcement on the web. I did not want to take the use of the commercial reap-estate sites where all that is automatized but make a simple, but elegant page with modern web standards. My web design information was dating from the days where elements were actually table cells. I decided that there was a need for a modern, CSS Layer based design. I wanted also to take the use of layered techniques to propose a small photo-album that would look a little bit like it would have been created with Flash. Below I will explain how the photo-album was created. Should you want to take a look at the final output already, check the French and English versions of my sales leaflet. (more…)
web programming
Monday, January 19, 2009
Simple Flash-like photo-album with CSS and JavaScript
Posted by M.P. under web programming | Tags: css, javascript, layers |Leave a Comment
Monday, October 13, 2008
Multi-Ethernet RHEL4 or RHEL5 installation stucked – how to get out
Posted by M.P. under annoyances, linux, web programming | Tags: boot, redhat |Leave a Comment
You should always use /usr/sbin/system-config-network to modify the entire configurtion of all interfaces at once. But it sometimes fails, if you forget to define something: for example sometimes the outcome will be that the /etc/sysconfig/network contains hostname localhost.localdomain.. In any case, the system does not boot anymore, but remains stucked on cups printer services startup, or something similar happens. (more…)
Friday, February 1, 2008
Wait dynamic javascript loading
Posted by M.P. under web programming | Tags: dom, dynamic loading, javascript |Leave a Comment
The modern Javascript code is heavy, especially for portable devices which do have otherwise decent XHTML/DOM browsers nowadays but which are lacking the necessary bandwidth. So back to the old days: we would like to use conditional and dynamic loading of the Javascript code and we have to keep the frustrated user happy while the code is loading. While searching the Internet you have certainly seen the following code snippet:
function init() {
var script= document.createElement('script');
script.type= 'text/javascript';
script.src= 'myScript.js';
document.getElementsByTagName('head')[0].appendChild(script);
}
You would invoke the above function with one of the following methods:
<body onLoad="javascript:init();"> // or window.onload = init;
Everything is alright if you are using the functions in myScript.js to respond to events within the loaded <body>. But if you want to use the loaded functions and objects within the <body onLoad=..> or window.onload invoked functions, you shoud read further. (more…)
