SZ Quadri - css tag

IP address to Geo-location web tool

Thu, 23 Oct 2008 18:10:00 GMT

http://ipgeoinfo.com is simple to use, FREE web site for fast IP address to geo location information such as City, Region, Country etc. Other information available includes Time Zone etc. It also points the location on the Google map.

Want to learn the geographical location of the sender of the e-mail? Or want to check from where a particular order has been placed in your shopping cart? Geo-Location is the answer.

This technology analyzes network traffic as well as IP allocation data to determine the approx location of the machine having a particular IP address.

You can create link to this web site with parameter named ip to dynamically provide the visitor with option to check the location.

The tool can be used to prevent credit card fraud or for law enforcement purposes as well.

Check out http://ipgeoinfo.com

Conditionally including javascript and css files

Mon, 20 Aug 2007 13:50:00 GMT

Normally external javascript and css files are supposed to be included in the header of a web page. But, at times we come across situations when we need to include some javascript or css file when we are into the body of the page (that is head portion has already been written).

To include the javascript and css resources you can use the following two methods.

function injectJS (fileName, jsbase){
    var src = jsbase + '/' + fileName + '.js';
    var ipts = document.getElementsByTagName("script");
    var found = false;
    for (i=0; i < ipts.length; i++){
        var type = ipts[i].src;
        if (type.indexOf(fileName) != -1){
                    found = true;
        }
      }
     if (!found){
    var headID = document.getElementsByTagName("head")[0];
    var newScript = document.createElement('script');
    newScript.type = 'text/javascript';
    newScript.src = src;
    headID.appendChild(newScript);
    }
}

function injectCSS (fileName, cssbase){
    var ipts = document.getElementsByTagName("link");
    var found = false;
    for (i=0; i < ipts.length; i++){
        if ( ipts[i].rel != 'stylesheet') continue;
        var type = ipts[i].href;
        if (type.indexOf(fileName) != -1){
                    found = true;
        }
      }
     if (!found){
        var headID = document.getElementsByTagName("head")[0];
        var c = document.createElement('link');
        c.type = 'text/css';
        c.rel = 'stylesheet';
        c.href = cssbase + '/' + fileName + '.css';
        headID.appendChild(c);
    }
}

Note that the fileName should not contain the .js or .css extension.
The methods can be called from anywhere in the body of the html page (from inside standard script tags/block).

Above methods make sure that the resource being injected is not included more than once. Feel free to use the code and modify it to suit your heart's content. No strings attached!

Falling in love with jQuery

Tue, 26 Jun 2007 10:15:00 GMT

A while back I was looking for a JavaScript library that can make writing javascript easy for our web applications. One of my goals was to find something that does its job unobtrusively. It was important since I believe that even if the browser can not support javascript, our application should be able to provide basic functionality to the user using plain vanilla HTML interface. All our requirements were fulfilled in jQuery. It's small, fast and let's you do things in less lines of codes. jQuery is all about finding stuff and doing things. For example it let's you find all the <a> tags that have class attribute value of popup. Then you can attach events to show them in popup! The good thing is that in case the browser does not support javascript your link tag will show up as plain vanilla link tag. So users will be able to at least browse to the page pointed by the link.

So if you are looking for a great javascript library, go for jQuery. It's at jQuery.com

For me, I confess I have fallen i love with jQuery.