Simple Living, High Thinking Nadim

Setting the FavIcon (webpage icon)

simplenadim — Wed, 08 Oct 2008 02:33:19 +0000

Sometimes little things become important to think of. One such thing is FavIcon or ‘Favorites Icon’ which is also known as webpage icon, shortcut icon, URL icon, bookmark icon etc. One example of this icon is shown below.

FavIcon Example

To add such icon the following line should be placed inside the tag of the HTML document.

<link href=“dw.ico” rel=“shortcut icon” />

Where ‘dw.ico’ is the desired icon file name.

Dynamic Layout by JavaScript

simplenadim — Tue, 07 Oct 2008 01:31:11 +0000

We usually design web page layout by DIV+CSS. In some cases we need more flexibility in layout design which can further be achieved by JavaScript. The following is an example of layout by JS in which there is a page header, a left navigation bar and a main body DIV. The size of the ‘main’ DIV is dynamic that gets updated each time the window is resized.

<html>
	
		

		
	
	onload='adjust()' onresize='adjust()'>
		
		
		
	
>

IE Cache Control Prevents AJAX from Sending Requests to Same URL

simplenadim — Mon, 06 Oct 2008 08:26:11 +0000

Once I was stuck in a very bothering problem, I was sending an AJAX request to the same URL (a PHP script) on and on. It worked fine in FF and Opera, the things were getting updated as I expected. But IE showed some bothering behavior. Since I was sending request to the same URL, IE was not allowing AJAX to send request to the actual URL rather it was retrieving the responses from its cache. So the things were not getting updated as I was expecting. I googled and found out solution to this problem. I found the following solution from googling.

You need to force no caching by adding the following lines just before you call xhr.send(null), where xhr is the XMLHTTPRequest.

xhr.setRequestHeader(“If-Modified-Since”, “Thu, 1 Jan 1970 00:00:00 GMT”);

xhr.setRequestHeader(“Cache-Control”, “no-cache”);

I also devised another way. Since the problem is due to the same URL, we can change the URL by adding some random number which makes the URL look different each time it is used and it doen’t affect the URL. The following is another solution.

xhr.open(“GET”, “http://my-address/myscript?myparam=dummy&rand=” + Math.random(), true);