Home >
MAY
11

Internet Explorer issues fixed

I am happy to report that I found the cause of the issues by which the site was not properly displayed on Internet Explorer browsers. All should be fixed now. Whilst the faulty box model in the IE6 and IE7 I have adjusted some parameters so that the site will be displayed similairly on Internet Explorer as well as all other browsers.

Internet Explorer 6 does not have support for hover elements other than on links. Because of this limitation the menu will not or ever function on IE6. As said, it is caused by missing functionality in the browser. Given that the current version is version 8 I do not intent to provide the use with an alternative. Please upgrade to a more modern browser. You will need it for many more websites than just mine.

MAY
01

Issues with the menu on Internet Explorer

It came to my attention that the menu is not working properly on Internet Explorer browsers. The menu has been programmed according to the standards. It is known that Internet Explorer is incompatible with certain elements of the standards. I am figuring out what is causing the incompatibility issue and try to fix it as soons as possible.

Update 16:26
The issue is two folded. First the menu is not working properly and secondly the green heading bar is not on a location where it is supposed to be. The issues are limited to IE 5.5, IE6 and IE7. The current version of Internet Explorer (IE8) is rendering correctly. It is caused by the faulty box model in these Internet Explorer versions, not sure how to fix is yet.
As a temporary method of navigation I have added the content of the menu on the top left side. Use this menu instead for the time being.

Update 17:47
Changed the default state of the menu to folded out. This gives an issue on the both the photo and video page, however the it remains functional, scrolling is needed.

APR
24

The new website is live

As of right now the newly designed website is live. I reengineered the entire framework for this website. All elements are still coded. The advantage of coding it yourself is that it can be very dynamic. Virtually everything is possible.

The website is still based upon php. PHP is a script that is executed by the server. All statements are interpreted by the server and HTML is returned to the browser. With PHP one is able to communicate with with a database. In my case that is mySQL. The combination of PHP and mySQL makes if possible to have dynamic (in contrast to static) content on the website.
Take for instance the photo albums on this website. These albums are stored in a database. Depending on the situation you can retrieve the information from the database in the form you want. It is fairly easy to sort albums on date, name or indentification. However, the main advantage is that, if programmed correctly, one does not have to update any code on the website in order to add or remove an photo album. So, let's say that one input a new album in the database. That album will be recognized in the qeuries that are run by the PHP of the website. The website is thereby updated, without the need for any change in the code. This works if the table in the database is used once, though it gets more interesting when it is used in multiple locations. As an example, the data of the photo database is used in the photo overview, the photo viewer and within the menu. These pages are always up to date with the latest album when a photo album is added to the database.

The menu has been engineerd to a fly-out side menu. The menu can be opened by hovering (is positioning) the mouse cursor over the menu element. The complete menu will open above the content currently on the page. All items in the menu are categorized and shown as such. Some elements, e.g. the photo and wideo category, are dynamically generated. These will always show the latest three items in the menu. For older items one can choose the overview from each.

The biggest thing however it the use of javascript and AJAX. Javascript is just like PHP a dynamic script that is run. In contrast to PHP it is run by the client (browser). The uses of javascript are similair to PHP, however on one important aspect different. PHP is run on the server, so it is able to interact with the mySQL (database) on the server. Whilst javascript is run by the client, javascript is unable to run mySQL. However javascript can be run and change independently from the page refreshing. By certain actions on the website (clicking on a button, hovering over something and double clicking) we can execute code to update a page partially. It does get realy interesting when we add the ability to interact with the server from javascript. We call this AJAX technology. AJAX makes it possible to interact with the server by the use of javascript. One can update a portion of the page with content retrieved from the server after the user has exerted an action.
I've use this technology to retrieve updates from the server without the page needed to be refreshed. The photo viewer is an example of the use of this technology. The page with the viewer is loaded once. Clicking an different picture gets the new information from the server. Changing albums request the information from the server after which only the needed portions of the page are redrawn. It is even possible to use the database on the server running a PHP script that uses mySQL by the use of AJAX. As a result one is able to switch albums, filter albums on year, month and day without the need to reload the page. Only the images are updated.

As for right now the photo and video albums are available. I have planned other content for this website, which will be added gradually when it is ready. The new portions of the site will include a blog (personal, professional and one with interesting references), tutorials about common pc related issues (software, working with software and hardware) and an overview of a variety of information about ice speed skating.